
.gd-wrap{max-width:1120px; margin:0 auto; padding:0 var(--gut);}
.gd-head{padding-top:clamp(112px, 15vh, 160px);}
.gd-crumb{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-bottom:34px;
  font:500 11px/1.5 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--faint);}
.gd-crumb a{color:var(--muted); text-decoration:none; transition:color .2s ease;}
.gd-crumb a:hover{color:var(--brass);}
.gd-crumb [aria-current]{color:var(--text);}
.gd-eyebrow{margin-bottom:0;}
.gd-head .twin-rules{width:72px; margin:20px 0 30px;}
.gd-title{font-size:clamp(40px, 5.6vw, 80px); line-height:1.02; max-width:21ch;}
.gd-meta{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:30px;
  font:500 12px/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted);}
.gd-meta time{color:var(--text);}
.gd-dot{color:var(--mark-rust);}
.gd-hero{margin:clamp(40px, 5vw, 64px) 0 clamp(48px, 6vw, 80px);}
.gd-hero img{width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; object-position:50% 45%;
  border-radius:24px; background:var(--raise);}
.gd-hero figcaption{max-width:68ch; margin-top:16px; padding-left:14px; border-left:2px solid var(--mark-rust);
  font:400 14.5px/1.6 var(--sans); color:var(--muted);}
@media (max-width:720px){ .gd-hero img{aspect-ratio:3/2; border-radius:18px;} }
html[data-theme="dark"] .gd-hero img,
html[data-theme="dark"] .guide-figure img,
html[data-theme="dark"] .gcard-img img,
html[data-theme="dark"] .gd-rcard-img img{filter:brightness(.92) saturate(.96);}
.gd-layout{display:grid; grid-template-columns:minmax(0, 1fr); font-size:17px;}
.gd-main{width:100%; max-width:68ch; margin:0 auto; min-width:0;}
.gd-rail{display:none;}
@media (min-width:1100px){
  .gd-layout{grid-template-columns:220px minmax(0, 68ch); column-gap:clamp(48px, 6vw, 88px); font-size:18px;}
  .gd-main{margin:0;}
  .gd-rail{display:block;}
  .gd-toc-m,.gd-main .guide-toc{display:none;}
}
.gd-toc{position:sticky; top:112px; max-height:calc(100svh - 150px); overflow:auto; scrollbar-width:none; padding-bottom:8px;}
.gd-toc::-webkit-scrollbar{display:none;}
.gd-toc-t{margin-bottom:16px; font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted);}
.gd-toc ol,.gd-toc-m ol,.guide-toc ol{list-style:none; margin:0; padding:0; counter-reset:toc;}
.gd-toc ol{border-left:1px solid var(--line-2);}
.gd-toc li,.gd-toc-m li,.guide-toc li{counter-increment:toc;}
.gd-toc a,.gd-toc-m a,.guide-toc a{display:grid; grid-template-columns:26px minmax(0,1fr); text-decoration:none;
  font:400 13.5px/1.42 var(--sans); color:var(--muted); transition:color .25s ease;}
.gd-toc a{padding:7px 0 7px 14px;}
.gd-toc a::before,.gd-toc-m a::before,.guide-toc a::before{content:counter(toc, decimal-leading-zero);
  font:500 10.5px/1.9 var(--mono); letter-spacing:.04em; color:var(--faint); transition:color .25s ease;}
.gd-toc a:hover,.gd-toc a.is-active{color:var(--head);}
.gd-toc a.is-active::before{color:var(--brass);}
.gd-toc-ind{position:absolute; left:0; top:0; width:2px; height:0; margin-left:-.5px; background:var(--brass);
  border-radius:2px; opacity:0; pointer-events:none;
  transition:transform .5s var(--ease-out), height .5s var(--ease-out), opacity .3s ease;}
.gd-toc-m,.guide-toc{margin:0 0 28px; border:1px solid var(--line-2); border-radius:16px;}
.gd-toc-btn{width:100%; border:0; background:none; text-align:left; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  min-height:48px; padding:12px 18px; font:500 11.5px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--head);
  -webkit-tap-highlight-color:transparent;}
.gd-toc-btn i{width:9px; height:9px; margin:-4px 2px 0 0; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted);
  transform:rotate(45deg); transition:transform .3s var(--ease-out), margin .3s var(--ease-out);}
.gd-toc-btn[aria-expanded="true"] i{transform:rotate(-135deg); margin-top:4px;}
.gd-toc-m nav{padding:0 18px 14px;}
.gd-toc-m a,.guide-toc a{padding:9px 0; border-top:1px solid var(--line); font-size:14.5px; color:var(--text);}
.gd-toc-m a.is-active,.guide-toc a.is-active{color:var(--head);}
.guide-toc{padding:16px 18px 10px;}
.guide-toc .toc-title{margin:0 0 8px; font:500 11.5px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--head);}
.article-body{color:var(--text);}
:where(.article-body) p{margin:0 0 1.15em; line-height:1.72;}
:where(.article-body) > h2,:where(.faq-dark) > h2{
  margin:2.3em 0 .75em; scroll-margin-top:100px;
  font:400 clamp(27px, 2.4vw, 34px)/1.16 var(--serif); letter-spacing:-.012em; color:var(--head);}
:where(.article-body) > h2::before,:where(.faq-dark) > h2::before{content:""; display:block; width:30px; height:3px; margin-bottom:20px;
  background:var(--mark-rust); box-shadow:0 6px 0 var(--mark-rust);}
:where(.article-body) h3{margin:1.9em 0 .55em; scroll-margin-top:100px; font:500 1.08em/1.35 var(--sans); color:var(--head);}
:where(.article-body) ul,:where(.article-body) ol{margin:0 0 1.3em; padding-left:1.3em;}
:where(.article-body) ol{padding-left:1.9em;}  
:where(.article-body) li{margin:.5em 0; padding-left:.25em; line-height:1.68;}
:where(.article-body) li::marker{color:var(--brass);}
:where(.article-body) ol > li::marker{font:500 .82em var(--mono);}
:where(.article-body) a{color:var(--head); text-decoration:underline; text-decoration-color:var(--brass);
  text-decoration-thickness:1px; text-underline-offset:3px; transition:color .2s ease;}
:where(.article-body) a:hover{color:var(--brass);}
:where(.article-body) strong{color:var(--head); font-weight:600;}
:where(.article-body) em{font-style:italic;}
:where(.article-body) code{font:400 .86em var(--mono); padding:.12em .4em; border-radius:6px; background:var(--raise); border:1px solid var(--line);}
.article-body{overflow-wrap:break-word;}
.article-lede{font-size:1.16em; line-height:1.62; color:var(--head);}
.flag{font-weight:600; color:var(--head);
  background:linear-gradient(180deg, transparent 62%, rgba(215,165,68,.24) 62%);
  -webkit-box-decoration-break:clone; box-decoration-break:clone;}
html[data-theme="light"] .flag{background:linear-gradient(180deg, transparent 62%, rgba(184,134,43,.22) 62%);}
.article-end{display:block; width:30px; height:3px; margin:2.6em auto; background:var(--mark-rust); box-shadow:0 6px 0 var(--mark-rust);}
.brass-tax{margin:0 0 22px; padding:26px 28px 24px; border-radius:22px; background:var(--raise); border:1px solid var(--line);}
.brass-tax h2{display:flex; align-items:center; gap:10px; margin:0 0 16px;
  font:500 12px/1 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--brass-ink);}
.brass-tax .tack{width:18px; height:18px; flex:none; color:var(--brass);}
.brass-tax ul{margin:0; padding-left:1.15em;}
.brass-tax li{margin:0 0 .65em; padding-left:.2em; font-size:.95em; line-height:1.62; color:var(--text);}
.brass-tax li:last-child{margin-bottom:0;}
.brass-tax li::marker{color:var(--brass);}
.brass-tax strong{color:var(--head); font-weight:600;}
.brass-tax a{color:var(--head); text-decoration:underline; text-decoration-color:var(--brass); text-underline-offset:3px;}
@media (max-width:520px){ .brass-tax{padding:20px 18px; border-radius:18px;} }
.guide-cta-inline{margin:0 0 clamp(44px, 5vw, 60px); padding:18px 20px; border:1px dashed var(--line-2); border-radius:16px; display:grid; gap:14px;}
.guide-cta-inline p{font:400 15px/1.55 var(--sans); color:var(--muted);}
.guide-cta-inline strong{color:var(--head); font-weight:500;}
.guide-cta-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px;}
.guide-cta-check{display:inline-flex; align-items:center; gap:7px; font:500 11.5px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--muted);}
.guide-cta-check svg{width:14px; height:14px; color:var(--pine-lt);}
.guide-figure{margin:2.4em 0;}
.guide-figure img{width:100%; height:auto; border-radius:18px; background:var(--raise);}
.guide-figure figcaption{margin-top:14px; padding-left:14px; border-left:2px solid var(--mark-rust);
  font:400 14.5px/1.6 var(--sans); color:var(--muted);}
.gd-chart{--pine:#4F8A6B; margin:2.4em 0; padding:24px 26px 20px; border-radius:20px; background:var(--raise); border:1px solid var(--line);}
html[data-theme="light"] .gd-chart{--pine:#1E3D2F;}
.gd-chart .ch-title{margin:0 0 4px; font:500 15.5px/1.4 var(--sans); color:var(--head);}
.gd-chart .ch-sub{margin:0 0 18px; font:400 13.5px/1.5 var(--sans); color:var(--muted);}
.gd-chart svg{display:block; width:100%; height:auto; overflow:hidden;}
.gd-chart figcaption{margin-top:16px; padding-top:14px; border-top:1px solid var(--line); font:400 13.5px/1.6 var(--sans); color:var(--muted);}
.gd-chart figcaption strong{color:var(--head);}
.ch-lbl{font-family:var(--mono); font-size:10px; letter-spacing:.04em; fill:var(--muted);}
.ch-val{font-family:var(--mono); font-size:10px; font-weight:500; fill:var(--head);}
.ch-avgline{stroke:var(--rust); stroke-width:1.6; stroke-dasharray:5 4; fill:none;}
.ch-avglbl{font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.04em; fill:var(--rust);}
.ch-base{stroke:var(--line-2); stroke-width:1;}
.ch-bar,.ch-inc{fill:var(--brass);}
.ch-bar-under{fill:var(--brass); opacity:.42;}
.ch-se{fill:var(--rust);}
.ch-keep{fill:var(--pine);}
.ch-key{display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:16px; font:500 10.5px/1.4 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--muted);}
.ch-key span{display:inline-flex; align-items:center; gap:7px;}
.ch-key i{width:11px; height:11px; border-radius:3px; flex:none;}
@media (max-width:560px){
  .gd-chart{padding:18px 16px 16px; border-radius:16px;}
  .gd-chart-scroll{overflow-x:auto; margin:0 -16px; padding:0 16px; overscroll-behavior-x:contain; scrollbar-width:thin;}
  .gd-chart-scroll svg{min-width:600px;}
}
.table-wrap{margin:2.2em 0; overflow-x:auto; border:1px solid var(--line); border-radius:18px; background:var(--raise); overscroll-behavior-x:contain;}
.guide-table{width:100%; min-width:540px; border-collapse:collapse; font:400 15px/1.55 var(--sans); color:var(--text);}
.guide-table caption{caption-side:top; text-align:left; padding:18px 20px 12px; font:500 11px/1.5 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--muted);}
.guide-table th{padding:11px 20px; text-align:left; border-top:1px solid var(--line); background:var(--raise-2);
  font:500 10.5px/1.3 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.guide-table td{padding:14px 20px; border-top:1px solid var(--line); vertical-align:top;}
.guide-table td:first-child{color:var(--head); font-weight:500;}
.guide-table a{color:var(--head);}
.font-mono-ledger{font-family:var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--head);}
.callout{margin:2.2em 0; padding:20px 22px; border-radius:16px; background:var(--raise); border:1px solid var(--line); border-left:3px solid var(--brass);}
.callout > b{display:block; margin-bottom:8px; font:500 11px/1.45 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--brass-ink);}
.callout p{margin:0; font-size:.96em;}
.callout.warn{border-left-color:var(--rust);}
.callout.warn > b{color:var(--rust);}
.article-body .pull{margin:2em 0; padding:4px 0 4px 26px; border-left:2px solid var(--brass);
  font:300 clamp(23px, 2.2vw, 29px)/1.32 var(--serif); font-style:italic; letter-spacing:-.005em; color:var(--head);}
.article-body .pull p{margin:0; font:inherit; line-height:inherit;}
.article-cta{margin:2.6em 0; padding:28px 28px 30px; border-radius:22px; background:var(--invert-bg); color:var(--invert-fg);}
.article-body .article-cta h3{margin:0 0 8px; font:400 26px/1.15 var(--serif); color:var(--invert-fg);}
.article-cta p{margin:0 0 20px; font-size:.95em; color:var(--invert-muted);}
.article-cta .btn{background:#A94526 !important; border-color:#A94526 !important; color:#F4EFE1 !important;}
.bw-calc{margin:2.6em 0; padding:28px; border-radius:24px; background:var(--raise); border:1px solid var(--line-2);}
.bw-calc .calc-head h2{margin:0 0 8px; scroll-margin-top:100px; font:400 clamp(25px, 2.3vw, 31px)/1.15 var(--serif); color:var(--head);}
.calc-head h2 em{font-style:italic; color:var(--brass);}
.bw-calc .calc-head p{margin:0 0 24px; font-size:15px; line-height:1.55; color:var(--muted); max-width:52ch;}
.calc-inputs{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:22px 30px;}
.calc-field{display:block;}
.calc-field > span{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px;
  font:500 11px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.calc-field output{font-size:13px; letter-spacing:.04em; color:var(--head);}
.calc-field small{display:block; margin-top:9px; font:400 12.5px/1.5 var(--sans); color:var(--muted);}
.calc-money{display:flex; align-items:center; gap:4px; padding:8px 14px; border-radius:12px; border:1px solid var(--line-2); background:var(--abyss); transition:border-color .2s ease;}
html[data-theme="light"] .calc-money{background:#FCFDFB;}
.calc-money:focus-within{border-color:var(--brass);}
.calc-money i{font:300 26px/1 var(--serif); font-style:normal; color:var(--muted);}
.calc-money input{flex:1; min-width:0; border:0; background:none; outline:none; padding:4px 0; font:400 26px/1.2 var(--serif); color:var(--head); font-variant-numeric:tabular-nums;}
.calc-field input[type="range"]{width:100%; height:30px; margin:0; accent-color:var(--brass); cursor:pointer;}
.calc-scale{display:flex; justify-content:space-between;}
.calc-scale i{font:400 10.5px/1 var(--mono); font-style:normal; color:var(--faint);}
.calc-out{margin-top:26px; padding-top:22px; border-top:1px solid var(--line);}
.calc-label{display:block; margin-bottom:6px; font:500 10.5px/1.35 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.calc-big b{font:300 clamp(46px, 5vw, 62px)/1 var(--serif); letter-spacing:-.02em; color:var(--head); font-variant-numeric:tabular-nums;}
.calc-split{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; margin-top:22px;}
.calc-split b{font:500 18px/1.2 var(--mono); color:var(--head); font-variant-numeric:tabular-nums;}
.bw-calc .calc-per-dollar{margin:22px 0 0; font-size:15px; color:var(--text);}
.calc-per-dollar b{font-family:var(--mono); font-weight:500; color:var(--head);}
.bw-calc .calc-note{margin:22px 0 0; padding-top:16px; border-top:1px solid var(--line); font-size:13.5px; line-height:1.6; color:var(--muted);}
.calc-note b{color:var(--head);}
@media (max-width:620px){ .calc-inputs{grid-template-columns:minmax(0,1fr);} .bw-calc{padding:22px 18px; border-radius:20px;} }
@media (max-width:560px){ .calc-split{grid-template-columns:1fr 1fr;} }
.faq-dark{margin-top:3em;}
.gd-faq .qa summary{padding:20px 0; font-size:clamp(19px, 1.7vw, 22px);}
.gd-faq .qa-body p{margin:0; padding:0 0 24px; max-width:none; font:400 .95em/1.68 var(--sans); color:var(--text);}
.sources{margin-top:2.8em; padding-top:22px; border-top:1px solid var(--line);}
.sources h3{margin:0 0 14px; font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted);}
.sources ol{margin:0; padding-left:1.3em;}
.sources li{margin:0 0 9px; font-size:14px; line-height:1.58; color:var(--muted); overflow-wrap:anywhere;}
.sources li::marker{font:500 12px var(--mono); color:var(--faint);}
.sources a{color:var(--text);}
.sources .when{font-style:normal; white-space:nowrap; color:var(--faint);}
.gd-tail{margin-top:clamp(72px, 9vw, 120px); padding-top:clamp(48px, 6vw, 72px); border-top:1px solid var(--line);}
.gd-related h2{font-size:clamp(36px, 4.4vw, 60px); margin-bottom:clamp(28px, 4vw, 44px);}
.gd-k{margin:0 0 18px; font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted);}
.gd-rcards{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap:34px 22px;}
.gd-rcard{display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit;}
.gd-rcard-img{display:block; margin-bottom:16px; aspect-ratio:16/10; border-radius:16px; overflow:hidden; background:var(--raise);}
.gd-rcard-img img{width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease-out);}
.gd-rcard:hover .gd-rcard-img img{transform:scale(1.04);}
.gd-rcard-k{margin-bottom:8px; font:500 10.5px/1.3 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--mega-h);}
.gd-rcard-t{margin-bottom:8px; font:400 21px/1.24 var(--serif); color:var(--head); text-wrap:balance; transition:color .25s ease;}
.gd-rcard:hover .gd-rcard-t{color:var(--brass);}
.gd-rcard .note{font:400 14.5px/1.55 var(--sans); color:var(--muted); text-wrap:pretty;}
.gd-rcard.no-img{padding-top:18px; border-top:1px solid var(--line-2);}
.gd-elsewhere{margin-top:clamp(48px, 6vw, 72px);}
.gd-elsewhere ul{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap:0 22px;}
.gd-elsewhere li{padding:14px 0; border-top:1px solid var(--line);}
.gd-elsewhere a{font:500 15px/1.4 var(--sans); color:var(--head); text-decoration:none; border-bottom:1px solid var(--line-2); transition:border-color .2s ease;}
.gd-elsewhere a:hover{border-color:var(--brass);}
.gd-elsewhere .note{display:block; margin-top:4px; font:400 13.5px/1.5 var(--sans); color:var(--muted);}
.gd-cta{position:relative; isolation:isolate; margin-top:clamp(80px, 10vw, 136px); padding:clamp(72px, 10vw, 128px) var(--gut) clamp(56px, 7vw, 88px); text-align:center; border-top:1px solid var(--line);}
.gd-cta::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse 55% 60% at 50% 42%, color-mix(in srgb, var(--brass) 12%, transparent), transparent 70%);}
.gd-cta .twin-rules{margin:0 auto 34px;}
.gd-cta h2{max-width:17ch; margin:0 auto; font-size:clamp(40px, 6vw, 88px);}
.gd-cta > p:not(.guide-cta-fine){max-width:56ch; margin:28px auto 0; font:300 clamp(17px, 1.5vw, 19px)/1.58 var(--sans); color:var(--muted);}
.gd-cta .cta{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:36px;}
.gd-cta .guide-cta-fine{max-width:54ch; margin:22px auto 0; font:400 13px/1.55 var(--sans); color:var(--muted);}
@media (max-width:600px){ .gd-cta .cta .btn{width:100%; white-space:normal;} }
.gd-fine{padding-bottom:clamp(48px, 6vw, 80px);}
.disclaimer{max-width:72ch; margin:0 auto; text-align:center; font:400 13.5px/1.6 var(--sans); color:var(--muted);}
.gd-index-head{padding-bottom:clamp(44px, 6vw, 72px);}
.gd-index .gd-title{font-size:clamp(46px, 7.4vw, 108px); line-height:.98; max-width:13ch;}
.gd-lede{max-width:58ch; margin-top:30px; font:300 clamp(18px, 1.7vw, 21px)/1.55 var(--sans); color:var(--muted);}
.gd-filters{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 24px;
  margin-bottom:clamp(36px, 5vw, 56px); padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.gd-chips{display:flex; flex-wrap:wrap; gap:8px;}
html:not(.js) .gd-chips{display:none;}
.gd-chip{min-height:38px; padding:9px 14px; border-radius:999px; border:1px solid var(--line-2); background:transparent; cursor:pointer;
  font:500 11.5px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted);
  transition:color .2s ease, background-color .25s ease, border-color .2s ease, transform .1s ease-out; -webkit-tap-highlight-color:transparent;}
.gd-chip:hover{color:var(--head); border-color:var(--head);}
.gd-chip:active{transform:scale(.96);}
.gd-chip.is-on{background:var(--brass); border-color:var(--brass); color:#14110A;}
html[data-theme="light"] .gd-chip.is-on{background:#1E3D2F; border-color:#1E3D2F; color:#F4EFE1;}
.chip-n{margin-left:4px; opacity:.62;}
.gd-chip.is-on .chip-n{opacity:.85;}
.fu-calc .fu-opt input:checked+span{background:var(--brass); border-color:var(--brass); color:#14110A;}
html[data-theme="light"] .fu-calc .fu-opt input:checked+span{background:#1E3D2F; border-color:#1E3D2F; color:#F4EFE1;}
.fu-calc .fu-grid{align-items:end;}
@media (max-width:620px){
  .gd-filters{display:block;}
  .gd-chips{flex-wrap:nowrap; overflow-x:auto; margin:0 0 14px;
    scrollbar-width:none; overscroll-behavior-x:contain; -webkit-mask-image:linear-gradient(90deg, #000 85%, transparent); mask-image:linear-gradient(90deg, #000 85%, transparent);}
  .gd-chips::-webkit-scrollbar{display:none;}
  .gd-chip{flex:none;}
}
.filter-count{font:500 11.5px/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--faint);}
.guide-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(40px, 4.4vw, 56px) clamp(20px, 2.4vw, 30px);}
.gcard{display:flex; flex-direction:column; text-decoration:none; color:inherit;}
.gcard[hidden]{display:none;}
.gcard-img{display:block; position:relative; margin-bottom:18px; aspect-ratio:16/10; border-radius:18px; overflow:hidden; background:var(--raise);}
.gcard-img img{width:100%; height:100%; object-fit:cover; transition:transform 1.1s var(--ease-out);}
.gcard:hover .gcard-img img{transform:scale(1.045);}
.gcard-body{display:flex; flex-direction:column; flex:1;}
.gcard-kicker{display:block; margin-bottom:10px; font:500 10.5px/1.3 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--mega-h);}
.gcard h3{margin:0 0 10px; font:400 clamp(21px, 1.9vw, 25px)/1.2 var(--serif); letter-spacing:-.006em; color:var(--head); transition:color .25s ease;}
.gcard:hover h3{color:var(--brass);}
.gcard p{margin:0 0 16px; font:300 15px/1.58 var(--sans); color:var(--muted);}
.gcard-meta{margin-top:auto; font:400 11.5px/1.4 var(--mono); letter-spacing:.04em; color:var(--faint);}
.gcard-flag{align-self:flex-start; margin-bottom:16px; padding:5px 9px; border-radius:999px; border:1px solid var(--brass);
  font:500 10px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--brass-ink);}
.gcard[data-featured]{grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:clamp(28px, 4vw, 60px); align-items:center;
  padding-bottom:clamp(40px, 4.4vw, 56px); border-bottom:1px solid var(--line);}
.gcard[data-featured] .gcard-img{margin:0; aspect-ratio:3/2; border-radius:26px;}
.gcard[data-featured] h3{font:300 clamp(32px, 3.6vw, 52px)/1.04 var(--serif); letter-spacing:-.018em; margin-bottom:16px;}
.gcard[data-featured] p{font-size:17px; margin-bottom:22px;}
.gcard[data-featured] .gcard-body{flex:none;}
@media (max-width:1000px){ .guide-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width:820px){
  .gcard[data-featured]{grid-template-columns:minmax(0,1fr); gap:22px;}
  .gcard[data-featured] .gcard-img{border-radius:20px;}
}
@media (max-width:620px){ .guide-grid{grid-template-columns:minmax(0,1fr);} }
.gd-sofar{max-width:60ch; margin:clamp(52px, 6vw, 80px) auto 0; text-align:center; font:300 15.5px/1.6 var(--sans); color:var(--muted);}
.gd-sofar a{color:var(--head);}
.help-block{max-width:820px; margin:clamp(56px, 7vw, 96px) auto clamp(80px, 10vw, 128px); padding:clamp(28px, 4.4vw, 48px);
  text-align:center; border:1px solid var(--line); border-radius:var(--r-tile);}
.help-block h3{font:300 clamp(28px, 3vw, 38px)/1.1 var(--serif); letter-spacing:-.012em; color:var(--head);}
.help-block p{max-width:56ch; margin:16px auto 0; font:300 16px/1.6 var(--sans); color:var(--muted);}
.help-links{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:26px;}
.help-links a{display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 20px; border-radius:var(--r-btn);
  border:1px solid var(--line-2); font:500 15px/1 var(--sans); color:var(--head); text-decoration:none;
  transition:background-color .2s ease, border-color .2s ease, transform .1s ease-out;}
.help-links a:hover{border-color:var(--head);}
.help-links a.primary{background:var(--action-bg); border-color:var(--action-bg); color:var(--action-fg);}
.help-links a:active{transform:scale(.97);}
.gd-progress{position:fixed; left:0; right:0; top:0; z-index:120; height:3px; pointer-events:none;}
.gd-progress i{display:block; height:100%; transform-origin:0 50%; transform:scaleX(0); transition:transform .12s linear;
  background:linear-gradient(90deg, #B98A32, #D7A544 55%, #F0C66E); box-shadow:0 0 10px rgba(215,165,68,.5);}   
body:has(.gd-progress) .scroll-progress{display:none;}
.js .gd-head .gd-crumb{--rise:14px; animation:bw-rise 1s var(--ease-out) .1s backwards;}
.js .gd-head .gd-eyebrow{--rise:14px; animation:bw-rise 1s var(--ease-out) .16s backwards;}
.js .gd-head .gd-rules i{transform-origin:left center; animation:bw-draw 1.1s var(--ease-io) .22s backwards;}
.js .gd-head .gd-rules i + i{animation-delay:.34s;}
.js .gd-head .gd-title{--rise:.32em; animation:bw-slide 1.45s var(--ease-out) .2s backwards;}
.js .gd-head .gd-meta{--rise:16px; animation:bw-rise 1.1s var(--ease-out) .6s backwards;}
.js .gd-head .gd-lede{--rise:16px; animation:bw-slide 1.1s var(--ease-out) .6s backwards;}
.js .gd-hero img{animation:gd-open 1.7s var(--ease-out) .45s backwards;}
.js .gd-hero figcaption{--rise:10px; animation:bw-rise 1s var(--ease-out) 1s backwards;}
@keyframes gd-open{from{clip-path:inset(7% 5% 7% 5% round 24px);}}
@media (max-width:720px){ @keyframes gd-open{from{clip-path:inset(7% 5% 7% 5% round 18px);}} }
@media (hover:none){
  .gcard:hover h3,.gd-rcard:hover .gd-rcard-t{color:var(--head);}
  .gcard:hover .gcard-img img,.gd-rcard:hover .gd-rcard-img img{transform:none;}
}
@media (max-width:560px){
  .guide-table{min-width:520px; font-size:14.5px;}
  .guide-table th,.guide-table td{padding-left:14px; padding-right:14px;}
  .guide-table caption{padding:16px 14px 10px;}
}
@media (max-width:560px){
  .gd-by-dot{display:none;}
  .gd-by{flex-basis:100%;}
}
