.guidePage{--ink:#17251f;--green:#0a2119;--gold:#b08a3d;--cream:#f3efe5;--line:#d4cbb8;color:var(--ink);background:#fbfaf6;min-height:100vh}.guideNav{background:#08100e;border-bottom:1px solid #5a4f32;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 560px);display:flex}.guideBrand{color:#eee7d7;align-items:center;gap:11px;font:18px Georgia,serif;text-decoration:none;display:flex}.guideMark{color:#d9b86c;border:1px solid #d9b86c;place-items:center;width:36px;height:36px;display:grid}.guideNav nav{gap:22px;display:flex}.guideNav nav a{color:#9ba89f;font-size:12px;text-decoration:none}.guideNav nav a:hover{color:#d9b86c}.guideHero{color:#eee7d7;background:#08100e;padding:85px max(24px,50vw - 480px) 78px}.guideHero .crumbs{color:#8f9c95;text-transform:uppercase;letter-spacing:1px;font-size:10px}.guideHero .crumbs a{color:#d9b86c;text-decoration:none}.guideHero h1{letter-spacing:-2px;max-width:900px;margin:22px 0;font:400 clamp(43px,6vw,72px)/1.04 Georgia,serif}.guideHero>p{color:#aeb8b2;max-width:760px;font-size:17px;line-height:1.7}.guideMeta{color:#75837b;text-transform:uppercase;letter-spacing:1px;gap:20px;margin-top:28px;font-size:10px;display:flex}.articleWrap{grid-template-columns:190px minmax(0,1fr);gap:60px;max-width:960px;margin:auto;padding:70px 24px 95px;display:grid}.toc{border-top:1px solid var(--line);align-self:start;padding-top:15px;position:sticky;top:25px}.toc b{color:var(--gold);letter-spacing:1px;margin-bottom:12px;font-size:9px;display:block}.toc a{color:#617068;margin:8px 0;font-size:11px;line-height:1.45;text-decoration:none;display:block}.toc a:hover{color:var(--green)}.article{font-size:15px;line-height:1.82}.article .lead{color:#34443d;margin-top:0;font:400 23px/1.55 Georgia,serif}.article h2{letter-spacing:-.5px;margin:58px 0 18px;font:400 37px/1.12 Georgia,serif}.article h3{margin:31px 0 10px;font:400 23px Georgia,serif}.article p{color:#44514b}.article ul,.article ol{color:#44514b;padding-left:22px}.article li{margin:8px 0}.formula{color:#e8dfca;background:#0c1b16;border-left:3px solid #d9b86c;margin:25px 0;padding:22px 25px;font:18px Georgia,serif}.note{border:1px solid var(--line);color:#4f5a55;background:#f0ebdf;margin:25px 0;padding:20px 23px}.article table{border-collapse:collapse;width:100%;margin:24px 0;font-size:13px}.article th,.article td{text-align:left;border:1px solid var(--line);padding:11px}.article th{background:#f0ebdf}.guideCta{color:#e9e1d0;background:#0b2119;justify-content:space-between;align-items:center;gap:25px;margin-top:55px;padding:30px;display:flex}.guideCta h2{margin:5px 0 8px;font-size:28px}.guideCta p{color:#a7b3ac;margin:0}.guideCta a{color:#10110d;background:#d9b86c;flex:none;padding:13px 17px;font-size:11px;font-weight:800;text-decoration:none}.related{border-top:1px solid var(--line);margin-top:55px;padding-top:25px}.related h2{margin:0 0 18px;font-size:26px}.relatedGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.relatedGrid a{border:1px solid var(--line);color:var(--ink);padding:18px;font:18px Georgia,serif;text-decoration:none}.relatedGrid a span{color:#7b877f;margin-top:8px;font:10px Inter,sans-serif;display:block}.guideFooter{border-top:1px solid var(--line);color:#758078;justify-content:space-between;padding:25px max(24px,50vw - 560px);font-size:10px;display:flex}.hubHero{color:#eee7d7;background:#08100e;padding:90px max(24px,50vw - 560px)}.hubHero h1{margin:15px 0;font:400 clamp(46px,6vw,75px)/1 Georgia,serif}.hubHero p{color:#aeb8b2;max-width:720px;line-height:1.7}.guideCards{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin:auto;padding:70px 24px 95px;display:grid}.guideCards article{border:1px solid var(--line);background:#fff;padding:28px}.guideCards small{color:var(--gold);letter-spacing:1px;font-size:9px}.guideCards h2{font:400 27px/1.15 Georgia,serif}.guideCards p{color:#617068;font-size:13px;line-height:1.65}.guideCards a{color:#7f6228;margin-top:12px;font-size:11px;font-weight:800;text-decoration:none;display:inline-block}@media (max-width:800px){.guideNav nav{display:none}.articleWrap{grid-template-columns:1fr}.toc{position:static}.guideHero{padding-top:60px}.guideMeta{flex-wrap:wrap}.guideCta{display:block}.guideCta a{margin-top:20px;display:inline-block}.guideCards,.relatedGrid{grid-template-columns:1fr}.guideFooter{display:block}.guideFooter span{margin-top:6px;display:block}}
