:root{--ink:#24204b;--blue:#444ac6;--rose:#e44765;--yellow:#ffd361;--mint:#ccf3df;--paper:#fff9eb;--white:#fffefd;--muted:#665f78}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(#e4d8c7 1px,transparent 1px);background-size:24px 24px;font:16px/1.72 "Trebuchet MS",Verdana,sans-serif}
a{color:#3539a4;text-underline-offset:3px}
a:hover{color:#b82e58}
:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
.skip{position:absolute;top:-100px;left:14px;background:var(--yellow);padding:9px 12px;z-index:10}.skip:focus{top:10px}
.wrap{max-width:1060px;margin:28px auto 55px;padding:0 18px}
.top-ticker{display:flex;justify-content:space-between;gap:14px;padding:9px 16px;background:var(--yellow);border:3px solid var(--ink);border-bottom:0;font-size:11px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase}
.site{background:var(--white);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:19px 29px;border-bottom:3px solid var(--ink)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:28px;font-weight:1000;letter-spacing:-1.8px;line-height:1.05}.brand span{display:grid;place-items:center;background:var(--rose);border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);color:white;width:40px;height:40px;font-size:23px;transform:rotate(-7deg)}.brand b{color:var(--rose)}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}nav a{text-decoration:none;color:var(--ink);border-bottom:3px solid transparent}nav a:hover,nav a[aria-current="page"]{border-color:var(--rose);color:var(--ink)}
.mast{padding:46px 46px 40px;background:linear-gradient(135deg,#fffaf1,#fff0db);border-bottom:3px solid var(--ink)}.stamp{display:inline-block;padding:6px 11px;background:var(--mint);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px;transform:rotate(-2deg)}
.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--blue);margin:21px 0 6px}
h1{font:900 clamp(40px,6vw,76px)/1.03 Impact,"Arial Black",sans-serif;letter-spacing:-.4px;text-transform:uppercase;margin:14px 0 17px;max-width:890px}h1 em{color:var(--rose);font-style:normal}
.subtitle{max-width:760px;font-size:20px;line-height:1.48;font-weight:700;margin:0}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px;border-top:1px solid #dad2cc;padding-top:17px;margin:28px 0 0;font-size:12px;color:var(--muted)}.byline strong{color:var(--ink)}
.main{padding:34px 46px 52px;max-width:100%}.prose{max-width:780px;margin:auto}.prose p{margin:0 0 21px;font-size:17px;line-height:1.78}.prose strong{color:#1d1840}.prose h2{font:900 clamp(25px,3vw,36px)/1.15 Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:.2px;margin:37px 0 17px}
.prose h3{font-weight:900;font-size:19px;margin:25px 0 10px}
.deck-note{border-left:6px solid var(--rose);background:#fff2e7;padding:16px 20px;margin:27px 0;font-size:15px;font-weight:700;line-height:1.7}
.figure{background:#fff8dc;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px 24px;margin:34px 0 37px}
.fig-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:900;color:#5a4a70}
.figure h2{margin:7px 0 14px!important;font-size:27px!important}.chart-row{display:grid;grid-template-columns:160px 1fr 70px;align-items:center;gap:12px;margin:17px 0}.chart-label{font-weight:900;font-size:13px}.chart-track{height:28px;background:#e9e0cb;border:1px solid #bdb3ab}.chart-bar{height:100%;background:var(--blue)}.chart-bar.coral{background:var(--rose)}.chart-value{text-align:right;font-size:20px;font-weight:1000}.chart-note,.fig-caption{color:#605b65;font-size:12px;line-height:1.5;margin:15px 0 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.stat{border:2px solid var(--ink);padding:12px 14px;background:#fff}.stat:nth-child(2){background:var(--mint)}.stat:nth-child(3){background:#ffe6eb}.stat b{font:900 29px/1.2 Impact,"Arial Black",sans-serif;display:block}.stat small{font-size:11px;font-weight:700;line-height:1.5;display:block}
.table-wrap{overflow-x:auto;max-width:100%;border:3px solid var(--ink);margin:29px 0}.data-table{border-collapse:collapse;width:100%;min-width:560px;background:#fff}.data-table caption{background:var(--yellow);font-weight:900;text-transform:uppercase;text-align:left;padding:12px 16px;font-size:15px}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-top:2px solid #dfd6dc;font-size:14px;vertical-align:top}.data-table th{background:#efeafe;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.data-table tr:nth-child(even) td{background:#fff9f2}
.rule{padding:18px 23px;background:var(--mint);border:2px solid var(--ink);margin:23px 0;font-weight:800}
.examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:30px 0}.example{border:3px solid var(--ink);background:white;padding:17px;box-shadow:4px 4px 0 #c8c0cc}.example h3{margin:0 0 10px;font-size:18px}.example p{font-size:14px;line-height:1.6;margin:0}.example small{font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#675978}.example.good{background:#f1fff5}.example.caution{background:#fff0f2}
details{border:2px solid #a69dac;margin:14px 0;background:#fff}summary{padding:12px 15px;cursor:pointer;font-weight:900;background:#f4edf8}details .detail-body{padding:15px;font-size:14px;line-height:1.65}
.sources{margin:44px 0 0;border-top:3px solid var(--ink);padding-top:18px}.sources h2{font-size:24px!important;margin:0 0 12px!important}.sources ol{padding-left:22px}.sources li{font-size:13px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}
.article-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:2px dashed #c4b8cb;font-size:13px;font-weight:900}
.edition{color:var(--muted);font-size:12px;margin-top:18px}.index-intro{max-width:850px}.index-intro p{font-size:18px;line-height:1.7;margin:0}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0}.card{display:flex;flex-direction:column;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:white;padding:25px;transition:transform .16s}.card:hover{transform:translate(-2px,-3px)}.card:nth-child(2){background:#f2fff6}.card-num{font:900 58px/1 Impact,"Arial Black",sans-serif;color:var(--rose)}.card h2{font:900 32px/1.12 Impact,"Arial Black",sans-serif;text-transform:uppercase;margin:12px 0}.card p{font-size:15px;line-height:1.68;margin:0 0 17px}.card .read{font-weight:900;text-transform:uppercase;letter-spacing:.4px;margin-top:auto}.card .tag{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:900}
.footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 28px;background:#f7eefa;border-top:3px solid var(--ink);font-size:12px;font-weight:700}
@media(max-width:760px){.wrap{margin:12px auto 28px;padding:0 9px}.site{box-shadow:5px 5px 0 var(--ink)}header{padding:16px;gap:13px}.brand{font-size:24px}.mast{padding:29px 22px 29px}.main{padding:25px 22px 35px}.subtitle{font-size:18px}.cards,.examples{grid-template-columns:1fr}.chart-row{grid-template-columns:112px 1fr 57px;gap:7px}.chart-label{font-size:11px}.chart-value{font-size:16px}.figure{padding:15px}.stats{grid-template-columns:1fr 1fr}.byline{font-size:11px}.prose p{font-size:16px}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.brand{font-size:22px}nav{gap:13px;font-size:11px}.top-ticker{font-size:9px}.chart-row{grid-template-columns:98px 1fr 51px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* OgTrends original research graphics: high contrast, responsive bars, clear source footnotes */
.research-figure{position:relative;background:linear-gradient(135deg,#fffef8 0%,#fff2d2 100%);border-width:3px;box-shadow:8px 8px 0 var(--ink);padding:25px 28px 24px;margin:35px 0 44px}
.research-figure:nth-of-type(odd){background:linear-gradient(135deg,#f6f2ff 0%,#e5fff0 100%)}
.viz-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.period-flag{display:inline-flex;align-items:center;padding:5px 9px;background:var(--ink);color:#fff;font-size:9px;letter-spacing:1px;line-height:1.35;font-weight:900}
.research-figure h2{font-size:clamp(23px,3vw,33px)!important;margin:0 0 23px!important}
.research-figure .chart-row{grid-template-columns:minmax(118px,180px) minmax(0,1fr) 67px;gap:14px;margin:16px 0}
.research-figure .chart-label{font-size:13px;line-height:1.3}
.research-figure .chart-track{height:32px;background:repeating-linear-gradient(90deg,#ece5db 0,#ece5db calc(20% - 1px),#dbd4ce 20%);border:1px solid #c8bfce;position:relative;overflow:hidden;border-radius:3px}
.research-figure .chart-bar{position:relative;min-width:2px;background:linear-gradient(90deg,#454bc7,#8883e2);box-shadow:inset 0 -4px 0 #00000020}
.research-figure .chart-bar.coral{background:linear-gradient(90deg,#de426a,#ff9c7b)}
.research-figure .chart-value{font:900 23px/1.2 Impact,"Arial Black",sans-serif;letter-spacing:.3px}
.research-figure .fig-caption{font-size:12px;line-height:1.7;border-top:2px dashed #c7bdd1;padding-top:15px;margin-top:20px}
.research-figure .fig-caption a{font-weight:800}
@media(max-width:760px){.research-figure{padding:18px 14px;box-shadow:5px 5px 0 var(--ink)}.research-figure .chart-row{grid-template-columns:105px minmax(0,1fr) 53px;gap:8px}.research-figure .chart-label{font-size:11px}.research-figure .chart-value{font-size:19px}.research-figure .chart-track{height:26px}}
@media(max-width:400px){.research-figure .chart-row{grid-template-columns:100px minmax(0,1fr) 49px;gap:5px}.period-flag{font-size:8px}}

/* OgTrends editorial: restored personal voice and stronger breathing room */
.prose h2{scroll-margin-top:20px}
.prose .rule{background:#d9f4e4;padding:20px 24px;margin:35px 0 43px;box-shadow:4px 4px 0 var(--ink);font-weight:900;line-height:1.55}
.research-figure{break-inside:avoid}
.research-figure .fig-caption{max-width:780px}
@media(max-width:760px){.prose .rule{padding:16px;margin:28px 0 34px;box-shadow:3px 3px 0 var(--ink)}}