/* Frosted navigation, quiet ambient surfaces and section groups. */
html[data-theme] { --glass-fill: #1b252c; --glass-nav-fill: #1b252c; --glass-rim: #ffffff29; --glass-shadow: 0 12px 32px #00000026, inset 0 1px 0 #ffffff29; --group-fill: #192d35; --ambient-panel: radial-gradient(ellipse at 95% 0, #294554, transparent 65%), linear-gradient(120deg, #15232d, #1e303a); --ambient-halo: radial-gradient(ellipse at 75% 0, #5c7a9133, transparent 65%); }
html[data-theme=light] { --glass-fill: #f4f8f9; --glass-nav-fill: #f4f8f9; --glass-rim: #ffffffd9; --glass-shadow: 0 12px 32px #173e5410, inset 0 1px 0 #fff; --group-fill: #ebf2f3; --ambient-panel: radial-gradient(ellipse at 95% 0, #dce7ef, transparent 65%), linear-gradient(120deg, #f8fafb, #e8edf1); --ambient-halo: radial-gradient(ellipse at 75% 0, #bdcfdc66, transparent 65%); }
.app-shell { position: relative; isolation: isolate; }
.app-shell::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 360px; z-index: -1; background: var(--ambient-halo); opacity: 1; mask-image: linear-gradient(#000, transparent); pointer-events: none; }
.topbar { border-color: var(--glass-rim); background: var(--glass-fill); box-shadow: var(--glass-shadow); }
#primary-navigation a { color: var(--text); padding: 9px 0; }
#primary-navigation a.active { font-weight: 600; box-shadow: inset 0 -2px var(--accent); }
.community-topics { padding: 22px; border: 1px solid var(--border); border-radius: 24px; background: var(--group-fill); box-shadow: inset 0 1px 0 var(--glass-rim); }
.topic-heading { margin-bottom: 16px; }.topic-cards > a { min-height: 108px; padding: 20px; box-shadow: 0 8px 20px #173e5408; }
.topic-cards > a:nth-child(1) .topic-icon { color: var(--green); }.topic-cards > a:nth-child(2) .topic-icon { color: var(--accent); }.topic-cards > a:nth-child(3) .topic-icon { color: var(--purple); }
.community-next > a { border-color: var(--border); }.community-next > a:last-child .topic-icon { color: var(--green); }
.theme-popover, .sidebar { background: var(--glass-nav-fill); border-color: var(--glass-rim); box-shadow: var(--glass-shadow); }
.member-links { padding: 20px; border: 1px solid var(--border); border-radius: 24px; background: var(--group-fill); gap: 16px; }
.member-links > a { transition: transform .18s, box-shadow .18s; }.member-links > a:hover { transform: translateY(-3px); box-shadow: 0 12px 28px #173e5414; }
#personal-navigation { padding: 16px 0 0; gap: 10px; }#personal-navigation a { padding: 10px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }#personal-navigation a.active { color: var(--accent); border-color: var(--accent); }
.community-intro, .member-welcome { background: var(--ambient-panel); }
.community-intro { grid-template-columns: 1fr; }
.community-copy { max-width: 790px; padding: 36px 38px; }
.member-welcome-copy { max-width: 100%; }.member-welcome > a { border-color: var(--border); box-shadow: inset 0 1px 0 var(--glass-rim); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-theme] { --glass-fill: #1b252cd9; --glass-nav-fill: #1b252ce6; }
  html[data-theme=light] { --glass-fill: #ffffffbd; --glass-nav-fill: #ffffffe6; }
  .topbar, .theme-popover, .sidebar, .mobile-nav { -webkit-backdrop-filter: blur(22px) saturate(145%); backdrop-filter: blur(22px) saturate(145%); }
}
@media (max-width: 1000px) { .topic-cards { grid-template-columns: 1fr; gap: 12px; }.topic-cards > a { min-height: 88px; }.community-topics { padding: 20px; } }
@media (max-width: 760px) {
  .topbar { margin: 10px 12px 0; top: 8px; min-height: 60px; height: 60px; padding-inline: 12px; border: 1px solid var(--glass-rim); border-radius: 18px; }
  .community-copy { padding: 24px 16px; }
  .top-brand { font-size: 18px; }.top-actions { gap: 0; }.topbar .profile-button[data-guest=true] { padding: 0 8px; font-size: 13px; }
  .community-topics { padding: 16px; border-radius: 22px; }.topic-heading { gap: 6px; }.topic-heading h2, .topic-heading .eyebrow { font-size: 9px; }.topic-cards > a { padding: 16px; border-radius: 16px; gap: 14px; }.topic-cards b { font-size: 15px; }
  .mobile-nav { left: 12px; right: 12px; bottom: max(10px, env(safe-area-inset-bottom)); padding: 6px 8px; border: 1px solid var(--glass-rim); border-radius: 22px; background: var(--glass-nav-fill); box-shadow: var(--glass-shadow); }.mobile-nav a, .mobile-nav button { color: var(--text); }.mobile-nav a.active { color: var(--text); background: var(--surface2); }
  .member-links { padding: 16px; gap: 12px; }.member-links > a { padding: 24px; }#personal-navigation { padding: 18px 22px 0; }.theme-popover { top: 80px; }.wiki-search-panel { top: 84px; }
}
@media (max-width: 380px) { .topbar { margin-inline: 10px; padding-inline: 8px; }.topbar .profile-button[data-guest=true] { padding-inline: 5px; }.topic-icon { width: 40px; flex-basis: 40px; }.topic-cards > a { gap: 10px; padding: 14px; } }
html[data-contrast=high] :is(.topbar, .theme-popover, .sidebar, .mobile-nav) { background: var(--surface); border-color: var(--border2); -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (prefers-reduced-transparency: reduce) { html[data-theme] :is(.topbar, .theme-popover, .sidebar, .mobile-nav) { background: var(--surface); -webkit-backdrop-filter: none; backdrop-filter: none; }.app-shell::before { display: none; } }
@media (prefers-reduced-motion: reduce) { .member-links > a:hover, .topic-cards > a:hover, .community-next > a:hover { transform: none; } }
html[data-motion=reduced] :is(.member-links > a:hover, .topic-cards > a:hover, .community-next > a:hover) { transform: none; }