
:root{--orange:#f58228;--deep:#222b33;--text:#26313b;--sub:#687581;--border:#e6e9ec;--bg:#f7f8fa;--paper:#fff;--muted:#fff4e9;--shadow:0 13px 37px rgba(22,31,42,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.5}body.dark{--bg:#151b20;--paper:#212a31;--text:#f0f4f7;--sub:#aebac3;--border:#34404b;--muted:#362b25;--shadow:0 13px 37px rgba(0,0,0,.15)}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topline{background:var(--deep);color:#dce2e6;font-size:12px}.topline .container{display:flex;align-items:center;justify-content:space-between;min-height:33px;gap:12px}.brand-header{background:var(--paper);border-bottom:1px solid var(--border)}.head{height:85px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;max-width:225px;width:40%;flex-shrink:0}.brand img{width:100%;height:58px;object-fit:contain;object-position:left center}.logo-dark{display:none}body.dark .logo-light{display:none}body.dark .logo-dark{display:block}.searchbox{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:0 15px;flex:1;max-width:480px;margin-left:auto}.searchbox svg{width:18px;stroke:var(--sub)}.searchbox input{background:transparent;border:0;outline:0;min-width:0;width:100%;height:44px;color:var(--text)}.icon-btn{width:42px;height:42px;border:1px solid var(--border);background:var(--paper);border-radius:12px;color:var(--text);font-size:19px;display:grid;place-items:center}.nav{border-bottom:1px solid var(--border);background:var(--paper)}.navinner{display:flex;align-items:center;gap:27px;overflow:auto;scrollbar-width:none;white-space:nowrap;min-height:47px;font-size:13px;font-weight:650}.navinner a{color:var(--sub)}.navinner a.current,.navinner a:hover{color:var(--orange)}.navinner a.current:after{content:"";display:block;height:3px;background:var(--orange);margin-top:12px}.ticker{background:var(--paper);border-bottom:1px solid var(--border)}.ticker .container{padding:11px 0;display:flex;align-items:center;gap:13px;overflow:hidden;font-size:12px}.live{display:flex;align-items:center;gap:6px;color:var(--orange);font-weight:800;white-space:nowrap}.dot{background:var(--orange);width:7px;height:7px;border-radius:100%;box-shadow:0 0 0 4px #f5822820}.ticker-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sub)}main{padding:38px 0 64px}.breadcrumb{color:var(--sub);font-size:12px;margin-bottom:16px}.breadcrumb span{color:var(--orange)}.intro{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);font-weight:800}.intro h1{font-size:clamp(31px,4vw,48px);letter-spacing:-.04em;line-height:1.12;margin:6px 0 10px}.intro p{color:var(--sub);margin:0;max-width:590px}.updated{font-size:12px;color:var(--sub);white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:28px}.feature{position:relative;background:var(--deep);color:#fff;border-radius:19px;padding:25px 30px;display:grid;grid-template-columns:1fr 200px;align-items:center;gap:12px;overflow:hidden;margin-bottom:22px}.feature h2{font-size:clamp(21px,3vw,29px);letter-spacing:-.03em;line-height:1.23;margin:11px 0}.feature p{color:#c5cfd6;font-size:13px;margin:0}.feature .pill{display:inline-block;background:var(--orange);color:#191e24;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:850}.feature .artwork svg{width:100%;max-height:170px}.toolbar{background:var(--paper);border:1px solid var(--border);border-radius:15px;padding:12px;margin-bottom:16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{border:0;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:650;background:transparent;color:var(--sub)}.filter.active{color:#fff;background:var(--deep)}body.dark .filter.active{background:var(--orange);color:#1d2328}.sort{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px;font-size:12px}.results-count{font-size:12px;color:var(--sub);margin:0 0 12px 2px}.story{background:var(--paper);border:1px solid var(--border);border-radius:15px;margin:0 0 12px;display:grid;grid-template-columns:178px minmax(0,1fr) 25px;gap:18px;padding:13px;align-items:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:fadeIn .35s ease both}.story:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#f1b889}.thumb{border-radius:11px;aspect-ratio:1.36;display:grid;place-items:center;overflow:hidden}.thumb svg{width:90%;height:90%;filter:drop-shadow(0 6px 10px #14212c11)}.art-weather{background:#e8f4fb}.art-technology{background:#eeeafc}.art-consumer{background:#e8f6ed}.art-benefits{background:#fff1e5}.art-entertainment{background:#fff0f4}.meta{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--sub);flex-wrap:wrap}.chip{font-size:10px;font-weight:800;color:#c96a20}.chip-technology{color:#8a62c5}.chip-consumer{color:#21825a}.chip-benefits{color:#b57924}.chip-entertainment{color:#cc5980}.story h3{font-size:17px;line-height:1.3;letter-spacing:-.018em;margin:8px 0 6px}.story h3 a:hover{color:var(--orange)}.story p{font-size:12px;color:var(--sub);margin:0 0 7px}.story-foot{font-size:11px;color:var(--sub)}.arrow{align-self:start;color:var(--orange);font-size:22px}.side-card{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:21px;margin-bottom:18px}.side-card h3{margin:0 0 16px;font-size:17px;letter-spacing:-.025em}.side-card p{color:var(--sub);font-size:13px;margin:0 0 16px}.quicklink{border-bottom:1px solid var(--border);padding:10px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650}.quicklink:last-child{border:0;padding-bottom:0}.quicklink span{color:var(--orange)}.orange{color:#fff;background:var(--orange);border:0;padding:12px 15px;border-radius:10px;font-weight:750}.subscribe{display:flex;flex-direction:column;gap:9px}.subscribe input{height:42px;padding:0 12px;border-radius:9px;border:1px solid var(--border);min-width:0;background:var(--bg);color:var(--text)}.note{font-size:11px!important;color:var(--sub)}.empty{padding:42px 20px;text-align:center;border:1px dashed var(--border);border-radius:15px;background:var(--paper)}footer{background:var(--deep);color:#dce4e8;padding:30px 0;font-size:13px}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.foot a{margin-right:15px;color:#dce4e8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.side-card{margin-bottom:0}.feature{grid-template-columns:1fr 160px}}@media(max-width:620px){.container{width:calc(100% - 28px)}.head{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:12px 0}.brand{width:172px;max-width:calc(100% - 60px)}.brand img{height:46px}.head .searchbox{order:3;flex-basis:100%;max-width:none;margin:0}.icon-btn{margin-left:auto}.topline .container span:last-child{display:none}.navinner{gap:19px;min-height:43px}.intro{display:block}.updated{display:block;margin-top:12px}.layout{display:block}.feature{grid-template-columns:1fr 100px;padding:20px;gap:0}.feature .artwork{opacity:.65}.story{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:10px;align-items:start}.story .arrow{display:none}.story h3{font-size:14px;line-height:1.25;margin:6px 0}.story p{display:none}.story-foot{font-size:10px}.thumb{aspect-ratio:1.05}.meta{gap:7px;font-size:10px}.chip{font-size:9px}.sidebar{display:block}.side-card{margin-bottom:16px}.toolbar{align-items:stretch}.filters{width:100%}.filter{padding:8px}.sort{margin-left:auto}.intro h1{font-size:34px}main{padding-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* PPF Phase 3 Global System — editorial typography and accessible fundamentals */
:root{--ppf-accent:#fb8c00;--ppf-link:#9a4c00;--ppf-ink:#282c32;--ppf-bg:#f7f8fa;--ppf-muted:#5a616c;--ppf-line:#e5e9ef;--ppf-font-head:'Manrope',system-ui,-apple-system,sans-serif;--ppf-font-body:'DM Sans',system-ui,-apple-system,sans-serif;--ppf-space:clamp(16px,3vw,32px)}
html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--ppf-font-body);font-size:16px;line-height:1.6;overflow-x:clip}main{min-width:0}main :is(h1,h2,h3,h4){font-family:var(--ppf-font-head);letter-spacing:-.025em;overflow-wrap:break-word}main h1{font-size:clamp(2rem,4.3vw,3rem);line-height:1.13}main h2{font-size:clamp(1.5625rem,3vw,2rem);line-height:1.25}main h3{font-size:clamp(1.3125rem,2.4vw,1.5625rem);line-height:1.3}main :is(p,li){overflow-wrap:break-word}main p{line-height:1.65}main :is(article,.article-content,.article-body,.story-body) p{line-height:1.7}main :is(.article-body,.article-content,.prose){max-width:70ch}main :is(.card-title,.story-title,.news-title){font-size:clamp(18px,1.6vw,20px);line-height:1.35}main :is(.meta,.date,.byline,.timestamp){font-size:max(14px,1em)}main :is(input,select,textarea,button){font-family:var(--ppf-font-body);font-size:max(16px,1em)}main :is(img,svg,video){max-width:100%;height:auto}main :is(.grid,.cards,.card,.story,.shell,.wrap,.container){min-width:0}main a{overflow-wrap:anywhere}main a:not([class]){text-underline-offset:3px}body:not(.dark) main a:not([class]){color:#9a4c00}body.dark main a:not([class]){color:#ffb55a} :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #9a4c00!important;outline-offset:3px!important}body.dark :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#ffb55a!important} main :is(.badge,.eyebrow,.overline,.kicker){letter-spacing:.025em}main :is(.button,.btn,button){min-height:40px}body.dark{color-scheme:dark}main :is([style*='grid-template-columns'],.grid){max-width:100%}@media(max-width:639px){body{font-size:16px}main{padding-inline:max(0px,env(safe-area-inset-left))}main :is(h1,h2,h3){max-width:100%}main :is(input,select,textarea){max-width:100%}main :is(.grid,.cards){grid-template-columns:minmax(0,1fr)} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* PPF Informer — Phase 3 Typography Verification Patch. Applied after legacy styles. */
:root{--ppf-type-body:17px;--ppf-type-article:18px;--ppf-type-nav:15px;--ppf-type-footer:15px;--ppf-type-meta:14px}
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{font-size:var(--ppf-type-body)!important;line-height:1.65}
main p,main .summary,main .story-copy p,main .lead-copy p,main .hero-copy p,main .copy p,main .mini-copy p,main .spotlight-copy p,main .term-section p,main .nl-desc,main .error-copy,main .inquiry-copy{font-size:17px!important;line-height:1.7!important}
main .article-content p,main .article-body p,main .post-content p,main .reading-content p{font-size:18px!important;line-height:1.75!important}
main h1{font-size:clamp(30px,3.5vw,48px)!important;line-height:1.18!important}
main h2{font-size:clamp(25px,2.6vw,32px)!important;line-height:1.28!important}
main h3{font-size:clamp(21px,2vw,25px)!important;line-height:1.32!important}
main :is(.story-copy,.lead-body,.card-body,.article-card,.story-card,.story-foot) :is(h2,h3){font-size:clamp(19px,1.6vw,22px)!important;line-height:1.35!important}
header :is(nav a,.nav a,.nav-inner a,.navinner a,.menu a), .site-header :is(nav a,.nav a), .ppf-site-header :is(nav a,.nav a){font-size:15px!important;line-height:1.5!important}
footer :is(h2,h3,h4,.foot-title,.footer-title,.footer-heading,.footer-head),.footer :is(h2,h3,h4,.foot-title,.footer-title,.footer-heading,.footer-head),.foot :is(h2,h3,h4){font-size:16px!important;line-height:1.4!important}
footer :is(a,li,p,.foot-desc,.footer-description),.footer :is(a,li,p,.foot-desc,.footer-description),.foot :is(a,li,p){font-size:15px!important;line-height:1.65!important}
footer :is(.copyright,.legal,.foot-bottom),.footer :is(.copyright,.legal,.foot-bottom),.foot :is(.copyright,.legal,.foot-bottom){font-size:13px!important}
main :is(.meta,.story-foot,.card-foot,.updated,.date,.article-meta,.read-time){font-size:14px!important;line-height:1.5!important}
main :is(.label,.eyebrow,.kicker,.section-label,.nl-section-label,.term-label){font-size:13px!important;line-height:1.4!important;letter-spacing:.04em}
main :is(input,select,textarea),header :is(input,select),footer :is(input,select){font-size:16px!important}
@media(max-width:767px){body{font-size:17px!important}main h1{font-size:clamp(28px,7vw,34px)!important}main h2{font-size:clamp(23px,5.5vw,27px)!important}main h3{font-size:clamp(20px,4.8vw,23px)!important}header :is(nav a,.nav a,.nav-inner a,.navinner a,.menu a){font-size:15px!important}main :is(.story-copy,.lead-body,.card-body,.article-card,.story-card) :is(h2,h3){font-size:19px!important}}
