html{scroll-padding-top:84px}
header.quantum-header{position:sticky;top:0;z-index:100;box-sizing:border-box;max-width:none;width:100%;margin:0;padding:6px max(3%,env(safe-area-inset-right)) 6px max(3%,env(safe-area-inset-left));display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #e5ecef;min-height:60px}
.quantum-header .quantum-brand{gap:8px;min-height:44px}
.quantum-header .brand-lockup{display:block;width:220px;height:auto;max-width:100%;flex:0 1 auto}
.quantum-header .brand-symbol{width:44px;height:44px}
.quantum-header .brand-name{font-size:17px;letter-spacing:.03em}
.quantum-header .brand-name small{font-size:8px;margin-top:3px;letter-spacing:.15em}
.quantum-header nav{display:flex;flex-wrap:nowrap;gap:clamp(8px,1.5vw,22px);margin:0;align-items:center}
.quantum-header nav a{font-size:12px;white-space:nowrap;min-height:44px;padding:4px 0;box-sizing:border-box}
.header-menu-toggle{display:none}
body.knot-page main section{scroll-margin-top:84px}
@media(min-width:641px) and (max-width:900px){header.quantum-header{gap:12px;padding-inline:16px}.quantum-header .brand-name{font-size:15px}.quantum-header .brand-symbol{width:40px;height:40px}.quantum-header nav{gap:10px}.quantum-header nav a{font-size:10px}}
@media(min-width:641px) and (max-width:900px){.quantum-header .brand-lockup{width:190px}}
@media(max-width:640px){header.quantum-header{min-height:58px;padding:5px max(16px,env(safe-area-inset-left));flex-wrap:wrap;gap:0 12px}.quantum-header .brand-lockup{width:205px}.quantum-header .brand-symbol{width:44px;height:44px}.quantum-header .brand-name{font-size:17px}.header-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#15364b;cursor:pointer;border-radius:4px}.header-menu-toggle span,.header-menu-toggle span:before,.header-menu-toggle span:after{display:block;width:22px;height:2px;background:currentColor;position:relative}.header-menu-toggle span:before,.header-menu-toggle span:after{content:'';position:absolute;left:0;top:-7px}.header-menu-toggle span:after{top:7px}.header-menu-toggle[aria-expanded=true] span{background:transparent}.header-menu-toggle[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.header-menu-toggle[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}.header-menu-toggle:focus-visible{outline:2px solid #3b758a;outline-offset:2px}.quantum-header nav{flex:0 0 100%;display:grid;grid-template-columns:1fr;gap:0;margin:4px 0 8px;max-height:calc(100dvh - 76px);overflow:auto}.quantum-header nav a{padding:10px 12px;font-size:14px;min-height:44px;border-bottom:1px solid #edf1f3}.quantum-header nav a[aria-current]{background:#eef5f5}.quantum-header nav[hidden]{display:none}}
.motion-footer .meta{display:flex;align-items:center;justify-content:flex-start;gap:12px}
.motion-footer .meta .footer-mark{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 40px}
@media(max-width:600px){.motion-footer .meta{display:flex;align-items:center;gap:12px}.motion-footer .meta .footer-mark{width:36px;height:36px;flex-basis:36px}}
.header-menu-toggle{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.header-menu-toggle[aria-expanded=true]{background:#e6f0f1;color:#0c5260;box-shadow:inset 0 0 0 1px #c5dadd}
.quantum-header nav{transition:opacity .18s ease,transform .18s ease}
.quantum-header nav[hidden]{display:none;opacity:0;transform:translateY(-5px)}
@media(prefers-reduced-motion:reduce){.header-menu-toggle,.quantum-header nav{transition:none}}