[hidden]{display:none!important}
:root{--bg:#f4f1ea;--ink:#111;--muted:#68645d;--line:#d7d1c7;--accent:#c84b2f;--alt:#e9e5dc;--feature:#ded9cf}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.narrow{max-width:900px}

/* header */
header{position:sticky;top:0;background:rgba(244,241,234,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:900;font-size:22px}
.brand span{color:var(--accent)}
nav{display:flex;gap:28px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}
nav a:hover,nav a[aria-current=page]{color:var(--accent)}

/* type */
.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--muted);margin:0 0 22px;text-transform:uppercase}
h1{font-size:clamp(56px,8vw,108px);line-height:.9;letter-spacing:-.065em;margin:0 0 32px}
h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
h1.page{font-size:clamp(44px,6vw,76px);line-height:.95}
h2{font-size:48px;line-height:.98;letter-spacing:-.05em;margin:0}
h3{font-size:25px;line-height:1.05;letter-spacing:-.025em;margin:15px 0}
.lead{font-size:20px;max-width:760px;color:#403d38}
.muted{color:var(--muted)}
.avail{margin-top:22px;font-size:14px;color:var(--muted)}

/* buttons */
.actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.button{display:inline-block;padding:13px 18px;border:1px solid var(--ink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.primary{background:var(--ink);color:var(--bg)}
.primary:hover{background:var(--accent);border-color:var(--accent)}
.secondary:hover{background:var(--ink);color:var(--bg)}
.textlink{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--ink);padding-bottom:3px}
.textlink:hover{color:var(--accent);border-color:var(--accent)}

/* hero */
.hero{padding:110px 0 90px;border-bottom:1px solid var(--line)}
.hero.small{padding:90px 0 60px}
.hero-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:80px;align-items:end}
.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.metrics div{padding:20px 8px 20px 0;border-bottom:1px solid var(--line)}
.metrics b{display:block;font-size:30px;letter-spacing:-.04em}
.metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.statement{padding:70px 0}
.statement p{font-family:Georgia,serif;font-size:31px;line-height:1.25;margin:0}

/* sections */
.section{padding:95px 0;border-top:1px solid var(--line)}
.section.tight{padding:70px 0}
.alt{background:var(--alt)}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}
.section-head>p{max-width:360px;color:var(--muted);font-size:14px}

/* case cards */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.case-grid.three{grid-template-columns:repeat(3,1fr)}
.case{background:var(--bg);padding:30px;min-height:340px;display:flex;flex-direction:column;transition:background .15s}
a.case:hover{background:var(--alt)}
a.case:hover h3{color:var(--accent)}
.case.feature{background:var(--feature)}
.case small{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted)}
.case p{color:#55514a;max-width:520px}
.result{margin-top:auto;display:flex;gap:15px;align-items:end;border-top:1px solid var(--line);padding-top:18px}
.result b{font-size:40px;line-height:.9;letter-spacing:-.05em}
.result span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.tags{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}
.tags i{font-style:normal;font-size:10px;padding:5px 8px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}
.more{margin-top:14px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}

/* case detail */
.case-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-top:50px}
.case-meta div{padding:18px 16px 18px 0;border-bottom:1px solid var(--line)}
.case-meta span{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.case-meta b{font-size:15px;line-height:1.3}
.story{display:grid;grid-template-columns:220px 1fr;gap:0}
.story>div{display:contents}
.story h4{margin:0;padding:28px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.story p,.story ul{margin:0;padding:24px 0;border-top:1px solid var(--line);font-size:18px;color:#2f2c28;max-width:760px}
.story ul{padding-left:20px}
.story li{margin-bottom:8px}
.big-result{display:flex;gap:28px;align-items:end;padding:40px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0 0 50px}
.big-result b{font-size:clamp(60px,9vw,110px);line-height:.85;letter-spacing:-.06em;color:var(--accent)}
.big-result span{font-size:16px;color:#403d38;max-width:420px}
.pager{display:flex;justify-content:space-between;gap:20px;padding-top:30px;border-top:1px solid var(--line)}
.pager a{display:flex;flex-direction:column;gap:6px;max-width:45%}
.pager a:last-child{text-align:right}
.pager small{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted);text-transform:uppercase}
.pager b{font-size:18px}
.pager a:hover b{color:var(--accent)}

/* expertise / services */
.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px}
.expertise>div{background:var(--alt);padding:28px;min-height:200px}
.expertise b{font-size:11px;color:var(--accent)}
.expertise p{color:var(--muted);font-size:14px}
.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.services>div{background:var(--bg);padding:32px;min-height:240px;display:flex;flex-direction:column}
.services b{font-size:11px;color:var(--accent);letter-spacing:.1em}
.services p{color:#55514a;font-size:15px}
.services ul{margin:auto 0 0;padding:16px 0 0;border-top:1px solid var(--line);list-style:none;font-size:13px;color:var(--muted)}
.services li{padding:3px 0}
.formats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.formats div{padding:26px 24px 26px 0;border-bottom:1px solid var(--line)}
.formats b{display:block;font-size:22px;letter-spacing:-.02em;margin-bottom:8px}
.formats span{font-size:14px;color:var(--muted)}

/* insights */
.framework{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.framework-list{border-top:1px solid var(--ink)}
.framework-list a{display:flex;flex-direction:column;gap:5px;padding:22px 0;border-bottom:1px solid var(--line)}
.framework-list a:hover b{color:var(--accent)}
.framework-list span{font-size:13px;color:var(--muted)}
.framework-list em{font-style:normal;font-size:12px;color:var(--accent)}
.reading{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.reading a{background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.reading a:hover{background:var(--alt)}
.reading a:hover b{color:var(--accent)}
.reading small{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted)}
.reading b{font-size:17px;line-height:1.2;letter-spacing:-.01em}
.reading span{font-size:13px;color:var(--muted);margin-top:auto}
.reading.models a{background:#171716;color:#f4f1ea;min-height:190px}
.reading.models a:hover{background:#262624}
.reading.models small,.reading.models span{color:#aaa}

/* about */
.timeline{border-top:1px solid var(--ink)}
.timeline>div{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}
.timeline time{font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.04em}
.timeline b{display:block;font-size:20px;letter-spacing:-.02em}
.timeline i{font-style:normal;font-size:14px;color:var(--muted)}
.timeline p{margin:10px 0 0;color:#403d38;font-size:15px;max-width:720px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.facts>div{background:var(--bg);padding:28px}
.facts h4{margin:0 0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.facts p{margin:0;font-size:15px;color:#2f2c28}

/* contact + footer */
.contact{background:var(--ink);color:var(--bg);padding:80px 0}
.contact .eyebrow{color:#999}
.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px}
.contact h2{font-size:54px}
.contact a{display:block;font-size:18px;margin:12px 0}
.contact a:hover{color:var(--accent)}
.contact .avail{color:#aaa}
footer{padding:25px 0;background:var(--ink);color:#999;border-top:1px solid #333;font-size:11px}
footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a:hover{color:var(--bg)}

@media(max-width:900px){
 .case-grid.three,.reading,.facts{grid-template-columns:1fr 1fr}
 .case-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
 nav{gap:16px;font-size:11px;letter-spacing:.08em}
 .container{width:min(100% - 32px,1160px)}
 .hero{padding:75px 0}
 .hero.small{padding:60px 0 40px}
 .hero-grid,.framework,.contact-grid{grid-template-columns:1fr;gap:45px}
 .case-grid,.case-grid.three,.expertise,.reading,.services,.formats,.facts{grid-template-columns:1fr}
 .section-head{display:block}
 .section-head>p{margin-top:20px}
 h2,.contact h2{font-size:40px}
 .statement p{font-size:25px}
 h1{font-size:58px}
 h1.page{font-size:44px}
 .story{grid-template-columns:1fr}
 .story h4{padding:22px 0 0}
 .story p,.story ul{border-top:0;padding-top:10px;font-size:16px}
 .timeline>div{grid-template-columns:1fr;gap:6px}
 .big-result{flex-direction:column;align-items:flex-start;gap:14px}
}
@media(max-width:560px){
 nav a.hide-sm{display:none}
 nav a{padding:14px 0}
 .case-meta{grid-template-columns:1fr}
}
.contact .copy{display:inline-block;margin:4px 0 14px;padding:9px 14px;background:transparent;color:var(--bg);border:1px solid #555;font:800 11px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.contact .copy:hover{border-color:var(--accent);color:var(--accent)}

/* contact page + form */
.contact a.wa{display:inline-flex;align-items:center;gap:8px}
.contact-page{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:start}
.form{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--ink);padding-top:28px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.form label span{font-weight:400;text-transform:none;letter-spacing:0}
.form input,.form select,.form textarea{font:16px Inter,Arial,sans-serif;color:var(--ink);background:#fbfaf6;border:1px solid var(--line);padding:12px;border-radius:0;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}
.form textarea{resize:vertical}
.form .button{align-self:flex-start;cursor:pointer}
.form .button[disabled]{opacity:.6;cursor:wait}
.mode{border:0;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}
.mode legend{margin-bottom:12px}
.mode label{flex-direction:row;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--line);cursor:pointer;color:var(--ink);font-size:12px}
.mode label.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.mode input{accent-color:var(--accent);width:auto;padding:0;margin:0;flex:none;border:0;background:none}
.hint{margin:-6px 0 0;font-size:14px;color:var(--accent)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:0;font-size:14px;min-height:20px}
.form-status.err{color:#b3261e}
.form-status a{text-decoration:underline}
.form-done{border-top:1px solid var(--ink);padding-top:28px}
.form-done h3{font-size:40px;letter-spacing:-.04em;margin:0 0 10px}
.direct{border-top:1px solid var(--ink);padding-top:28px;display:flex;flex-direction:column;gap:14px;font-size:17px}
.direct a:hover{color:var(--accent)}
.direct a.wa{display:inline-flex;align-items:center;gap:8px}
@media(max-width:800px){.contact-page,.form .row{grid-template-columns:1fr;gap:40px}.form .row{gap:18px}}

/* article cards with covers */
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.agrid.two{grid-template-columns:repeat(2,1fr)}
.agrid.one{grid-template-columns:1fr;max-width:760px}
.acard{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);transition:border-color .15s,transform .15s}
.acard:hover{border-color:var(--ink);transform:translateY(-2px)}
.acard:hover b{color:var(--accent)}
.acard .pic{aspect-ratio:16/9;overflow:hidden;background:var(--alt);border-bottom:1px solid var(--line)}
.acard .pic img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.acard .ph{width:100%;height:100%;display:flex;align-items:flex-end;padding:20px;background:#171716}
.acard .ph span{font-family:Georgia,serif;font-size:34px;color:var(--accent);letter-spacing:-.02em}
.acard .abody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.acard small{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.acard b{font-size:19px;line-height:1.2;letter-spacing:-.015em}
.acard p{margin:0;font-size:14px;color:#55514a}
.acard .more{margin-top:auto;padding-top:6px}
.acard.dark{background:#171716;color:#f4f1ea;border-color:#171716}
.acard.dark p,.acard.dark small{color:#aaa}
.acard.wide{display:grid;grid-template-columns:1.25fr 1fr}
.acard.wide .pic{border-bottom:0;border-right:1px solid var(--line);aspect-ratio:auto;min-height:320px}
.acard.wide .abody{padding:34px;justify-content:center}
.acard.wide b{font-size:32px;line-height:1.05;letter-spacing:-.035em}
.acard.wide p{font-size:16px}
.agrid.one .acard{display:grid;grid-template-columns:260px 1fr}
.agrid.one .acard .pic{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line)}
.embed{border:1px solid var(--ink);background:#0d1117}
.embed iframe{display:block;width:100%;height:82vh;min-height:620px;border:0}
@media(max-width:900px){.agrid{grid-template-columns:1fr 1fr}.acard.wide{grid-template-columns:1fr}.acard.wide .pic{border-right:0;border-bottom:1px solid var(--line);aspect-ratio:16/9;min-height:0}}
@media(max-width:640px){.agrid,.agrid.two{grid-template-columns:1fr}.agrid.one .acard{grid-template-columns:1fr}.agrid.one .acard .pic{border-right:0;border-bottom:1px solid var(--line);aspect-ratio:16/9}.acard.wide b{font-size:24px}.embed iframe{height:75vh;min-height:520px}}

/* education document preview */
.facts .doc{display:block;margin-top:18px;border:1px solid var(--line);background:#fff;transition:border-color .2s}
.facts .doc:hover{border-color:var(--accent)}
.facts .doc img{display:block;width:100%;height:auto}
.facts .doc span{display:block;padding:10px 12px;border-top:1px solid var(--line);font-size:13px;font-weight:700;background:var(--bg)}
.facts .doc:hover span{color:var(--accent)}
.facts .doc-note{margin-top:10px;font-size:12px;color:var(--muted)}
.facts .doc-note a{text-decoration:underline}

/* home: trust strip */
.trust{border-top:1px solid var(--line);padding:22px 0}
.trust-row{display:flex;flex-wrap:wrap;gap:14px 48px}
.trust-row span{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.trust-row b{font-size:15px;font-weight:700}

/* case figure (chart + option table) */
.case-fig{margin:40px 0 0;border-top:1px solid var(--ink);padding-top:22px}
.case-fig figcaption{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.case-fig svg{display:block;width:100%;height:auto;background:#fbfaf6;border:1px solid var(--line)}
.case-fig .ax{stroke:var(--muted);stroke-width:1}
.case-fig .lab{font:11px Inter,Arial,sans-serif;fill:var(--muted)}
.case-fig .cap{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 4}
.case-fig .fix{stroke:#2e6b34;stroke-width:1;stroke-dasharray:4 3}
.case-fig .fixt{font:11px Inter,Arial,sans-serif;fill:#2e6b34}
.case-fig .load{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}
.case-fig .pk{fill:var(--accent)}
.case-fig .pkt{font:700 12px Inter,Arial,sans-serif;fill:var(--accent)}
.case-fig table{width:100%;border-collapse:collapse;margin-top:22px;font-size:14px}
.case-fig th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;padding:8px 10px 8px 0;border-bottom:1px solid var(--ink)}
.case-fig td{padding:10px 10px 10px 0;border-bottom:1px solid var(--line)}
.case-fig td b{color:#2e6b34}
.fig-note{font-size:12px;color:var(--muted);margin:12px 0 0}
@media(max-width:560px){.case-fig .lab,.case-fig .fixt{font-size:20px}.case-fig .pkt{font-size:22px}.case-fig table{font-size:12.5px}.case-fig th{font-size:10px;letter-spacing:.06em}}

/* article pages (/insights/<key>/) */
h1.article-title{font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.045em}
.art-meta{margin:22px 0 0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.art-cover{display:block;width:100%;height:auto;border:1px solid var(--line);margin:0 0 46px}
.prose{font-size:18px;line-height:1.65;color:#2f2c28;max-width:760px;overflow-wrap:anywhere}
.prose p{margin:0 0 22px}
.prose h2{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:52px 0 18px;color:var(--ink)}
.prose h3{font-size:24px;line-height:1.15;margin:42px 0 14px;color:var(--ink)}
.prose h4{font-size:19px;margin:34px 0 12px;color:var(--ink)}
.prose a{color:var(--accent);border-bottom:1px solid rgba(200,75,47,.35)}
.prose a:hover{border-bottom-color:var(--accent)}
.prose ul,.prose ol{margin:0 0 22px;padding-left:24px}
.prose li{margin-bottom:8px}
.prose blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--accent);font-family:Georgia,serif;font-size:21px;line-height:1.45;color:var(--ink)}
.prose blockquote p{margin:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.prose figure{margin:32px 0}
.prose figure img{display:block;max-width:100%;height:auto;background:#fff;border:1px solid var(--line)}
.prose figcaption{margin-top:10px;font-size:13px;color:var(--muted)}
.art-source{max-width:760px;margin:44px 0 0;padding-top:22px;border-top:1px solid var(--ink);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.art-source a{color:var(--accent)}
@media(max-width:800px){.prose{font-size:16.5px}.prose h2{font-size:27px}.prose h3{font-size:21px}.prose blockquote{font-size:18px}h1.article-title{font-size:32px}}

/* name in header and home hero */
.brand i{font-style:normal}
.brand .bn-short{display:none}
.hero-name{font-size:clamp(24px,2.6vw,32px);font-weight:900;letter-spacing:-.03em;margin:0 0 14px}
@media(max-width:640px){.brand .bn-full{display:none}.brand .bn-short{display:inline}}

/* market ticker (top bar, data from /api/prices) */
.ticker{background:var(--ink);color:#d9d4ca;font-size:12px;height:32px;overflow:hidden;transition:height .2s}
.ticker.off{height:0}
.ticker-row{display:flex;align-items:center;gap:18px;height:32px;white-space:nowrap}
.ticker b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex:none}
.ticker-items{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.ticker-items::-webkit-scrollbar{display:none}
.tk{flex:none;font-variant-numeric:tabular-nums}
.tk i{font-style:normal;color:#9c968c;margin-right:2px}
.tk u{text-decoration:none;color:#9c968c;font-size:10px;margin-left:2px}
.tk em{font-style:normal;margin-left:6px;color:#9c968c}
.tk em.up{color:#7cc47f}
.tk em.dn{color:#e5826a}
.ticker small{flex:none;font-size:10px;color:#8a857c;letter-spacing:.04em}
@media(max-width:640px){.ticker small{display:none}.ticker-row{gap:12px}}

/* production data (insights) */
.prod-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:14px}
.prod-period{display:flex;border:1px solid var(--ink)}
.prod-period button{font:800 11px Inter,Arial,sans-serif;letter-spacing:.08em;padding:9px 14px;background:transparent;border:0;border-right:1px solid var(--line);cursor:pointer;color:var(--ink)}
.prod-period button:last-child{border-right:0}
.prod-period button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.prod-bar label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.prod-bar select{font:14px Inter,Arial,sans-serif;padding:8px 10px;border:1px solid var(--line);background:#fbfaf6;color:var(--ink)}
.prod-total{margin:0 0 8px;font-size:14px;font-weight:700}
.prod-chart{position:relative;background:#fbfaf6;border:1px solid var(--line);padding:6px 4px 0}
.prod-chart svg{display:block;width:100%;height:auto;touch-action:pan-y}
.prod-chart .gl{stroke:#e3ddd2;stroke-width:1}
.prod-chart .bl{stroke:var(--muted);stroke-width:1}
.prod-chart .ax{font:11px Inter,Arial,sans-serif;fill:var(--muted)}
.prod-chart .xh{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}
.prod-chart .hit{fill:transparent;cursor:crosshair}
.prod-tip{position:absolute;top:12px;background:#fff;border:1px solid var(--ink);padding:10px 12px;font-size:12px;min-width:200px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.prod-tip strong{display:block;margin-bottom:6px}
.prod-tip div{display:flex;align-items:center;gap:6px;padding:1px 0}
.prod-tip b{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}
.prod-tip i,.prod-legend i,.prod-table i{display:inline-block;width:10px;height:10px;border-radius:2px;flex:none}
.prod-tip .tt{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-weight:700}
.prod-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;font-size:13px}
.prod-legend span{display:inline-flex;align-items:center;gap:6px}
.prod-err{padding:60px 20px;text-align:center;color:var(--muted);margin:0}
.prod-more{margin-top:26px;border-top:1px solid var(--ink)}
.prod-more summary{cursor:pointer;padding:14px 0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.prod-mode{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted);margin-left:8px}
.prod-reset{margin-left:10px;font:800 10px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--ink);background:transparent;cursor:pointer}
.prod-scroll{max-height:440px;overflow:auto;border:1px solid var(--line)}
.prod-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.prod-table th{position:sticky;top:0;background:var(--alt);text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:9px 10px}
.prod-table td{padding:8px 10px;border-top:1px solid var(--line);white-space:nowrap}
.prod-table td:nth-child(2){display:flex;align-items:center;gap:8px}
.prod-table tbody tr{cursor:pointer}
.prod-table tbody tr:hover{background:var(--alt)}
.prod-table tr.on td:nth-child(2){font-weight:700}
.prod-table .up{color:#2e6b34}.prod-table .dn{color:#b3261e}
.prod-src{margin:14px 0 0;font-size:12px;color:var(--muted)}
.prod-src a{text-decoration:underline}
@media(max-width:640px){.prod-table th:nth-child(3),.prod-table td:nth-child(3){display:none}.prod-tip{min-width:170px;font-size:11px}}
.prod-auto{margin:0 0 12px;font-size:14px;color:#403d38;max-width:900px}
.prod-auto b{color:var(--ink)}
.prod-note{margin-top:26px;padding:24px 26px;background:var(--alt);border-left:3px solid var(--accent);max-width:900px}
.prod-note .eyebrow{margin-bottom:12px}
.prod-note p{margin:0 0 12px;font-size:16px;line-height:1.6;color:#2f2c28}
.prod-note p:last-child{margin-bottom:0}
.prod-chart .estbg{fill:rgba(251,250,246,.45);pointer-events:none}
.prod-chart .ax.est{fill:var(--ink);font-weight:700}
.prod-chart .estl{stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3;pointer-events:none}

/* advisory terms line */
.terms{margin:26px 0 0;max-width:760px;font-size:15px;color:var(--muted)}