:root{--navy:#0b2046;--ink:#0c2044;--muted:#526c93;--blue:#0759ee;--up:#008940;--down:#d31422;--line:#e7edf6;--mist:#f8faff;--soft-blue:#edf4ff;--round:13px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;object-fit:cover}svg{display:block}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #80acff;outline-offset:3px}.wrap{width:min(calc(100% - 128px),1160px);margin:0 auto}
.preview-ribbon{font-size:11px;color:#567098;background:#eaf1ff;text-align:center;padding:6px 12px;border-bottom:1px solid #dfe9fa}.preview-ribbon svg{display:inline-block;vertical-align:-2px;margin-right:6px}.site-header{height:58px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #eff2f8}.header-inner{display:flex;align-items:center;gap:37px;height:100%}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:20px;font-weight:800;letter-spacing:-.9px;color:#081b3e}.brand-mark{display:flex;align-items:flex-end;gap:2px;height:23px}.brand-mark i{width:5px;background:#0866ff;border-radius:2px 2px 0 0}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:10px}.brand-mark i:nth-child(3){height:14px}.brand-mark i:nth-child(4){height:20px}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:600;white-space:nowrap}.primary-nav a:hover,.text-link:hover{color:var(--blue)}.header-search{margin-left:auto;display:flex;align-items:center;gap:10px;width:264px;border:1px solid #e1e8f3;background:#f8faff;border-radius:10px;height:34px;padding:0 12px;color:#7290bd}.header-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--ink);font-size:12px}.header-search input::placeholder{color:#7d92b3}.mobile-nav-toggle{display:none;background:#f3f7ff;border:1px solid #e2e9f4;border-radius:9px;padding:7px;color:var(--ink)}
main{overflow:hidden}.hero{display:grid;grid-template-columns:1.28fr 0.99fr;gap:18px;padding-top:22px;padding-bottom:21px;align-items:stretch}.hero-feature{position:relative;min-width:0;min-height:508px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 9px 0 8px}.hero-photo{position:absolute;left:0;right:0;top:0;height:275px;border-radius:13px 13px 0 0;overflow:hidden;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%)}.hero-photo img{width:100%;height:100%;object-position:center 43%;object-fit:cover}.hero-state{position:absolute;top:15px;left:16px;z-index:3}.hero-copy{position:relative;z-index:1;padding-top:205px}.eyebrow{display:block;font-size:11px;line-height:1.25;font-weight:800;color:#0657e8;letter-spacing:.045em;text-transform:uppercase}.hero h1{font-size:clamp(34px,3.75vw,49px);line-height:1.07;letter-spacing:-.045em;font-weight:850;margin:7px 0 9px;max-width:590px}.hero-description{font-size:16px;line-height:1.55;letter-spacing:-.012em;color:#50658c;max-width:550px;margin:0 0 12px}.why{border-left:3px solid var(--blue);padding:2px 0 2px 15px;margin:9px 0 15px;color:#50658c;line-height:1.5;font-size:14px;max-width:530px}.why strong{display:block;color:var(--ink);font-weight:800;font-size:14px}.hero-actions{display:flex;gap:17px;align-items:center}.btn{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 17px;border:1px solid transparent;background:var(--blue);color:white;font-weight:750;font-size:13px;border-radius:9px;box-shadow:0 4px 10px #0062ef12}.btn:hover{background:#0149d3}.reading-time{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#637b9d}.reading-time svg{width:17px;height:17px}
.state-pill{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;white-space:nowrap;border:1px solid currentColor;background:#fff;border-radius:22px;padding:4px 9px;font-weight:750;font-size:11px;line-height:1;letter-spacing:-.01em}.state-pill.rising,.state-pill.breakout{color:#007a38}.state-pill.returning{color:#345988;border-color:#b5cce9}.state-pill.emerging{color:#0061fa;border-color:#80afff}.state-pill.cooling{color:var(--down);border-color:#f4a0a6}.state-pill svg{width:12px;height:12px}
.trending-panel{border:1px solid #eef2fa;border-radius:14px;background:#fff;box-shadow:0 7px 28px rgba(35,74,125,.045);padding:13px 15px 13px;display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2{font-size:21px;font-weight:800;letter-spacing:-.035em;margin:0}.text-link{font-size:12px;color:#0757ed;font-weight:750;white-space:nowrap}.panel-subtitle{margin:1px 0 4px;color:#657da2;font-size:11.5px;line-height:1.3}.trend-rows{display:flex;flex-direction:column;flex:1}.rank-row{display:grid;grid-template-columns:17px 62px minmax(0,1fr) 77px 54px;gap:9px;align-items:center;flex:1;border-bottom:1px solid #edf1f7;min-height:79px}.rank-row:last-child{border-bottom:0}.rank{font-size:16px;font-weight:750;text-align:center}.rank-img{width:62px;height:62px;border-radius:8px;object-fit:cover;background:#f2f6ff}.rank-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.rank-name{font-size:13px;font-weight:800;letter-spacing:-.02em;line-height:1.16}.rank-reason{font-size:10.6px;color:#637b9f;line-height:1.27}.rank-main .state-pill{font-size:10px;padding:4px 7px}.rank-change{color:var(--up);font-size:13px;font-weight:850;text-align:right;white-space:nowrap}.rank-change.down{color:var(--down)}.spark{height:37px;width:77px;display:flex;align-items:flex-end;gap:2px}.spark span{display:block;min-width:0;flex:1;background:#1665ff;border-radius:1px 1px 0 0;opacity:.95}.spark span:nth-child(-n+5){background:#a8c0ff}.spark.cooling span{background:#f78593}.spark.cooling span:nth-child(-n+5){background:#f7c2ca}
.history-band{background:#0b2042;color:white;padding:26px 0 24px}.history-inner{display:grid;grid-template-columns:.77fr 1.23fr;gap:41px;align-items:center}.history-text{padding-left:12px}.state-pill.inverse{background:transparent;color:white;border-color:#b2c6e8}.history-topic{color:#d0def5;text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.04em;margin:11px 0 3px}.history-title{font-size:clamp(28px,3.35vw,43px);line-height:1.12;letter-spacing:-.04em;font-weight:850;margin:0 0 11px}.history-description{max-width:405px;font-size:15px;line-height:1.43;margin:0 0 14px;color:#dae6f9}.history-actions{display:flex;align-items:center;gap:15px}.history-reading{color:#cad8f4;font-size:12px}.chart-card{border:1px solid #344a6e;border-radius:12px;padding:18px 16px 16px;background:linear-gradient(110deg,#0d2349,#0b2042);min-width:0}.chart-head{display:flex;align-items:center;justify-content:space-between;color:#f4f7ff;font-size:12px;gap:9px;margin-bottom:8px}.chart-head strong{font-weight:700}.chart-graph{display:grid;grid-template-columns:26px 1fr;gap:6px;height:119px}.chart-axis-y{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:11px;color:#d2dff5;padding-bottom:2px}.chart-view{position:relative;min-width:0;display:flex;flex-direction:column}.chart-background{position:absolute;inset:0 0 18px;background:repeating-linear-gradient(to top,#334c6a6b 0px,#334c6a6b 1px,transparent 1px,transparent 45px);pointer-events:none}.chart-bars{flex:1;min-height:0;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid #6984af;position:relative;z-index:1}.chart-bars button{flex:1;min-width:0;height:20%;background:linear-gradient(#61a8ff,#3979e2);border:0;padding:0;border-radius:1px 1px 0 0;cursor:crosshair;position:relative}.chart-bars button:hover,.chart-bars button:focus-visible{background:#b2d7ff}.chart-x{display:flex;justify-content:space-between;font-size:11px;color:#cfddf5;height:18px;padding-top:3px}.chart-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:13px}.moment{font-size:12px;color:#dce8fa;border-top:2px solid #3985ff;padding-top:11px;position:relative}.moment:last-child{border-color:#b1d1ff}.moment:before{content:"";position:absolute;top:-6px;left:0;border-radius:50%;background:#176bff;width:12px;height:12px}.moment:last-child:before{background:#b1d1ff}.moment strong{display:block;color:white;font-size:12px;margin-bottom:3px}.moment span{display:block;line-height:1.4}
.lower{background:linear-gradient(180deg,#f9fbff 0%,#fbfcff 65%,#fff 100%);padding:20px 0 24px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 0 11px}.section-head h2{font-size:22px;line-height:1.17;font-weight:850;letter-spacing:-.04em;margin:0}.section-head p{font-size:12.5px;color:#60789c;margin:3px 0 0}.section-head .text-link{padding-top:3px}.state-filters{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 10px}.filter{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:100px;border:1px solid #dce7f6;background:#fff;min-height:33px;padding:8px 15px;color:#1a467f;font-size:12px;font-weight:750}.filter.active{background:#10234a;border-color:#10234a;color:#fff}.filter[data-filter=rising]:not(.active){color:#087e3e}.filter[data-filter=emerging]:not(.active){color:#0759ee}.filter[data-filter=cooling]:not(.active){color:#c91520;border-color:#ffd0d4}.filter svg{width:12px;height:12px}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.topic-tile{display:flex;align-items:center;gap:9px;border-radius:11px;border:1px solid #eaf0f8;background:white;box-shadow:0 3px 13px #10367007;padding:8px;min-width:0;min-height:81px}.topic-tile img{width:59px;height:59px;flex:none;border-radius:8px}.topic-info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.topic-info strong{font-size:11.3px;line-height:1.16;font-weight:800}.topic-info small{font-size:10.5px;color:#60799c;line-height:1.25}.topic-last{display:flex;align-items:flex-end;gap:5px}.topic-last b{color:#078945;font-size:12px}.topic-last .spark{height:25px;width:50px;gap:1px}.topic-last .spark span{background:#0c5df0}.topic-tile[hidden]{display:none}.none-found{padding:18px;border:1px solid #e8effa;border-radius:12px;color:#576c90;font-size:14px;background:white}.investigations{margin-top:32px}.invest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.invest-card{background:white;border:1px solid #eaf0f7;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:34% 1fr;min-height:151px;box-shadow:0 3px 16px #15356c05}.invest-card img{width:100%;height:100%;min-height:150px;object-fit:cover}.invest-body{padding:10px 12px;min-width:0;display:flex;flex-direction:column}.invest-label{font-size:10px;font-weight:800;color:#055be8;text-transform:uppercase;line-height:1.1;margin-bottom:5px}.invest-title{font-size:14px;line-height:1.22;letter-spacing:-.026em;font-weight:850;margin:0}.invest-desc{font-size:10.6px;color:#63799c;line-height:1.5;margin:9px 0 0}.invest-time{font-size:10.5px;color:#7086a7;margin:auto 0 0;padding-top:9px}.newsletter{margin:17px 0 0;border-radius:12px;background:#eaf2ff;border:1px solid #e6eefb;padding:17px;display:grid;grid-template-columns:1fr 285px;align-items:center;gap:18px}.newsletter-intro{display:flex;align-items:center;gap:13px}.newsletter-icon{height:52px;width:52px;flex:none;display:grid;place-items:center;background:#e1ebff;border:1px solid #ccdcff;color:#0868f8;border-radius:50%}.newsletter-icon svg{height:28px;width:28px}.newsletter h2{font-size:19px;letter-spacing:-.03em;margin:2px 0}.newsletter p{font-size:12px;color:#5f7395;margin:0}.newsletter form{display:flex;align-items:center;gap:6px}.newsletter input{background:white;border:1px solid #e0e7f3;min-width:0;flex:1;border-radius:8px;padding:11px 10px;font-size:12px}.newsletter .btn{min-height:40px}.newsletter-notice{font-size:11px;color:#4d668b;margin:3px 0 0;grid-column:1/-1;display:none}.footer{padding:26px 0;border-top:1px solid #e8edf6;background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#6b80a0}.footer .brand{font-size:16px}.footer .brand-mark{transform:scale(.75);transform-origin:left}.footer-links{display:flex;align-items:center;gap:22px}.footer-links a:hover{color:var(--blue)}.mobile-menu{display:none}.preview-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(25px);width:min(460px,calc(100% - 30px));border-radius:12px;background:#11254a;color:#fff;padding:13px 17px;box-shadow:0 10px 30px #031a3d40;z-index:50;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.preview-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1250px){.hero{gap:24px}.hero-feature{min-height:546px}.hero-photo{height:300px}.hero-copy{padding-top:224px}.trending-panel{padding:18px 21px}.rank-row{min-height:86px;grid-template-columns:18px 66px minmax(0,1fr) 88px 59px;gap:12px}.rank-img{width:66px;height:66px}.rank-name{font-size:14px}.rank-reason{font-size:11.5px}.spark{width:88px}.rank-change{font-size:14px}.history-band{padding:34px 0}.chart-graph{height:135px}.topic-grid{gap:11px}.topic-tile{min-height:92px}.topic-tile img{width:65px;height:65px}.topic-info strong{font-size:12px}.invest-card{min-height:170px}.invest-card img{min-height:170px}.invest-title{font-size:15px}.invest-desc{font-size:11.5px}}
@media(max-width:1040px){.wrap{width:calc(100% - 128px)}.header-inner{gap:27px}.primary-nav{gap:21px}.header-search{width:220px}.hero{grid-template-columns:minmax(0,1.27fr) minmax(0,1fr)}.rank-row{grid-template-columns:13px 54px minmax(0,1fr) 58px 47px;gap:7px}.rank-img{width:54px;height:54px}.spark{width:58px}.rank-reason{font-size:10px}.rank-change{font-size:12px}.hero h1{font-size:clamp(32px,3.9vw,45px)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.primary-nav{gap:13px}.primary-nav{font-size:12px}.header-inner{gap:16px}.header-search{width:170px}.hero{grid-template-columns:1fr;gap:21px}.hero-feature{min-height:460px}.hero-photo{height:285px}.hero-copy{padding-top:205px}.hero h1{max-width:600px}.trending-panel{padding:14px 17px}.rank-row{grid-template-columns:20px 62px minmax(0,1fr) 80px 60px;min-height:72px;gap:11px}.rank-img{height:58px;width:58px}.rank-reason{font-size:11.5px}.rank-name{font-size:14px}.rank-change{font-size:14px}.spark{width:80px}.history-inner{gap:22px;grid-template-columns:1fr}.history-text{padding:0}.history-title{max-width:560px}.history-description{max-width:570px}.chart-graph{height:137px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invest-card:last-child{grid-column:1/-1;max-width:calc(50% - 5px)}.newsletter{grid-template-columns:1fr}.newsletter form{max-width:410px}}
@media(max-width:570px){.only-large{display:none}.wrap{width:calc(100% - 32px)}.preview-ribbon{font-size:10px;line-height:1.35;padding:6px 12px}.site-header{height:62px}.header-inner{gap:10px}.brand{font-size:19px}.primary-nav{display:none}.header-search{width:auto;min-width:0;flex:1;margin-left:auto}.header-search input{font-size:11px}.mobile-nav-toggle{display:grid;place-items:center}.mobile-nav-toggle svg{height:17px;width:17px}.mobile-menu{display:none;border-bottom:1px solid #e6eefa;background:white}.mobile-menu.open{display:grid;gap:2px;padding:10px 16px}.mobile-menu a{padding:10px 8px;font-size:14px;font-weight:650}.hero{padding-top:16px;padding-bottom:21px}.hero-feature{padding:0 3px;min-height:470px}.hero-photo{height:245px}.hero-copy{padding-top:182px}.hero h1{font-size:clamp(32px,8.6vw,41px);max-width:100%;letter-spacing:-.044em}.hero-description{font-size:15px}.why{font-size:13px;margin-bottom:14px}.hero-actions{flex-wrap:wrap;gap:12px}.trending-panel{padding:14px 12px}.panel-heading h2{font-size:21px}.panel-subtitle{font-size:11.5px}.rank-row{grid-template-columns:13px 50px minmax(0,1fr) 48px;gap:7px;min-height:73px}.rank-img{height:48px;width:48px}.rank-name{font-size:12px}.rank-reason{font-size:10px}.rank-main .state-pill{font-size:9px}.rank-row>.spark{display:none}.rank-change{font-size:12px}.history-band{padding:27px 0}.history-title{font-size:clamp(30px,8vw,40px)}.history-description{font-size:14px}.chart-card{padding:13px 10px 15px}.chart-head{font-size:10px}.chart-graph{height:107px}.chart-timeline{gap:9px}.moment{font-size:11px}.moment strong{font-size:11px}.lower{padding-top:23px}.section-head h2{font-size:22px}.section-head .text-link{font-size:11px}.section-head p{font-size:12px}.state-filters{gap:6px}.filter{font-size:11px;padding:7px 12px;min-height:32px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.topic-tile{padding:7px;gap:7px;min-height:77px}.topic-tile img{width:48px;height:53px}.topic-info strong{font-size:11px}.topic-last .spark{display:none}.investigations{margin-top:28px}.invest-grid{grid-template-columns:1fr;gap:10px}.invest-card:last-child{grid-column:auto;max-width:none}.invest-card{min-height:155px}.invest-card img{min-height:155px}.invest-title{font-size:16px}.invest-desc{font-size:12px}.newsletter{padding:15px;gap:14px}.newsletter h2{font-size:18px}.newsletter-intro{gap:9px}.newsletter-icon{width:43px;height:43px}.newsletter input{min-width:0}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:10px 20px}}
@media(max-width:365px){.brand{font-size:16px}.brand-mark{transform:scale(.82);transform-origin:left}.header-search{display:none}.mobile-nav-toggle{margin-left:auto}.rank-row{grid-template-columns:10px 43px minmax(0,1fr) 43px;gap:7px}.rank-img{height:43px;width:43px}.rank-name{font-size:11.3px}.rank-reason{font-size:9px}.rank-change{font-size:11px}}

/* MetricBuyer readable-layout refinement — preserve the locked section order and identity. */
:root{--muted:#405a7b;--line:#dfe7f1}
body{font-size:17px;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
.wrap{width:min(calc(100% - 72px),1280px)}
.preview-ribbon{font-size:13px;padding:10px 20px;color:#344f74}
.site-header{height:76px}
.header-inner{gap:43px}
.brand{font-size:24px;letter-spacing:-.8px}
.brand-mark{height:26px}
.brand-mark i{width:6px}
.primary-nav{gap:28px;font-size:15px}
.header-search{height:45px;width:295px;border-radius:11px}
.header-search input{font-size:14px}
.hero{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:36px;padding-top:48px;padding-bottom:70px;align-items:stretch}
.hero-feature{min-height:677px;padding:0 8px}
.hero-photo{height:356px;border-radius:16px 16px 0 0}
.hero-photo img{object-position:center 43%}
.hero-state{top:19px;left:19px}
.hero-copy{padding-top:294px}
.eyebrow{font-size:13px;letter-spacing:.045em}
.hero h1{font-size:clamp(43px,3.95vw,56px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 15px;max-width:680px}
.hero-description{font-size:18px;line-height:1.6;max-width:620px;margin:0 0 18px;color:#3f587b}
.why{font-size:16px;line-height:1.55;margin:15px 0 24px;padding:4px 0 4px 17px;max-width:625px;color:#3f587b}
.why strong{font-size:16px;margin-bottom:3px}
.hero-actions{gap:21px}
.btn{min-height:50px;font-size:15px;padding:12px 22px;border-radius:10px}
.reading-time{font-size:15px}
.state-pill{font-size:13px;padding:7px 11px}
.state-pill svg{width:14px;height:14px}
.trending-panel{padding:24px 27px 21px;border-radius:17px;box-shadow:0 12px 38px rgba(20,57,103,.07)}
.panel-heading h2{font-size:27px}
.text-link{font-size:14px}
.panel-subtitle{font-size:14px;margin:6px 0 12px;line-height:1.4;color:#526a8e}
.rank-row{grid-template-columns:20px 70px minmax(0,1fr) 80px 59px;gap:11px;min-height:111px}
.rank{font-size:17px}
.rank-img{width:70px;height:70px;border-radius:9px}
.rank-main{gap:5px}
.rank-name{font-size:16px;line-height:1.25}
.rank-reason{font-size:13.5px;line-height:1.35;color:#465f81}
.rank-main .state-pill{font-size:12px;padding:5px 9px}
.rank-change{font-size:16px}
.rank-row>.spark{height:46px;width:80px}
.history-band{padding:74px 0 80px}
.history-inner{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:65px}
.history-text{padding-left:0}
.history-topic{font-size:13px;margin:18px 0 9px}
.history-title{font-size:clamp(37px,3.7vw,49px);line-height:1.14;margin:0 0 20px}
.history-description{font-size:18px;line-height:1.57;max-width:480px;margin-bottom:26px}
.history-actions{gap:22px}
.history-reading{font-size:15px}
.chart-card{padding:28px 28px 27px;border-radius:15px}
.chart-head{font-size:15px;margin-bottom:22px}
.chart-graph{height:205px;grid-template-columns:31px 1fr}
.chart-axis-y{font-size:13px}
.chart-x{font-size:13px;height:23px;padding-top:6px}
.chart-background{inset:0 0 23px}
.chart-timeline{margin-top:32px;gap:22px}
.moment{font-size:14px;line-height:1.48;padding-top:17px}
.moment strong{font-size:15px;margin-bottom:7px}
.lower{padding:76px 0 90px;background:linear-gradient(180deg,#f8faff 0%,#fff 85%)}
.section-head{gap:26px;margin-bottom:25px;align-items:start}
.section-head h2{font-size:31px;letter-spacing:-.035em;line-height:1.2}
.section-head p{font-size:16px;line-height:1.5;margin-top:8px;color:#4e6487}
.section-head .text-link{padding-top:8px}
.state-filters{gap:13px;margin:25px 0 24px}
.filter{min-height:43px;padding:10px 18px;font-size:14px}
.topic-grid{gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}
.topic-tile{padding:12px;gap:12px;min-height:112px;border-radius:13px;border-color:#e1e9f5;box-shadow:0 7px 21px rgba(17,50,95,.045)}
.topic-tile img{width:76px;height:82px;border-radius:9px}
.topic-info{gap:5px}
.topic-info strong{font-size:15px;line-height:1.25}
.topic-info small{font-size:13px;color:#4b6587}
.topic-last b{font-size:14px}
.topic-last{gap:6px}
.topic-last .spark{height:30px;width:45px}
.none-found{font-size:16px;padding:24px}
.investigations{margin-top:88px}
.invest-grid{gap:19px}
.invest-card{grid-template-columns:39% 1fr;min-height:233px;border-radius:14px;box-shadow:0 7px 25px rgba(17,50,95,.04)}
.invest-card img{min-height:233px}
.invest-body{padding:18px 18px 16px}
.invest-label{font-size:12px;line-height:1.3;margin-bottom:10px}
.invest-title{font-size:19px;line-height:1.33}
.invest-desc{font-size:14px;line-height:1.52;margin-top:12px;color:#4f6789}
.invest-time{font-size:13px;padding-top:16px;color:#4f6789}
.newsletter{margin:86px 0 0;padding:32px 35px;grid-template-columns:minmax(0,1fr) minmax(320px,395px);gap:35px;border-radius:16px}
.newsletter-intro{gap:22px}
.newsletter-icon{width:69px;height:69px}
.newsletter-icon svg{width:32px;height:32px}
.newsletter h2{font-size:24px;line-height:1.3;margin:6px 0 7px}
.newsletter p{font-size:15px;line-height:1.5;color:#485f7e}
.newsletter form{gap:11px}
.newsletter input{font-size:15px;min-height:50px;padding:12px 15px}
.newsletter-notice{font-size:14px}
.footer{padding:40px 0 48px}
.footer-inner{font-size:14px;gap:24px}
.footer .brand{font-size:20px}
.footer-links{gap:25px}
.preview-toast{font-size:15px}
/* Tablet layout: avoid shrinking titles and rankings to miniature desktop measurements. */
@media (max-width:1180px){
 .wrap{width:calc(100% - 64px)}
 .hero{gap:27px;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)}
 .hero h1{font-size:clamp(41px,4.35vw,52px)}
 .trending-panel{padding:20px}
 .rank-row{grid-template-columns:18px 60px minmax(0,1fr) 60px 54px;gap:8px}
 .rank-img{width:60px;height:60px}
 .rank-name{font-size:15px}
 .rank-reason{font-size:12.5px}
 .rank-row>.spark{width:60px}
 .rank-change{font-size:14px}
 .topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1050px){
 .hero{grid-template-columns:1fr;gap:34px}
 .hero-feature{min-height:600px}
 .hero-photo{height:335px}
 .hero-copy{padding-top:276px}
 .hero h1{max-width:740px}
 .trending-panel{padding:24px 28px}
 .rank-row{grid-template-columns:22px 70px minmax(0,1fr) 115px 73px;min-height:100px;gap:15px}
 .rank-row>.spark{width:115px}
 .rank-img{width:70px;height:70px}
 .rank-name{font-size:17px}
 .rank-reason{font-size:14px}
 .rank-change{font-size:16px}
 .history-inner{grid-template-columns:1fr;gap:35px}
 .history-title{max-width:660px}
 .chart-graph{height:215px}
 .invest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invest-card:last-child{grid-column:1/-1;max-width:none}
 .newsletter{grid-template-columns:1fr}
 .newsletter form{max-width:530px}
}
@media (max-width:800px){
 .wrap{width:calc(100% - 40px)}
 .site-header{height:66px}
 .header-inner{gap:16px}
 .brand{font-size:21px}
 .primary-nav{gap:15px;font-size:14px}
 .header-search{height:41px;width:180px}
 .hero{padding-top:32px;padding-bottom:55px}
 .history-band{padding:56px 0 64px}
 .lower{padding:56px 0 70px}
 .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invest-card:last-child{grid-column:auto;max-width:none}
 .invest-grid{grid-template-columns:1fr}
 .invest-card{grid-template-columns:35% 1fr}
 .investigations{margin-top:65px}
 .newsletter{margin-top:65px}
}
@media (max-width:570px){
 .wrap{width:calc(100% - 36px)}
 .preview-ribbon{font-size:12px;line-height:1.45;padding:9px 14px}
 .site-header{height:66px}
 .header-inner{gap:10px}
 .brand{font-size:20px}
 .header-search{height:39px;max-width:130px}
 .header-search input{font-size:13px}
 .mobile-nav-toggle{padding:8px}
 .hero{padding-top:26px;padding-bottom:52px;gap:24px}
 .hero-feature{min-height:565px;padding:0 2px}
 .hero-photo{height:267px}
 .hero-state{top:15px;left:12px}
 .hero-copy{padding-top:210px}
 .hero h1{font-size:clamp(34px,9.2vw,43px);line-height:1.1;margin:10px 0 14px}
 .eyebrow{font-size:12px}
 .hero-description{font-size:16px;line-height:1.56}
 .why{font-size:15px;line-height:1.5;padding-left:14px;margin:15px 0 20px}
 .why strong{font-size:15px}
 .btn{font-size:14px;min-height:47px;padding:11px 16px}
 .reading-time{font-size:13px}
 .state-pill{font-size:12px;padding:6px 10px}
 .trending-panel{padding:19px 15px}
 .panel-heading h2{font-size:25px}
 .text-link{font-size:13px}
 .panel-subtitle{font-size:13px;line-height:1.45;margin:7px 0 12px}
 .rank-row{grid-template-columns:15px 54px minmax(0,1fr) 54px;min-height:96px;gap:9px}
 .rank-img{width:54px;height:54px}
 .rank-name{font-size:14.5px}
 .rank-reason{font-size:12.5px}
 .rank-main .state-pill{font-size:11px;padding:4px 7px}
 .rank-change{font-size:14px}
 .rank-row>.spark{display:none}
 .history-band{padding:55px 0 61px}
 .history-title{font-size:clamp(32px,8.5vw,43px)}
 .history-description{font-size:16px;line-height:1.56}
 .history-reading{font-size:13px}
 .chart-card{padding:18px 13px}
 .chart-head{font-size:13px;flex-wrap:wrap;gap:6px}
 .chart-graph{height:150px}
 .chart-axis-y,.chart-x{font-size:12px}
 .chart-timeline{gap:11px;margin-top:22px}
 .moment{font-size:12px;padding-top:14px}
 .moment strong{font-size:12.5px}
 .lower{padding:53px 0 67px}
 .section-head{margin-bottom:21px;gap:15px}
 .section-head h2{font-size:26px}
 .section-head p{font-size:14px}
 .state-filters{gap:8px;margin:22px 0 22px}
 .filter{font-size:13px;min-height:39px;padding:9px 13px}
 .topic-grid{grid-template-columns:1fr;gap:11px}
 .topic-tile{padding:12px;min-height:99px}
 .topic-tile img{height:76px;width:76px}
 .topic-info strong{font-size:16px}
 .topic-info small{font-size:14px}
 .topic-last .spark{display:flex;width:63px;height:28px}
 .investigations{margin-top:58px}
 .invest-grid{gap:13px}
 .invest-card{grid-template-columns:35% 1fr;min-height:202px}
 .invest-card img{min-height:202px}
 .invest-body{padding:15px 14px}
 .invest-label{font-size:12px;margin-bottom:8px}
 .invest-title{font-size:18px}
 .invest-desc{font-size:13px}
 .invest-time{font-size:12px}
 .newsletter{padding:24px 20px;margin-top:59px;gap:21px}
 .newsletter-intro{gap:14px;align-items:flex-start}
 .newsletter-icon{width:52px;height:52px}
 .newsletter-icon svg{width:26px;height:26px}
 .newsletter h2{font-size:21px}
 .newsletter p{font-size:14px}
 .newsletter form{max-width:none}
 .newsletter input{font-size:14px;min-height:46px}
 .footer{padding:35px 0 42px}
 .footer-inner{font-size:14px;gap:19px}
}
@media (max-width:365px){
 .header-search{display:none}
 .mobile-nav-toggle{margin-left:auto}
 .hero h1{font-size:32px}
 .rank-row{grid-template-columns:13px 45px minmax(0,1fr) 47px;gap:7px}
 .rank-img{height:45px;width:45px}
 .rank-name{font-size:13.5px}
 .rank-reason{font-size:12px}
 .rank-change{font-size:13px}
 .rank-main .state-pill{font-size:10px}
 .newsletter form{flex-wrap:wrap}
 .newsletter form input{flex-basis:100%}
 .newsletter form .btn{flex:1}
}


/* Final narrow-screen safeguards: content must wrap inside its section, never clip. */
.newsletter-intro,.newsletter-intro>div,.newsletter form{min-width:0;max-width:100%}
.newsletter h2,.newsletter p{overflow-wrap:break-word}
@media(max-width:1050px){.newsletter{grid-template-columns:minmax(0,1fr)}}
@media(max-width:570px){
 .newsletter{grid-template-columns:minmax(0,1fr)}
 .newsletter-intro{width:100%}
 .newsletter form{width:100%}
 .section-head{flex-wrap:wrap}
 .section-head .text-link{margin-left:auto}
 .invest-desc{font-size:14px}
}