/* Codex × Atelier shared navigation principles — draft revision, 2026-10-18. */
.cl-head-inner { position:relative; }
.cl-head-nav { min-width:0; gap:clamp(12px,1.65vw,30px); }
.cl-head-nav a { white-space:nowrap; }
.cl-language { display:flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; font:600 12px/1 "IBM Plex Mono",monospace; letter-spacing:.09em; }
.cl-language a { padding:11px 5px; color:#bcb5a5; }
.cl-language a[aria-current="page"],.cl-language a:hover { color:#e9c68f; text-decoration:underline; text-underline-offset:5px; }
.cl-language > span { color:#666f65; }
.cl-head-status { padding-left:12px; }
.cl-mobile-menu { display:none; }
.cl-nav-author { color:#d8b783 !important; }
@media(max-width:1270px) {
  .cl-head-nav { gap:11px; }
  .cl-head-status { display:none; }
}
@media(max-width:1100px) {
  .cl-head-inner { flex-wrap:nowrap; gap:14px; min-height:82px; padding-block:14px; }
  .cl-head-nav { display:none !important; }
  .cl-language { margin-left:auto; }
  .cl-mobile-menu { display:block; position:relative; flex:0 0 auto; }
  .cl-mobile-menu summary { list-style:none; display:flex; align-items:center; gap:11px; cursor:pointer; border:1px solid rgba(198,166,115,.46); padding:12px 14px; font:600 11px/1.2 "IBM Plex Mono",monospace; letter-spacing:.11em; text-transform:uppercase; }
  .cl-mobile-menu summary::-webkit-details-marker { display:none; }
  .cl-mobile-menu summary span { font-size:19px; line-height:1; color:#d7b881; }
  .cl-mobile-panel { position:absolute; top:calc(100% + 12px); right:0; width:min(335px,calc(100vw - 34px)); padding:10px 19px; border:1px solid rgba(198,166,115,.42); background:#1a1e19; z-index:70; box-shadow:0 20px 55px #080c08c7; }
  .cl-mobile-panel .cl-head-nav { display:flex !important; overflow:visible; flex-direction:column; align-items:stretch; gap:0; width:100%; margin:0; padding:0; border:0; }
  .cl-mobile-panel .cl-head-nav a { font-size:12px; line-height:1.4; letter-spacing:.08em; padding:16px 2px; border-bottom:1px solid rgba(206,183,139,.13); }
  .cl-mobile-panel .cl-head-nav a:last-child { border-bottom:0; }
}
@media(max-width:610px) {
  .cl-head-inner { gap:9px; }
  .cl-brand { gap:8px; }
  .cl-brand-mark { width:32px; height:32px; }
  .cl-brand-name { font-size:11px; letter-spacing:.07em; }
  .cl-brand-small { font-size:7px; letter-spacing:.1em; }
  .cl-language { gap:4px; font-size:11px; }
  .cl-language a { padding-inline:2px; }
  .cl-mobile-menu summary { padding:10px 9px; gap:7px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce){ .cl-head-nav a { transition:none; } }

/* Persistent Codex navigation, consistent with KO without changing the manuscript design. */
.cl-header {
  position: sticky;
  top: 0;
  z-index: 900;
  isolation: isolate;
  background: rgba(18, 21, 16, .97);
  border-bottom: 1px solid rgba(198, 166, 115, .30);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 28px rgba(7, 9, 6, .24);
}
.cl-header .cl-mobile-menu[open] { z-index: 1001; }
@media (min-width: 783px) {
  .admin-bar .cl-header { top: 32px; }
}
@media (min-width: 601px) and (max-width: 782px) {
  .admin-bar .cl-header { top: 46px; }
}
.cl-skip:focus { position: fixed; top: 12px; z-index: 2000; }
html { scroll-padding-top: 120px; }
#main-content [id] { scroll-margin-top: 120px; }
@media (max-width: 1100px) {
  html { scroll-padding-top: 110px; }
  #main-content [id] { scroll-margin-top: 110px; }
}
@media (max-width: 610px) {
  .cl-header { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  html { scroll-padding-top: 106px; }
  #main-content [id] { scroll-margin-top: 106px; }
}