/* Context controls share the header material; reading surfaces stay opaque. */
.ny-glass-surface{color:#e6eef0;text-shadow:0 1px 3px #031019b3}
:root[data-theme="light"] .ny-glass-surface{color:#263d43;text-shadow:none}
/* skin-v2's filled lib-rise animation leaves an identity transform on this
   wrapper. Even matrix(1,0,0,1,0,0) makes fixed children local to the wrapper
   in Chromium, so the docked rail would scroll offscreen. */
.course-section-nav-wrap[data-glass-slot]{position:relative;top:auto;z-index:40;background:none;border:0;backdrop-filter:none;animation:none!important;transform:none!important;will-change:auto!important;margin-block:6px 12px}
.course-section-nav.ny-glass-surface{position:relative;width:max-content;max-width:100%;margin-left:auto;min-height:58px;padding:0 20px;gap:28px;border:1px solid var(--ny-glass-edge);border-radius:16px}
/* Auto margin aligns the links to the right while collapsing safely when a
   narrow rail needs horizontal scrolling. */
.course-section-nav.ny-glass-surface>a:first-of-type{margin-left:auto}
.course-section-nav.ny-glass-surface>a{min-height:56px;color:#c7d9df}
.course-section-nav.ny-glass-surface>a[data-current]{color:#e4f0cd}
.course-section-nav.ny-glass-surface>a>span{color:#a5bfad}
/* The clear daytime coat needs actual dark ink. Course links had kept their
   night-only pale cyan even after the shared material switched to white. */
:root[data-theme="light"] .course-section-nav.ny-glass-surface{color:#263d43;text-shadow:none}
:root[data-theme="light"] .course-section-nav.ny-glass-surface>a{color:#34515a;text-shadow:none}
:root[data-theme="light"] .course-section-nav.ny-glass-surface>a[data-current]{color:#3d672f}
:root[data-theme="light"] .course-section-nav.ny-glass-surface>a>span{color:#567360}
.course-section-nav.ny-glass-surface>a::after{bottom:9px;height:2px}
.path-glass-slot{margin:16px 0 24px}
/* A transformed ancestor would make the fixed rail jump during directory collapse. */
.pathway-redesign.is-directory-collapsed .pathway-main{animation-name:ny-path-reading-opacity}
@keyframes ny-path-reading-opacity{from{opacity:.65}to{opacity:1}}
.pathway-redesign .path-section-title-row.ny-glass-surface{position:relative;top:auto;z-index:40;width:max-content;max-width:100%;margin-left:auto;align-items:center;min-height:64px;padding:10px 18px;border:1px solid var(--ny-glass-edge);border-radius:16px}
.pathway-redesign .path-section-title-row.ny-glass-surface .path-section-title{margin:0;font-size:21px;line-height:1.45;white-space:nowrap}
.pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav{margin-left:auto;justify-content:flex-end}
.pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav a{min-height:36px;padding:7px 12px;background:#d1ebf106;border-color:#c1e2ec24}
.pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav a:hover{background:#c1e2ec16;border-color:#c1e2ec65}
:root[data-theme="light"] .pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav a{text-shadow:none}
:root[data-theme="light"] .pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav a span{color:#426d74}
/* Same DOM in a reserved flow slot, then a continuous lower edge of the header. */
[data-glass-rail]{transform-origin:top left;box-sizing:border-box}
:is(.course-section-nav,.pathway-redesign .path-section-title-row)[data-glass-docked]{position:fixed;left:var(--ny-rail-left);top:var(--ny-rail-top);width:var(--ny-rail-width);max-width:none;margin:0;border-radius:0 0 20px 20px;border-top-color:#dcecf014;--ny-glass-fill:rgba(8,21,30,.28);box-shadow:0 15px 26px #0003,inset 0 -1px 0 #0310194d}
.site-header{transition:background-color 320ms var(--ny-ease),border-color 320ms var(--ny-ease),box-shadow 320ms var(--ny-ease),border-radius 460ms var(--ny-ease)}
.site-header[data-glass-attached]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;box-shadow:0 -4px 20px #0001,inset 0 1px 0 #effbff1f}
[data-glass-docked]::before{border-top-left-radius:0;border-top-right-radius:0}
.course-community-page :is(#course-materials,#course-introduction,#course-discussion,#course-history,#course-related),
.pathway-redesign :is(#recommended-terms,#study-requirements,#scheme-source,.path-year){scroll-margin-top:var(--ny-reading-offset,160px)}
@media(max-width:740px){
  .course-section-nav.ny-glass-surface{gap:18px;padding-inline:14px;overflow-x:auto;scrollbar-width:none}
  .course-section-nav.ny-glass-surface::-webkit-scrollbar{display:none}
  .course-section-nav.ny-glass-surface>a{font-size:12px;flex:none}
  .pathway-redesign .path-section-title-row.ny-glass-surface{gap:8px;padding:9px 12px}
  .pathway-redesign .path-section-title-row.ny-glass-surface .path-section-title{font-size:17px}
  .pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav{gap:5px}
  .pathway-redesign .path-section-title-row.ny-glass-surface .path-year-nav a{padding:7px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.site-header,[data-glass-rail]{transition:none!important}}
@media(forced-colors:active){[data-glass-docked]{border-top:1px solid CanvasText}.ny-glass-surface{text-shadow:none}}
@media print{[data-glass-slot]{min-height:0!important}[data-glass-rail][data-glass-docked]{position:static;width:auto;transform:none}.site-header{display:none}}