/* witgoud.com — components. Critical tokens live in critical.css (inlined). */
.section{padding:2.2rem 0;border-bottom:1px solid var(--line)}
.section:last-of-type{border-bottom:0}
.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem}
.eyebrow h2{margin:0;font-size:1.35rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.grid-2{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:3px;padding:1.05rem 1.1rem;display:block;text-decoration:none}
.card h3{margin:.1rem 0 .35rem;font-size:1.02rem}
.card p{margin:0;font-size:.9rem;color:var(--steel);line-height:1.55}
a.card:hover{border-color:var(--gold);background:#fffdf9}
.card .mark{margin-bottom:.55rem}

/* answer block: the direct answer, first thing under an H1 or H2 */
.answer{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 3px 3px 0;padding:1rem 1.15rem;max-width:var(--measure)}
.answer p:last-child{margin-bottom:0}
.note{border-left:3px solid var(--rhod);padding:.2rem 0 .2rem 1rem;color:var(--steel);font-size:.94rem;max-width:var(--measure)}

/* data tables — assay numbers set in mono */
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card);border:1px solid var(--line)}
.tbl caption{caption-side:bottom;padding:.6rem 0;font-size:.8rem;color:var(--steel);text-align:left}
.tbl th,.tbl td{padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{background:#eceef1;font:600 .78rem/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--steel)}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl .num,.num{font-family:var(--mono);font-size:.88em;white-space:nowrap}
.scroll{overflow-x:auto;margin-bottom:1.1em}

/* checklists */
.ticks{list-style:none;padding:0;max-width:var(--measure)}
.ticks li{padding:.3rem 0 .3rem 1.5rem;position:relative}
.ticks li::before{content:"";position:absolute;left:.15rem;top:.85em;width:.5rem;height:.5rem;border:1px solid var(--gold);border-radius:50%}
.steps{counter-reset:s;list-style:none;padding:0;max-width:var(--measure)}
.steps li{counter-increment:s;position:relative;padding:0 0 1rem 2.4rem;border-left:1px solid var(--line);margin-left:.7rem}
.steps li::before{content:counter(s);position:absolute;left:-.72rem;top:0;width:1.45rem;height:1.45rem;background:var(--card);border:1px solid var(--rhod);border-radius:50%;font:600 .75rem/1.35rem var(--mono);text-align:center;color:var(--gold)}
.steps li:last-child{border-left-color:transparent}

/* FAQ — no JS */
.faq{max-width:var(--measure)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:3px;margin-bottom:.5rem}
.faq summary{cursor:pointer;padding:.75rem 1rem;font-weight:600;font-size:.97rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-family:var(--mono)}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 1rem 1rem;font-size:.95rem;color:#33373f}
.faq .a p:last-child{margin-bottom:0}

/* map */
.map{height:min(60vh,460px);border:1px solid var(--line);border-radius:3px;background:#e7eaee;contain:layout paint}
.map-note{font-size:.8rem;color:var(--steel);margin:.5rem 0 0}
.leaflet-container{font:inherit;border-radius:3px}
.pop b{display:block;font-family:var(--serif);font-size:1rem}
.pop span{color:var(--steel);font-size:.85rem}

/* calculator */
.calc{background:var(--card);border:1px solid var(--line);border-radius:3px;padding:1.1rem;max-width:var(--measure)}
.calc label{display:block;font-size:.85rem;font-weight:600;margin:.6rem 0 .25rem}
.calc input,.calc select{width:100%;font:1rem var(--mono);padding:.5rem .6rem;border:1px solid var(--rhod);border-radius:3px;background:var(--paper);color:var(--ink)}
.calc-out{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);font-family:var(--mono)}
.calc-out b{font-size:1.5rem;color:var(--gold)}

/* index / sitemap columns */
.idx{columns:2 16rem;column-gap:2rem}
.idx h3{break-after:avoid;margin-top:1.6rem}
.idx ul{list-style:none;padding:0;margin:0 0 1.4rem;break-inside:avoid}
.idx li{padding:.16rem 0;font-size:.92rem}
.pill{display:inline-block;font:600 .68rem/1 var(--mono);color:var(--steel);border:1px solid var(--line);border-radius:99px;padding:.25rem .5rem;margin:0 .35rem .35rem 0;text-decoration:none;background:var(--card)}
.pill:hover{border-color:var(--gold);color:var(--ink)}

/* related + footer */
.rel{background:var(--card);border-top:1px solid var(--line);padding:1.8rem 0}
.rel h2{margin:0 0 .8rem;font-size:1.1rem}
.site-foot{background:var(--ink);color:#b9bec7;padding:2.4rem 0 1.6rem;font-size:.9rem}
.site-foot a{color:#e7eaee;text-decoration-color:#4a505c}
.site-foot a:hover{text-decoration-color:var(--gold)}
.foot-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.foot-grid h2{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#7d8492;font-family:var(--sans);margin:0 0 .6rem}
.foot-grid ul{list-style:none;padding:0;margin:0}
.foot-grid li{padding:.15rem 0}
.foot-end{border-top:1px solid #2a2e37;margin-top:1.8rem;padding-top:1rem;color:#7d8492;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
.updated{font-size:.8rem;color:var(--steel);font-family:var(--mono)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-head,.site-foot,.rel,.crumb{display:none}}