:root{--ink:#172126;--muted:#526169;--paper:#f4f5f1;--panel:#fff;--line:#c8cfca;--forest:#1d604e;--brick:#943c32;--blue:#285f7b;--gold:#d7ad37;--soft:#e6eee9;--soft-blue:#e7eef2}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:112px}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#075e58;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:50;background:#fff;padding:10px 14px}
.mast{background:#1d2928;color:#fff}
.inner,.nav div,main,.foot{width:min(1140px,calc(100% - 32px));margin:auto}
.inner{padding:13px 0;display:flex;justify-content:space-between;gap:18px}
.brand{font:700 1.35rem Georgia,serif}
.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.nav div{display:flex;gap:24px;overflow:auto;white-space:nowrap;padding:10px 0}
.nav a{text-decoration:none;font-weight:750;font-size:.88rem}
.first{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center;padding:26px 0 30px}
.eyebrow,.lane,.kicker{color:var(--brick);font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:0;margin:0 0 .35rem}
h1,h2,h3{font-family:Georgia,serif;line-height:1.16;letter-spacing:0}
h1{font-size:clamp(2.2rem,5vw,4.25rem);margin:.16em 0 .25em}
h2{font-size:2rem;margin:0 0 .7rem}
h3{font-size:1.28rem}
.lede{font-size:1.08rem;margin:.6rem 0}
.first [data-guide-evidence]{font-size:.94rem;color:#3f4e54}
.bottom-line{background:#fff;border-left:5px solid var(--forest);padding:13px 16px;margin:14px 0}
.bottom-line p{margin:.2rem 0}
.quick{padding-left:1.2rem;margin-bottom:.6rem}
.jump{display:inline-block;font-weight:800;margin-top:4px}
.hero{margin:0}
.hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.hero figcaption{font-size:.78rem;color:var(--muted);margin-top:6px}
.section{padding:42px 0;border-top:1px solid var(--line)}
.definitions,.picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.definitions details,.pick{background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px}
.definitions summary{cursor:pointer;font:700 1.18rem Georgia,serif}
.definitions p{margin:.5rem 0}
.definitions [data-definition-meaning]{font-weight:700}
.pick h3{margin:.18rem 0 .65rem}
.pick p{margin:.65rem 0}
.pick ul{padding-left:1.25rem}
.avoid{border-left:4px solid var(--brick);padding-left:10px}
.basis,[data-source-confidence]{font-size:.9rem;color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}
table{border-collapse:collapse;width:100%;min-width:940px}
caption{text-align:left;font-weight:800;padding:12px;background:var(--soft)}
th,td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px}
.utility{background:var(--soft);padding-left:22px;padding-right:22px}
.planner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.planner label{font-weight:800}
.planner select{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px;background:#fff;border:1px solid #89958f;border-radius:4px;font:inherit}
.planner output{grid-column:1/-1;display:block;background:#fff;border-left:5px solid var(--blue);padding:16px;font-weight:700;min-height:76px}
.audit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}
.audit div{background:#fff;border-top:5px solid var(--blue);padding:12px}
.audit span{display:block;font-size:.9rem;margin-top:5px}
.cue{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cue p{background:var(--soft-blue);border:1px solid #becbd2;padding:16px;margin:0}
.trade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.trade-grid div{border-top:4px solid var(--forest);background:#fff;padding:14px}
.trade-grid h3{margin-top:0}
.source-list{columns:2;column-gap:38px}
.source-list li{break-inside:avoid;margin-bottom:.55rem}
.verify-list{max-width:900px}
.correction-note{background:#fff;border:1px solid var(--line);padding:12px 14px}
.footer{background:#1d2928;color:#dce6e2}
.foot{padding:24px 0;font-size:.88rem}
.foot p{margin:.3rem 0}
@media(max-width:820px){
  .first{grid-template-columns:1fr;padding-top:18px;gap:14px}
  .hero{grid-row:1}
  .hero img{max-height:220px}
  .definitions,.picks,.trade-grid{grid-template-columns:1fr 1fr}
  .audit{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  body{font-size:16px}
  .inner span:last-child{display:none}
  .nav div{white-space:normal;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
  .nav a{overflow-wrap:normal}
  h1{font-size:2.25rem}
  h2{font-size:1.72rem}
  .section{padding:32px 0}
  .definitions,.picks,.trade-grid,.planner,.cue,.audit{grid-template-columns:1fr}
  .source-list{columns:1}
  .static-plan{margin-top:12px}
  .details{display:block;min-width:0}
  .details caption{display:block;width:100%}
  .details thead{display:none}
  .details tbody,.details tr,.details th,.details td{display:block;width:100%}
  .details tr{border-top:3px solid var(--forest);padding:10px}
  .details th,.details td{display:grid;grid-template-columns:minmax(112px,36%) minmax(0,1fr);gap:12px;padding:9px 4px;overflow-wrap:anywhere}
  .details th:before,.details td:before{content:attr(data-label);font-weight:800;color:var(--muted)}
  .details th[data-product-detail=product]{display:block;font:700 1.1rem Georgia,serif}
  .details th[data-product-detail=product]:before{content:""}
  .planner output{grid-column:auto}
  .utility{padding-left:14px;padding-right:14px}
}