/* Only page-shell spacing; all shared menu rules stay in a shadow tree. */
#nousophy-navigation{display:block}
#nousophy-navigation>.fallback-header{--sans:'ibm-plex-sans',system-ui,sans-serif;--serif:'newsreader',Georgia,serif;font-size:medium;position:relative;border-bottom:1px solid var(--line)}
.fallback-menu>summary{min-height:44px;align-content:center;cursor:pointer;font:400 .875em/1.4 var(--sans)}
.navigation-fallback{display:flex;align-items:center;gap:clamp(14px,1.6vw,27px);font:400 .875em/1.4 var(--sans)}
.navigation-fallback a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;padding:12px 0}
.navigation-fallback .theme-toggle{font:inherit;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:0;padding:10px 0;min-height:44px;background:transparent;color:var(--ink)}
.navigation-fallback .theme-icon{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.25rem}
@media(min-width:1051px){.fallback-menu>summary{display:none}.fallback-menu::details-content{content-visibility:visible}.fallback-menu:not([open])>nav{display:flex}}
@media(min-width:1051px) and (max-width:1100px){.navigation-fallback{gap:14px}}
@media(max-width:1050px){.fallback-menu[open]>nav{position:absolute;z-index:30;top:100%;left:0;right:0;padding:24px var(--site-header-gutter);background:var(--paper);flex-direction:column;align-items:stretch;gap:14px}.navigation-fallback{font-size:1em}.fallback-menu:not([open])>nav{display:none}}
.perception-local-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:.9375rem}
.perception-local-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:none}
.perception-local-nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
.perception-section-caption{align-items:center;gap:12px 24px}
.perception-section-caption h2{margin:0}
.perception-section-caption[data-home="false"]{justify-content:flex-end;padding-top:12px;border-top:0;margin-bottom:0}
.perception-guide-nav{padding-top:20px}
@media(max-width:760px){.perception-section-caption{flex-direction:row;flex-wrap:wrap;align-items:center}.perception-local-nav{gap:12px 20px;font-size:.875rem}.perception-section-caption[data-home="false"]{justify-content:flex-start}}
@media(max-width:640px){body:has(#nousophy-navigation){padding-bottom:calc(92px + env(safe-area-inset-bottom))}}
@media print{#nousophy-navigation,.perception-local-nav{display:none}body:has(#nousophy-navigation){padding-bottom:0}}

/* The disclosure spans the header so its content pushes the tiles down.
   Only its summary occupies the middle column; no floating panel is needed. */
.perception-section-caption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:min-content auto;row-gap:0;align-items:start}
.perception-section-caption h2{grid-column:1;grid-row:1;align-self:center;line-height:1.3;position:relative;z-index:1}
.perception-section-caption>.perception-local-nav{grid-column:3;grid-row:1;justify-self:end;position:relative;z-index:1}
.perception-section-caption>.orientation{grid-column:1/-1;grid-row:1/3;width:100%;max-width:none;min-width:0;padding:0}
.perception-section-caption>.orientation summary{width:fit-content;max-width:calc(100% / 3);min-height:44px;margin-inline:auto;padding:10px 0;line-height:24px}
.perception-section-caption>.orientation>div{max-width:none;padding:20px 0 0;overflow-wrap:break-word}
.perception-section-caption>.orientation p{max-width:75ch}
.perception-section-caption[data-home="false"]{display:flex}
@media(max-width:1000px){
 .perception-section-caption{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 .perception-section-caption>.orientation summary{max-width:100%;margin-inline:0}
 .perception-section-caption>.orientation>div{padding-top:8px}
 .perception-section-caption>.perception-local-nav{align-self:flex-start}
}