/* Lunar Clover navigation refinement — deliberately scoped to the header/drawer. */
#nav{--lc-nav-accent:color-mix(in srgb,var(--text-strong) 28%,var(--eyebrow));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 45%,transparent)}
#nav .nav-in{max-width:1280px;min-height:80px;padding:16px 40px;gap:32px;justify-content:space-between}
#nav .brand{flex:none;white-space:nowrap;font-size:24px;letter-spacing:.02em;gap:12px}
#nav .seal{width:36px;height:36px}
#nav .nav-links{display:flex;gap:28px;align-items:center;white-space:nowrap;font-size:14px;flex:none}
#nav .nav-links>a,#nav .lc-explore>summary{display:flex;align-items:center;min-height:44px;padding:8px 0;color:var(--text-strong);font:500 14px/1.4 Inter,sans-serif;text-decoration:none}
#nav .nav-links>a::after{bottom:5px;background:var(--lc-nav-accent)}
#nav .nav-links .lc-current::after{width:100%}
#nav .nav-right{gap:12px;flex:none;align-items:center}
#nav .theme-toggle,#nav .lcbag-btn{min-height:44px}
#nav .theme-toggle{color:var(--lc-nav-accent);width:44px;height:44px;border-width:1px}
#nav .lcbag-btn{padding:9px 14px;line-height:1.2}
#nav .nav-cta{padding:12px 22px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;box-shadow:none}
#nav :is(a,button,summary):focus-visible,.lcm-ov a:focus-visible,.lcm-x:focus-visible{outline:2px solid var(--lc-nav-accent,#c9933a);outline-offset:4px}
#nav .lc-explore{position:relative}
#nav .lc-explore>summary{list-style:none;gap:8px;cursor:pointer;border-radius:4px}
#nav .lc-explore>summary::-webkit-details-marker{display:none}
#nav .lc-explore>summary::after{content:'';width:6px;height:6px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
#nav .lc-explore[open]>summary::after{transform:rotate(225deg);margin-top:2px}
#nav .lc-explore[open]>summary,#nav .lc-explore.lc-current>summary{color:var(--lc-nav-accent)}
#nav .lc-explore-panel{position:absolute;right:0;top:calc(100% + 12px);width:480px;max-width:calc(100vw - 48px);white-space:normal;padding:24px;background:var(--bg);border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:12px;box-shadow:0 16px 40px rgba(8,20,6,.14)}
#nav .lc-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#nav .lc-explore-panel h2{font:500 14px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-nav-accent);margin:0 0 10px}
#nav .lc-explore-panel a{display:block;position:static;padding:10px 0;min-height:44px;font:500 14px/1.4 Inter,sans-serif;color:var(--text-strong);text-decoration:none}
#nav .lc-explore-panel a::after{display:none}
#nav .lc-explore-panel a:hover{color:var(--lc-nav-accent)}
#nav .lc-explore-panel a span{display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--text);margin-top:2px}
#nav .lc-explore-chapter{margin-top:20px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
#nav .lc-explore-chapter>a{padding:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600}
#nav .lc-explore-chapter>a span{font-family:Inter,sans-serif;font-size:14px}
#nav .lc-explore-support{display:flex;gap:24px;margin-top:10px}
#nav .lc-explore-support a{font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:32px}
@media(max-width:1200px) and (min-width:1081px){#nav .nav-in{padding-inline:28px;gap:24px}#nav .nav-links{gap:24px}#nav .brand{font-size:22px;gap:10px}#nav .seal{width:32px;height:32px}#nav .nav-right{gap:10px}#nav .nav-cta{padding-inline:18px}}
@media(max-width:1080px){#nav .nav-links,#nav .nav-cta{display:none!important}#nav .nav-in{min-height:72px;padding:14px 20px;gap:16px}#nav .brand{font-size:12px;letter-spacing:.2em;gap:8px}#nav .seal{width:28px;height:28px}#nav .nav-right{gap:8px}#nav .lcbag-btn{padding-inline:12px}#nav .theme-toggle{width:44px;height:44px}}
@media(max-width:440px){#nav .nav-in{padding-inline:16px;gap:8px}#nav .brand{font-size:11px;letter-spacing:.18em}#nav .seal{width:26px;height:26px}#nav .lcbag-btn{padding-inline:10px}}
@media(max-width:360px){#nav .nav-in{padding-inline:12px}#nav .lcbag-btn{font-size:0;width:44px;padding:0;justify-content:center;gap:0}#nav .lcbag-btn svg{width:18px;height:18px}}
.lcm-burger{display:none;position:relative;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:10px;background:transparent;cursor:pointer;padding:0}
.lcm-burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--lc-nav-accent);border-radius:2px}
.lcm-burger span:nth-child(1){top:14px}.lcm-burger span:nth-child(2){top:21px}.lcm-burger span:nth-child(3){top:28px}
@media(max-width:1080px){.lcm-burger{display:block}}
.lcm-ov{position:fixed;inset:0;z-index:9700;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;background:linear-gradient(160deg,#0c1a08,#193410);overflow-y:auto;overscroll-behavior:contain;color:#faf7f0}
.lcm-ov.open{visibility:visible;opacity:1}
.lcm-in{position:relative;min-height:100%;padding:32px 32px 40px;max-width:700px;margin:auto}
.lcm-in::before{content:'';position:absolute;inset:14px;border:1px solid rgba(232,184,109,.4);pointer-events:none}
.lcm-head{padding-right:52px;margin-bottom:32px;min-height:44px;display:flex;align-items:center}
.lcm-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e8b86d;font:500 14px/1.5 'IBM Plex Mono',monospace;letter-spacing:.22em}
.lcm-x{display:none;width:44px;height:44px;border:1px solid rgba(232,184,109,.6);border-radius:10px;background:#0c1a08;cursor:pointer;position:fixed;top:30px;right:max(30px,calc((100vw - 700px)/2 + 30px));z-index:9702;padding:0}
.lcm-x.show{display:block}
.lcm-x::before,.lcm-x::after{content:'';position:absolute;left:12px;right:12px;top:50%;height:1.5px;background:#e8b86d}.lcm-x::before{transform:rotate(45deg)}.lcm-x::after{transform:rotate(-45deg)}
.lcm-links{position:static;inset:auto;display:grid;gap:28px}
.lcm-group{padding:0;margin:0}
.lcm-group h2{font:500 14px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.18em;color:#e8b86d;margin:0 0 8px}
.lcm-group a{display:flex;align-items:center;justify-content:space-between;min-height:52px;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(232,184,109,.2);color:#faf7f0;font:500 clamp(25px,6vw,32px)/1.15 'Cormorant Garamond',Georgia,serif}
.lcm-group a::after{content:'↗';font:400 17px/1 Inter,sans-serif;color:#e8b86d;padding-left:12px}
.lcm-group a[aria-current],.lcm-group a:hover{color:#e8b86d}
.lcm-foot{padding-top:32px}
.lcm-cta{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:50px;text-decoration:none;color:#382407;background:linear-gradient(105deg,#c18a2e,#fbe7b8);font:600 14px/1.5 Inter,sans-serif;padding:14px 20px}
.lcm-tag{text-align:center;color:#c6ceb9;font:400 14px/1.6 Inter,sans-serif;margin-top:16px}
@media(min-width:700px){.lcm-links{grid-template-columns:1fr 1fr}.lcm-group:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.lcm-ov,#nav .lc-explore>summary::after{transition:none}}