/* ============ FONTS (same embeds as homepage v1) ============ */
@font-face{font-family:'Martel';src:url(/assets/220faf03f893.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Martel';src:url(/assets/ec62c8cfca83.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Assistant';src:url(/assets/ed59e8f8c857.woff2) format('woff2-variations');font-weight:200 800;font-style:normal;font-display:swap}

/* ============ TOKENS (v1 homepage system) ============ */
:root{
  --ground:#F7F7F8; --surface:#FFFFFF; --ink:#272925; --muted:#5A5F58;
  --accent:#00957F; --deep:#106254; --wash:#DDF0E9; --wash-strong:#ACDDCD;
  --gold:#E2C064; --line:#E3E6E2; --line-strong:#C9CEC7;
  --serif:'Martel',Georgia,serif; --sans:'Assistant',-apple-system,'Segoe UI',sans-serif;
  --fade-castleton:linear-gradient(180deg,#106254AD 0%,#10625400 100%);
  --wrap:1180px;
  --shadow:0 1px 2px rgba(39,41,37,.05),0 10px 34px rgba(39,41,37,.08);
}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
a{color:var(--accent)}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.eyebrow{font:650 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.pill{display:inline-block;border-radius:40px;padding:13px 26px;font:650 15px/1 var(--sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;border:0}
.pill.onphoto{background:rgba(255,255,255,.94);color:var(--deep)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ============ REVIEW CHROME (this file only — none of it ships) ============ */
.rvw{background:#14201C;color:#CFEDE2;font:600 12px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:14px 0}
.rvw .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.rvw a{color:#CFEDE2;text-decoration:none}
.rvw a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.rvw.intro{padding:20px 0}
.rvw .note{letter-spacing:.02em;text-transform:none;font-weight:400;color:#9DBDB2}
.rnote{font-size:13px;color:var(--muted);font-style:italic}

/* ============ NAV (live header pattern, as on homepage v1) ============ */
.nav{position:absolute;top:0;left:0;right:0;z-index:20;background:var(--fade-castleton)}
.nav .in{padding:20px 50px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav .lg img{width:250px;height:auto;display:block}
.nav .rt{display:flex;align-items:center}
.nav .lk{display:flex;font:700 13.5px/1.2 var(--sans);letter-spacing:.21px}
.nav .lk a{color:#FDFDFD;text-decoration:none;padding:7.5px 12px}
.nav .lk a:hover{color:var(--wash-strong)}
.nav .pill{margin-left:14px;background:var(--accent);color:#fff;padding:10px 22px;font:700 13.5px/1.2 var(--sans);border-radius:100px}
@media (max-width:1024px){.nav .in{padding:15px 20px}.nav .lg img{width:200px}}
@media (max-width:820px){.nav .lk{display:none}}

/* ============ INTERIOR PAGE HEAD (fixed 300px item register) ============ */
.pagehead{position:relative;min-height:300px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.pagehead .ly{position:absolute;inset:0;background-image:url(/assets/3d843d3e1884.webp);background-size:cover;background-position:center center}
.pagehead .tint{position:absolute;inset:0;background:#00957F;opacity:.8}
.pagehead .copy{position:relative;z-index:5;width:100%;padding:120px 0 64px}
.pagehead h1.long{font-size:clamp(24px,2.6vw,38px)}
.pagehead h1{font:400 clamp(30px,3.5vw,47px)/1.25 var(--serif)}
.pagehead .eyebrow{color:var(--wash-strong);margin-bottom:12px}
.pagehead .stamp{font:700 clamp(15px,1.5vw,18px)/1 var(--sans);letter-spacing:.08em;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:8px 12px;display:inline-block;margin-bottom:14px}
@media (max-width:1024px){.pagehead .copy{padding-bottom:44px}}

/* ============ SECTIONS ============ */
section.band{padding:clamp(32px,4.25vw,52px) 0}
.band.tint{background:var(--ground)}
.sech{margin-bottom:clamp(24px,3vw,36px)}
.sech h2{font:700 clamp(24px,2.7vw,34px)/1.32 var(--serif);margin-top:12px}
.bandfoot{display:flex;justify-content:flex-end;margin-top:20px;gap:26px}
.tlink{color:var(--accent);font:650 15px/1 var(--sans);text-decoration:none}
.tlink:hover{text-decoration:underline;text-underline-offset:4px}

/* ============ GUIDE TEMPLATE ============ */
.gmeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--line)}
.gmeta .lead{font:650 14px/1 var(--sans);color:var(--ink)}
.gmeta .meta{font-size:13.5px;color:var(--muted)}
.chips{display:inline-flex;gap:6px}
.chip{font:650 10.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--deep);background:var(--wash);border-radius:12px;padding:4px 9px;white-space:nowrap}
.guide{display:grid;grid-template-columns:264px 1fr;gap:clamp(28px,4vw,60px);align-items:start;padding:clamp(30px,3.5vw,46px) 0}
@media (max-width:900px){.guide{grid-template-columns:1fr}}
.toc{position:sticky;top:24px;border-left:2px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:9px}
.toc .hd{font:650 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.toc a{font-size:14px;line-height:1.45;color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--accent)}
.toc a.h3{padding-left:14px;color:var(--muted);font-size:13.5px}
@media (max-width:900px){.toc{position:static}}
.gbody{max-width:72ch;min-width:0}
.gbody h2{font:700 clamp(21px,2.2vw,27px)/1.35 var(--serif);margin:34px 0 12px}
.gbody h2:first-child{margin-top:0}
.gbody h3{font:700 clamp(17.5px,1.8vw,21px)/1.4 var(--serif);margin:26px 0 10px}
.gbody p{margin:0 0 16px;color:#33362F}
.gbody ul{margin:0 0 16px;padding-left:22px;color:#33362F}
.gbody li{margin:6px 0}
.gbody .series{background:var(--ground);border:1px solid var(--line);border-radius:12px;padding:16px 20px;font-size:15px;color:var(--muted);margin-bottom:26px}
.gbody figure{margin:22px 0}
.gbody figure img{border-radius:10px;width:100%;height:auto}
.gbody figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.changelog{border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-top:38px;background:var(--ground)}
.changelog .hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.changelog h3{font:700 17px/1.3 var(--serif)}
.changelog ul{margin:0;padding:0;list-style:none}
.changelog li{display:flex;gap:16px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.changelog li:first-of-type{border-top:0}
.changelog .dt{color:var(--muted);white-space:nowrap;font-weight:650;font-size:13px}
.changelog .foot{font-size:12.5px;color:var(--muted);margin-top:10px;font-style:italic}

/* ============ ANALYSIS TEMPLATE ============ */
.pit{background:var(--wash);border:1px solid var(--wash-strong);border-radius:12px;padding:14px 20px;font-size:14.5px;color:var(--deep);margin:26px 0 8px}
.abody{max-width:72ch;padding-bottom:10px}
.abody h2{font:700 clamp(21px,2.2vw,27px)/1.35 var(--serif);margin:34px 0 12px}
.abody p{margin:0 0 16px;color:#33362F}
.abody ul{margin:0 0 16px;padding-left:22px;color:#33362F}
.abody li{margin:6px 0}
.takeaways{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;background:var(--ground);padding:18px 22px;margin:0 0 22px}
.takeaways .hd{font:650 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.takeaways ul{margin:0;padding-left:20px}
.takeaways li{margin:7px 0}
.atablewrap{overflow-x:auto;margin:0 0 18px}
.guide>.gbody{min-width:0}
.gbody,.abody{overflow-wrap:anywhere}
.atable{border-collapse:collapse;width:100%;font-size:14.5px;min-width:380px}
.atable th{font:700 11px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 14px 6px 0;border-bottom:1.5px solid var(--line-strong)}
.atable td{padding:8px 14px 8px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.deals{list-style:none;margin:0 0 8px;padding:0}
.deals li{padding:14px 2px;border-bottom:1px solid var(--line)}
.deals li:first-child{border-top:1px solid var(--line)}
.deals .row1{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.deals .co{font:700 16px/1.4 var(--serif)}
.deals .amt{font:700 14px/1 var(--sans);color:var(--deep);white-space:nowrap}
.deals .desc{font-size:14.5px;color:var(--muted);margin-top:3px}
.deals .inv{font-size:13px;color:var(--muted);margin-top:5px}
.deals .inv b{color:var(--ink);font-weight:650}
.fnote{font-size:13px;color:var(--muted);font-style:italic;margin:14px 0 0}
.acta{background:linear-gradient(150deg,#106254 0%,#0B4A3F 70%,#083B32 100%);border-radius:14px;color:#fff;padding:clamp(24px,3vw,34px);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:34px 0 8px}
.acta .tt{font:700 clamp(17px,1.8vw,22px)/1.4 var(--serif);max-width:34ch}
.acta .meta{color:rgba(255,255,255,.65);font-size:12.5px;margin-top:6px}
.acta .meta a{color:inherit;text-underline-offset:3px}.acta .meta a:hover{color:#fff} /* web UX standard Y7: the address shown is a live link */

/* ============ RELATED + TOPIC PAGES ============ */
.related{border-top:1px solid var(--line);margin-top:38px;padding-top:22px}
.related .hd{font:650 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.plist{list-style:none;margin:0;padding:0}
.plist li{border-bottom:1px solid var(--line)}
.plist li:first-child{border-top:1px solid var(--line)}
.plist a{display:flex;align-items:baseline;gap:16px;padding:16px 2px;text-decoration:none;color:var(--ink)}
.plist a:hover .tt{color:var(--accent)}
.plist .tt{font:700 clamp(15.5px,1.5vw,18.5px)/1.5 var(--serif);flex:1}
.plist .dt{font-size:12.5px;color:var(--muted);white-space:nowrap}
.topichead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}

/* ============ FOOTER (homepage v1 pattern) ============ */
.foot{background:#0E1512;color:#9AA398;font-size:14px}
.foot .in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:38px}
.foot .lg img{width:180px;height:auto;display:block}
.foot nav{display:flex;gap:22px;flex-wrap:wrap}
.foot a{color:#9AA398;text-decoration:none}
.foot a:hover{color:#E8EAE5}