/* hdr61: separate mode control and phase-only moon. Both controls sit on the header's common bottom baseline. */
html body .jf-mode-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;inset:auto!important;box-sizing:border-box!important;flex:none!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:1px solid #111!important;border-radius:50%!important;background:#fff!important;color:#111!important;box-shadow:none!important;cursor:pointer!important;align-self:flex-end!important}
html body .jf-mode-toggle::after{content:'';position:absolute;inset:5px;border-radius:50%;background:linear-gradient(90deg,#111 50%,#fff 50%);border:1px solid #111}
html[data-theme=dark] body .jf-mode-toggle::after{background:#111}
html body #jf-hdr60 .jf-mode-toggle{width:var(--h60-disc)!important;height:var(--h60-disc)!important;min-width:var(--h60-disc)!important;min-height:var(--h60-disc)!important}
html body header.ct-top.jfh .jf-moon,html body #jf-hdr60 .jf-moon{transform:none!important;align-self:flex-end!important;margin:0!important}
html body .jf-moon .mph-l{display:none!important}
/* Home retains its approved name-left arrangement; the mode circle follows the name on the left. */
html body header.ct-top.jfh.jh3:not(#jf-hdr60){grid-template-columns:auto auto 1fr!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60)>.jf-mode-toggle{grid-column:2!important;grid-row:1!important;justify-self:start!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60)>.jhr{grid-column:3!important}
@media(max-width:760px){html body .jf-mode-toggle{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}}
@media(max-width:400px){html body .jf-mode-toggle{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}}
/* Five unchanged-size circles fit beside the centered signpost at portrait phone width. */
@media(max-width:420px) and (orientation:portrait){html body #jf-hdr60 .h60-left{gap:2.5px!important}}
html body .jf-mode-toggle:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
/* Exact home moon specificity: no inherited lift after the phase caption is removed. */
html body header.ct-top.jfh .jf-moon.mv2-on{transform:none!important;align-self:flex-end!important}
html body #jf-hdr60 .h60-left,html body #jf-hdr60 .h60-right{gap:12px!important}
html body #jf-hdr60{column-gap:12px!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60){column-gap:12px!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60)>.jhr{gap:12px!important}
@media(max-width:760px){html body #jf-hdr60 .h60-left,html body #jf-hdr60 .h60-right{gap:8px!important}html body #jf-hdr60{column-gap:8px!important}}
/* Legacy fallback tracks; hdr62 stacked-label tracks below override these widths. */
@media(max-width:420px) and (orientation:portrait){
 html body #jf-hdr60{grid-template-columns:182px 51.47px 182px!important;overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none}
 html body #jf-hdr60::-webkit-scrollbar{display:none}
}
@media(max-width:600px){
 html body header.ct-top.jfh.jh3:not(#jf-hdr60){gap:8px!important;flex-wrap:nowrap!important;overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none}
 html body header.ct-top.jfh.jh3:not(#jf-hdr60)::-webkit-scrollbar{display:none}
}
/* Never let flexbox solve the fit conflict by shrinking approved round controls. */
html body header.ct-top.jfh.jh3:not(#jf-hdr60) .srf{flex:none!important;width:44px!important;height:44px!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60) .jf-moon{flex:none!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
@media(max-width:760px){html body header.ct-top.jfh.jh3:not(#jf-hdr60) .srf{width:34px!important;height:34px!important}}
@media(max-width:400px){html body header.ct-top.jfh.jh3:not(#jf-hdr60) .srf{width:30px!important;height:30px!important}}
/* hdr61 latest direction: concise deck label replaces the inner-page name/signpost. */
html body #jf-hdr60 .h61-deck-label{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important;font:700 14px/1.2 H60Mono,monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:inherit!important}
html body [data-hdr61-retired-title]{display:none!important}
@media(max-width:420px) and (orientation:portrait){
 :root:has(body.hdr60-page){--h60-height:72px}
 html body #jf-hdr60{grid-template-columns:182px minmax(max-content,1fr) 101.58px!important}
 html body #jf-hdr60 .h61-deck-label{font-size:11px!important;letter-spacing:.04em!important}
}

/* hdr62: stacked phone deck labels, no horizontal header scrolling. */
html body #jf-hdr60{overflow-x:visible!important;overflow-y:visible!important}
@media(max-width:420px) and (orientation:portrait){
 html body #jf-hdr60{grid-template-columns:182px minmax(0,1fr) 101.58px!important;overflow:visible!important}
 html body #jf-hdr60 .h60-center{min-width:0!important;width:100%!important;align-self:center!important;align-items:center!important}
 html body #jf-hdr60 .h61-deck-label{max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.03!important;overflow-wrap:normal!important;word-break:normal!important}
 html body #jf-hdr60 .h61-phone-line{display:block!important;white-space:nowrap!important}
}
@media(min-width:421px),(orientation:landscape){html body #jf-hdr60 .h61-phone-line{display:inline!important}html body #jf-hdr60 .h61-phone-line+.h61-phone-line::before{content:' '}}
@media(max-width:420px) and (orientation:portrait){html body #jf-hdr60 .h60-center{align-self:end!important;height:var(--h60-disc)!important}}
/* All portrait phones use the same non-scrolling, slim stacked-label layout. */
@media(max-width:600px) and (orientation:portrait){
 :root:has(body.hdr60-page){--h60-height:72px}
 html body #jf-hdr60{grid-template-columns:calc(5 * var(--h60-disc) + 32px) minmax(0,1fr) calc(var(--h60-clockw) + 32px)!important;overflow:visible!important;column-gap:8px!important}
 html body #jf-hdr60 .h60-left,html body #jf-hdr60 .h60-right{gap:8px!important}
 html body #jf-hdr60 .h60-center{min-width:0!important;width:100%!important;height:var(--h60-disc)!important;align-self:end!important;align-items:center!important}
 html body #jf-hdr60 .h61-deck-label{font-size:11px!important;letter-spacing:.04em!important;max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.03!important;overflow-wrap:normal!important;word-break:normal!important}
 html body #jf-hdr60 .h61-phone-line{display:block!important;white-space:nowrap!important}
 html body #jf-hdr60 .h61-phone-line+.h61-phone-line::before{content:none!important}
}

/* hdr63: one direct front-page exit, or distinct parent + home exits. */
html body #jf-hdr60[data-hdr63-nav="front-return"] .h60-home{display:none!important}
html body #jf-hdr60{--h63-left-width:calc(5 * var(--h60-disc) + 32px)}
html body #jf-hdr60[data-hdr63-nav="front-return"]{--h63-left-width:calc(4 * var(--h60-disc) + 24px)}
@media(max-width:600px) and (orientation:portrait){html body #jf-hdr60{grid-template-columns:var(--h63-left-width) minmax(0,1fr) calc(var(--h60-clockw) + 32px)!important}}

/* hdr64: 2D/3D WORKS labels reuse approved responsive phone-line stacking. */

/* col66: moon is the sole mode control; compact left group, no reserved holes. */
html body header.ct-top .jf-mode-toggle,html body header.ct-top .h60-colour,html body header.ct-top .jpal{display:none!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60){grid-template-columns:auto 1fr!important}
html body header.ct-top.jfh.jh3:not(#jf-hdr60)>.jhr{grid-column:2!important}
html body #jf-hdr60{--h63-left-width:calc(3 * var(--h60-disc) + 16px)}
html body #jf-hdr60[data-hdr63-nav="front-return"]{--h63-left-width:calc(2 * var(--h60-disc) + 8px)}
html body #jf-hdr60 .h61-deck-label.h66-single{white-space:nowrap!important}
html body #jf-hdr60 .h61-deck-label.h66-single .h61-phone-line{display:inline!important}
html body #jf-hdr60 .h61-deck-label.h66-single .h61-phone-line+.h61-phone-line::before{content:' '!important}
html body .jf-moon .mph-l{display:none!important}