.guide-page .header nav a[aria-current] { color: var(--cyan); }
.guide-hero { display:grid; grid-template-columns:1.6fr 1fr; gap:80px; padding-block:78px 68px; align-items:center; }
.guide-hero h1 { font-size:clamp(50px,5.5vw,82px); margin-block:20px 25px; }
.guide-lead { font-size:20px; line-height:1.5; }
.guide-intro { max-width:610px; color:var(--muted); font-size:14px; line-height:1.9; }
.guide-date { color:var(--muted); font-size:11px; margin:24px 0 0; }
.guide-principles { padding:32px; border:1px solid #405069; background:radial-gradient(ellipse at top right,#33c7ff12,transparent 70%),var(--panel); }
.guide-principles>img { margin-bottom:25px; }
.guide-principles ol { padding:0; margin:20px 0 0; list-style:none; }
.guide-principles li { display:flex; gap:17px; padding-block:17px; border-top:1px solid var(--line); }
.guide-principles li>span,.guide-number { color:var(--cyan); font-size:10px; letter-spacing:1.4px; }
.guide-principles strong { font-size:14px; }
.guide-principles li p { font-size:12px; color:var(--muted); margin:5px 0 0; line-height:1.7; }
.guide-jump { padding-bottom:55px; }
.guide-jump h2 { font-size:clamp(30px,3vw,44px); letter-spacing:-1px; }
.guide-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-block:30px; }
.guide-topic-grid a { display:flex; gap:14px; align-items:center; padding:20px; min-height:88px; border:1px solid #405069; background:var(--panel); font-size:14px; line-height:1.5; transition:background .2s,border-color .2s; }
.guide-topic-grid a:hover { background:#16334a; border-color:var(--cyan); }
.guide-topic-grid a>span:last-child { margin-left:auto; color:var(--gold); }
.guide-editorial { max-width:1000px; color:var(--muted); font-size:12px; line-height:1.9; }
.guide-topic { display:grid; grid-template-columns:1fr 1.5fr; gap:85px; border-top:1px solid #405069; padding-block:60px; }
.guide-topic h2 { font-size:clamp(34px,3.5vw,48px); line-height:1.16; letter-spacing:-1.3px; margin-block:15px 22px; }
.guide-topic-heading>.eyebrow { margin-top:25px; font-size:9px; }
.guide-summary { color:var(--muted); font-size:14px; line-height:1.9; }
.guide-source { line-height:1.6; gap:12px; }
.guide-topic-body>h3 { font:500 24px Playfair,Georgia,serif; }
.guide-checks { padding:0; list-style:none; margin:0 0 25px; }
.guide-checks li { position:relative; padding:0 0 17px 24px; }
.guide-checks li:before { content:'+'; position:absolute; left:0; color:var(--cyan); }
.guide-checks strong { font-size:14px; }
.guide-checks p { font-size:13px; color:var(--muted); line-height:1.9; margin:5px 0 0; }
.guide-project { border-left:2px solid var(--cyan); padding:21px 24px; background:var(--panel); }
.guide-project .eyebrow { font-size:9px; margin-bottom:9px; }
.guide-project h3 { font-size:15px; margin-bottom:8px; }
.guide-project>p:last-child { color:var(--muted); font-size:13px; margin:0; }
.guide-skip { font-size:12px; color:var(--muted); padding-block:18px 6px; }
.guide-skip strong { color:var(--gold); }
.guide-topic-actions { display:flex; gap:12px 20px; align-items:center; flex-wrap:wrap; }
.guide-paid { color:var(--muted); font-size:10px; }
.guide-copy { background:transparent; border:1px solid #526177; padding:10px 13px; color:var(--cream); font-size:11px; min-height:42px; }
.guide-copy:hover { border-color:var(--cyan); color:var(--cyan); }
.guide-back { display:inline-block; font-size:11px; color:var(--muted); margin-top:24px; }
.guide-back:hover { color:var(--cyan); }
.guide-copy-status { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); padding:12px 20px; background:#efe7d1; color:#0b1220; border:1px solid var(--gold); font-size:12px; box-shadow:0 6px 24px #0008; z-index:100; overflow-wrap:anywhere; }
.guide-closing-copy { margin:18px 0 0; color:var(--muted); font-size:13px; }
@media(max-width:1100px) { .guide-hero { gap:35px; grid-template-columns:1.4fr 1fr; }.guide-topic { gap:45px; }.guide-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .guide-hero { grid-template-columns:1fr; padding-block:45px; gap:35px; }.guide-hero h1 { font-size:clamp(42px,9vw,68px); letter-spacing:-1.5px; }.guide-principles { padding:25px; }.guide-principles>img { width:60px; height:60px; }.guide-topic { grid-template-columns:1fr; gap:28px; padding-block:40px; }.guide-page .header nav a:last-child { display:block; }.guide-jump h2 { line-height:1.2; }.guide-topic h2 { font-size:36px; }.guide-lead { font-size:18px; }.guide-topic-grid a { padding:16px 12px; font-size:12px; gap:10px; }.guide-topic-actions { align-items:flex-start; }.guide-copy-status { bottom:10px; } }
@media(max-width:420px) { .guide-topic-grid { grid-template-columns:1fr; gap:8px; }.guide-topic-grid a { min-height:64px; font-size:14px; }.guide-page .header nav { gap:9px; font-size:9px; }.guide-topic-actions .button { width:100%; }.guide-topic-actions .guide-copy { margin-left:auto; }.guide-topic h2 { font-size:32px; } }