@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&display=swap');
:root{--ink:#151515;--paper:#fff;--muted:#646464;--line:#d9d9d9;--soft:#f5f5f3;--red:#d71920;--red-dark:#a90f15;--max:1280px;--serif:'Source Serif 4',Georgia,serif;--sans:'Inter',Arial,sans-serif;--shadow:0 8px 30px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}body.dark{--paper:#0d0e10;--ink:#f3f3f3;--muted:#aaa;--line:#303236;--soft:#17181b;--shadow:none}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.reading-bar{position:fixed;top:0;left:0;width:0;height:3px;background:var(--red);z-index:5000}.utility-bar{background:#111;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.utility-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.masthead{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000;transition:box-shadow .25s ease}.masthead.scrolled{box-shadow:0 4px 18px rgba(0,0,0,.06)}.mast-row{min-height:88px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center}.brand img{width:178px;height:auto}.logo-dark{display:block!important}.logo-light{display:none!important}body.dark .logo-dark{display:none!important}body.dark .logo-light{display:block!important}.brand-fallback{display:none}.mast-note{text-align:center;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.mast-actions{display:flex;align-items:center;gap:8px}.header-link{font-size:12px;font-weight:700;padding:9px 12px;border:1px solid var(--line)}.theme-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}.theme-btn{border-radius:50%}.menu-btn{border-radius:50%;position:relative;display:grid;place-items:center}.menu-btn span,.menu-btn i,.menu-btn b{position:absolute;width:18px;height:2px;background:currentColor;display:block}.menu-btn span{transform:translateY(-6px)}.menu-btn b{transform:translateY(6px)}.menu-btn i{font-style:normal}.menu-btn.open span{transform:rotate(45deg)}.menu-btn.open b{transform:rotate(-45deg)}.menu-btn.open i{opacity:0}.category-bar{background:var(--paper);border-bottom:1px solid var(--line)}.category-scroll{display:flex;overflow:auto;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-link{padding:12px 13px 11px;font-size:12px;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.category-link.active,.category-link:hover{border-color:var(--red);color:var(--red)}.ticker{background:var(--red);color:#fff}.ticker-inner{height:36px;display:flex;align-items:center;overflow:hidden}.ticker strong{font-size:10px;padding-right:18px;border-right:1px solid rgba(255,255,255,.35);letter-spacing:.14em}.ticker-track{display:flex;gap:34px;padding-left:18px;white-space:nowrap;font-size:11px;font-weight:700;animation:ticker 34s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-45%)}}
/* homepage */
.lead-section{padding:30px 0 10px}.section-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--red);margin-bottom:9px}.lead-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.9fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}.lead-image{position:relative;min-height:500px;background:#ddd;overflow:hidden}.lead-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.lead-image:hover img{transform:scale(1.018)}.image-credit{position:absolute;left:14px;bottom:12px;background:rgba(0,0,0,.68);color:#fff;padding:4px 7px;font-size:8px;letter-spacing:.1em}.lead-copy{padding:38px 38px 32px;display:flex;flex-direction:column;justify-content:center}.lead-copy h1{font:600 clamp(2.1rem,4vw,3.65rem)/1.06 var(--serif);letter-spacing:-.035em;margin:0 0 17px;max-width:720px}.lead-copy p{font-size:15px;line-height:1.65;color:var(--muted);max-width:650px;margin:0 0 20px}.lead-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding-top:13px;border-top:1px solid var(--line)}.read-link{margin-top:22px;font-size:12px;font-weight:800;color:var(--red);display:inline-flex;gap:7px;align-items:center}.read-link span{font-size:17px;transition:transform .2s}.read-link:hover span{transform:translateX(4px)}.lead-secondary{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.secondary-lead{display:grid;grid-template-columns:175px 1fr;gap:17px;padding:18px 0;margin-right:22px}.secondary-lead+.secondary-lead{border-left:1px solid var(--line);padding-left:22px;margin-right:0}.secondary-lead img{width:175px;height:115px;object-fit:cover}.secondary-lead h2{font:600 1.25rem/1.25 var(--serif);margin:5px 0 9px}.story-cat{font-size:10px;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.story-meta{font-size:10px;color:var(--muted)}
.section-block{padding:38px 0 4px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:20px}.section-title{font:600 clamp(1.7rem,2.6vw,2.45rem)/1.08 var(--serif);margin:0;letter-spacing:-.03em}.section-link{font-size:11px;font-weight:800;color:var(--red)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-card{background:var(--paper);border-bottom:1px solid var(--ink);overflow:hidden;transition:transform .22s ease}.story-card:hover{transform:translateY(-3px)}.story-image{height:215px;overflow:hidden;background:var(--soft)}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.story-card:hover .story-image img{transform:scale(1.025)}.story-body{padding:14px 2px 19px}.story-title{font:600 1.22rem/1.28 var(--serif);margin:6px 0 9px}.story-excerpt{font-size:12px;color:var(--muted);margin:0 0 11px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:38px 155px 1fr 30px;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.news-number{font:600 16px var(--serif);color:var(--red)}.news-row img{width:155px;height:96px;object-fit:cover}.news-row h3{font:600 1.12rem/1.28 var(--serif);margin:4px 0 6px}.news-row p{font-size:12px;color:var(--muted);margin:0 0 5px}.row-arrow{font-size:21px;color:var(--red);text-align:right}.split-news{display:grid;grid-template-columns:1.7fr .9fr;gap:36px}.most-read{border-top:2px solid var(--ink)}.most-read-row{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.most-read-row strong{font:600 18px var(--serif);color:var(--red)}.most-read-row h3{font:600 1rem/1.3 var(--serif);margin:0}.most-read-row p{font-size:10px;color:var(--muted);margin:4px 0 0}.category-section{padding:42px 0 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-panel{border-top:2px solid var(--ink);padding-top:11px}.category-panel h3{font:600 1.45rem var(--serif);margin:0 0 13px}.category-story{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.category-story:first-of-type{border-top:0}.category-story img{width:105px;height:72px;object-fit:cover}.category-story h4{font:600 .98rem/1.25 var(--serif);margin:0}.category-story span{font-size:9px;color:var(--muted)}.topic-band{margin-top:46px;background:var(--soft);padding:38px 0 46px;border-top:1px solid var(--line)}.topic-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);margin-top:18px}.topic{background:var(--paper);padding:17px;font-weight:700;font-size:12px;display:flex;justify-content:space-between}.topic:hover{color:var(--red)}.topic span{color:var(--red)}
/* article */
.article-wrap{width:min(calc(100% - 40px),1060px);margin:0 auto;padding:52px 0 70px}.article-head{text-align:center;max-width:930px;margin:0 auto 28px}.article-cat{display:inline-block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px}.article-title{font:600 clamp(2.6rem,5vw,4.8rem)/1.03 var(--serif);letter-spacing:-.045em;margin:0 auto 17px}.article-dek{font:italic 500 clamp(1.05rem,1.8vw,1.35rem)/1.55 var(--serif);color:var(--muted);max-width:760px;margin:0 auto 18px}.article-meta{font-size:11px;color:var(--muted);padding-top:14px;border-top:1px solid var(--line);display:inline-block}.article-cover{margin:32px auto 0;max-width:1040px}.article-cover img{width:100%;max-height:640px;object-fit:cover}.image-caption{font-size:10px;color:var(--muted);margin-top:7px}.share-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:15px 0 35px;border-bottom:1px solid var(--line);padding-bottom:14px}.share-label{font-size:9px;font-weight:800;letter-spacing:.12em;margin-right:4px}.share-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.share-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.share-btn svg{width:14px;height:14px;fill:currentColor}.article-body{max-width:720px;margin:0 auto;font:400 1.08rem/1.82 var(--serif)}.article-body>p:first-child{font-size:1.2rem}.article-body p{margin:0 0 1.35em}.article-body h2{font:600 2rem/1.15 var(--serif);margin:2.2em 0 .7em}.article-body h3{font:600 1.4rem var(--serif);margin:2em 0 .6em}.article-body img{width:100%;height:auto;margin:26px 0}.article-body blockquote{border-left:3px solid var(--red);padding:4px 0 4px 20px;margin:30px 0;font-style:italic}.article-body ul,.article-body ol{padding-left:1.4em}.article-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.faq-section{max-width:800px;margin:50px auto 0;border-top:2px solid var(--ink)}.faq-section h2{font:600 2rem var(--serif);margin:18px 0 10px}.faq-section details{border-top:1px solid var(--line);padding:0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;list-style:none;padding:17px 35px 17px 0;font:600 1.05rem/1.35 var(--sans);position:relative}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:'+';position:absolute;right:4px;top:13px;font-size:22px;color:var(--red)}.faq-section details[open] summary:after{content:'−'}.faq-answer{padding:0 35px 17px 0;color:var(--muted);font-size:.98rem;line-height:1.7}.related-section{max-width:1060px;margin:55px auto 0;border-top:2px solid var(--ink);padding-top:15px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-card img{width:100%;height:155px;object-fit:cover}.related-card .story-cat{margin-top:9px}.related-card h3{font:600 1.15rem/1.25 var(--serif);margin:5px 0}.related-card p{font-size:11px;color:var(--muted);margin:0}.article-footer-links{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:45px;padding-top:15px;font-size:11px;font-weight:700}.article-footer-links a:hover{color:var(--red)}
/* pages */
.page-hero{border-bottom:1px solid var(--line);padding:48px 0 28px}.page-card{max-width:900px}.page-card h1{font:600 clamp(2.5rem,5vw,4.5rem)/1.02 var(--serif);letter-spacing:-.04em;margin:0 0 13px}.page-card p{font:400 1.1rem/1.65 var(--serif);color:var(--muted);max-width:760px}.static-body{max-width:780px;margin:auto;padding:45px 0 75px;font:400 1.08rem/1.82 var(--serif)}.static-body h2{font:600 2rem/1.15 var(--serif);margin:2em 0 .65em}.static-body h2:first-child{margin-top:0}.static-body p{margin:0 0 1.25em}.static-body a{color:var(--red);text-decoration:underline}.search-page{padding:45px 0 75px}.search-form{display:flex;gap:8px;max-width:760px}.search-form input{flex:1;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:14px 15px;font-size:15px}.search-form button{border:0;background:var(--red);color:#fff;padding:0 20px;font-weight:800}.search-info{font-size:11px;color:var(--muted);margin:15px 0}.search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:22px}.empty{padding:45px 20px;border:1px solid var(--line);background:var(--paper);text-align:center}.empty h1,.empty h2{font:600 2rem var(--serif)}.hero-cta{display:inline-block;background:var(--red);color:#fff;padding:11px 16px;font-weight:700;margin-top:12px}
/* navigation/footer */
.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(88vw,390px);background:#111;color:#fff;z-index:2200;transform:translateX(102%);transition:transform .3s ease;padding:75px 24px 24px;overflow:auto}.mobile-drawer.open{transform:none}.drawer-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid #444;background:none;color:#fff;font-size:25px}.drawer-brand{margin-bottom:5px}.drawer-brand img{width:170px;filter:brightness(0) invert(1)}.drawer-intro{color:#aaa;font-size:12px;margin:0 0 25px}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-link{padding:12px;border:1px solid #333;font-size:12px}.drawer-link:hover{background:var(--red)}.drawer-more{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px;padding-top:20px;border-top:1px solid #333;font-size:12px}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2100;opacity:0;pointer-events:none;transition:.25s}.drawer-overlay.open{opacity:1;pointer-events:auto}.footer{margin-top:55px;background:#111;color:#fff}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:44px 0}.footer-logo{font:600 34px var(--serif)}.footer-logo span{color:#e33}.footer-brand p{color:#aaa;font-size:12px;max-width:320px}.footer-col{display:flex;flex-direction:column;gap:9px;font-size:11px}.footer-col strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ddd;margin-bottom:5px}.footer-col a{color:#aaa}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;padding:14px 0;display:flex;justify-content:space-between;color:#888;font-size:10px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.mast-row{grid-template-columns:180px 1fr auto;gap:16px}.mast-note{font-size:9px}.lead-grid{grid-template-columns:1fr}.lead-image{min-height:390px}.lead-copy{padding:28px 24px}.lead-copy h1{font-size:2.55rem}.split-news{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.story-grid,.search-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(calc(100% - 24px),var(--max))}.utility-inner{min-height:27px;font-size:8px}.utility-inner span:nth-child(2){display:none}.mast-row{min-height:68px;grid-template-columns:1fr auto;gap:8px}.brand img{width:148px}.mast-note,.header-link{display:none}.theme-btn,.menu-btn{width:38px;height:38px}.category-link{padding:10px 9px 9px;font-size:10px}.ticker-inner{height:32px}.ticker-track{gap:22px;font-size:9px}.lead-section{padding-top:20px}.lead-image{min-height:245px}.lead-copy{padding:20px 15px 22px}.lead-copy h1{font-size:1.9rem;line-height:1.1;letter-spacing:-.025em}.lead-copy p{font-size:13px;line-height:1.55}.secondary-lead,.secondary-lead+.secondary-lead{grid-template-columns:118px 1fr;gap:12px;margin:0;padding:15px 0;border-left:0}.secondary-lead+.secondary-lead{border-top:1px solid var(--line)}.secondary-lead img{width:118px;height:80px}.secondary-lead h2{font-size:1rem}.section-block{padding-top:29px}.section-head{margin-bottom:14px}.story-grid,.search-grid,.related-grid{grid-template-columns:1fr;gap:18px}.story-image{height:205px}.story-title{font-size:1.08rem}.news-row{grid-template-columns:25px 92px 1fr;gap:10px}.news-row img{width:92px;height:70px}.news-row h3{font-size:.95rem}.news-row p,.row-arrow{display:none}.category-grid{grid-template-columns:1fr}.topic-list{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.article-wrap{width:min(calc(100% - 24px),1060px);padding:34px 0 55px}.article-head{margin-bottom:18px}.article-title{font-size:2.35rem;line-height:1.05;letter-spacing:-.035em}.article-dek{font-size:1rem}.article-cover{margin-top:24px}.article-cover img{max-height:420px}.share-row{margin:12px 0 28px}.share-btn{padding:7px 8px;font-size:9px}.article-body{font-size:1.03rem;line-height:1.78}.article-body>p:first-child{font-size:1.1rem}.article-body h2{font-size:1.7rem}.faq-section{margin-top:38px}.faq-section h2{font-size:1.7rem}.related-section{margin-top:42px}.page-hero{padding:35px 0 23px}.page-card h1{font-size:2.6rem}.static-body{padding:32px 0 55px;font-size:1rem}.static-body h2{font-size:1.65rem}.search-page{padding:32px 0 55px}.search-form button{padding:0 14px}.footer-bottom{font-size:9px;gap:12px}.footer-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* PAKBLOG 7.0 FINAL EDITORIAL SYSTEM */
.mast-actions .header-link{display:inline-flex;align-items:center;gap:7px}.mast-actions .header-link svg{width:15px;height:15px}.mobile-drawer{box-shadow:-20px 0 60px rgba(0,0,0,.28)}.drawer-brand img{width:185px;filter:none}.drawer-link-primary{background:#e21b23;border-color:#e21b23;color:#fff;font-weight:800}.drawer-grid-featured{margin-bottom:8px}.footer-brand-link{display:inline-flex}.footer-brand-link img{width:210px;max-width:100%}.footer-brand-link:hover{opacity:.88}.footer-social{display:flex;gap:14px;margin-top:14px;font-size:11px;color:#aaa}.footer-social a:hover{color:#fff}.search-intro{border-top:2px solid var(--ink);padding:32px 0 28px;margin-bottom:24px}.search-intro h1{font:600 clamp(2.5rem,5vw,4.3rem)/1.02 var(--serif);letter-spacing:-.04em;margin:0 0 10px}.search-intro p{font:400 1.15rem/1.6 var(--serif);color:var(--muted);margin:0}.search-page{padding:46px 0 75px}.search-form{border-top:1px solid var(--line);padding-top:18px}.search-form input{min-height:52px}.search-form button{min-width:118px}.ticker{display:none}.article-title{max-width:900px}.share-row{justify-content:flex-start}.share-btn{border-radius:999px}.faq-section{scroll-margin-top:90px}.footer{border-top:4px solid #e21b23}.footer-logo{display:none}
@media(max-width:620px){.utility-inner span:first-child{font-weight:800}.mast-row{min-height:72px}.brand img{width:150px}.mast-actions{gap:5px}.theme-btn,.menu-btn{width:40px;height:40px}.category-link{padding:11px 11px 10px;font-size:11px}.lead-section{padding-top:22px}.lead-image{min-height:270px}.lead-copy{padding:22px 16px 24px}.lead-copy h1{font-size:2rem;line-height:1.08}.lead-copy p{font-size:13px}.article-title{font-size:2.2rem;line-height:1.06}.article-dek{font-size:1rem}.article-body{font-size:1.02rem}.share-row{gap:6px}.share-label{width:100%;margin-bottom:2px}.share-btn{font-size:9px;padding:7px 9px}.search-intro{padding:26px 0 20px}.search-intro h1{font-size:2.5rem}.search-intro p{font-size:1rem}.search-form{display:grid;grid-template-columns:1fr;gap:8px}.search-form button{height:48px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand-link img{width:175px}.footer-col{font-size:10px}.drawer-brand img{width:170px}}

/* 7.2 final stability/polish */
.mast-actions svg{width:18px;height:18px;display:block}.header-link{display:inline-flex;align-items:center;gap:7px}.header-link svg{width:16px;height:16px}.brand{min-width:0}.brand img{display:block}.footer-brand-link img,.drawer-brand img{display:block}.mobile-drawer{overscroll-behavior:contain}.search-suggestions{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.search-input-wrap{position:relative}.search-suggestion{display:block;width:100%;text-align:left;background:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:12px 14px;cursor:pointer}.search-suggestion:hover{background:var(--soft)}.search-form input{outline:none}.search-form input:focus{border-color:var(--ink);box-shadow:0 0 0 2px rgba(215,25,32,.12)}
@media(max-width:620px){.brand img{width:150px}.mast-actions{flex-shrink:0}.mast-row{grid-template-columns:minmax(0,1fr) auto}.lead-copy h1{max-width:100%}.article-head{text-align:left}.article-dek{margin-left:0}.article-meta{display:block}.article-cover{margin-left:0;margin-right:0}.share-row{align-items:center}.share-label{width:auto;margin-bottom:0}.faq-section,.related-section{width:100%}}


/* PAKBLOG 8.0 — premium engagement layer */
:root{--ease-editorial:cubic-bezier(.22,.61,.36,1)}
body{overflow-x:hidden}.masthead.scrolled{box-shadow:0 8px 28px rgba(0,0,0,.08)}
.ticker{display:block;overflow:hidden}.ticker-inner{height:38px}.ticker-track{min-width:max-content}.ticker-track a{color:#fff}.ticker-track span{opacity:.55}
.trend-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.trend-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:17px 16px;border-right:1px solid var(--line);transition:background .22s var(--ease-editorial),transform .22s var(--ease-editorial)}
.trend-item:last-child{border-right:0}.trend-item:hover{background:var(--soft);transform:translateY(-2px)}.trend-item strong{font:600 20px var(--serif);color:var(--red)}.trend-item h3{font:600 1rem/1.25 var(--serif);margin:5px 0}.trend-item span{font-size:9px;color:var(--muted)}
.story-card,.secondary-lead,.news-row,.category-story,.topic,.related-card{transition:transform .28s var(--ease-editorial),background .28s var(--ease-editorial),box-shadow .28s var(--ease-editorial)}
.story-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.07)}.story-card:hover .story-image img,.lead-image:hover img{transform:scale(1.035)}
.story-image,.lead-image,.related-card img,.category-story img{overflow:hidden}.story-image img,.lead-image img,.related-card img,.category-story img{transition:transform .65s var(--ease-editorial)}
.article-mobile-share{display:none}.article-body h2{scroll-margin-top:110px}.article-body blockquote{border-left:3px solid var(--red);padding:5px 0 5px 20px;margin:30px 0;font:500 1.35rem/1.45 var(--serif);color:var(--ink)}.article-body img{border-radius:2px}.article-body table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:28px 0}.article-body th,.article-body td{padding:10px 12px;border:1px solid var(--line);text-align:left}.article-body th{background:var(--soft)}
.reveal{will-change:transform,opacity}.section-block{content-visibility:auto;contain-intrinsic-size:500px 600px}.category-section{content-visibility:auto;contain-intrinsic-size:500px 700px}
@media(max-width:950px){.trend-list{grid-template-columns:repeat(2,1fr)}.trend-item:nth-child(2n){border-right:0}.trend-item:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:620px){.ticker-inner{height:34px}.ticker strong{font-size:8px;padding-right:12px}.ticker-track{gap:18px;font-size:9px}.trend-list{grid-template-columns:1fr}.trend-item{border-right:0;border-bottom:1px solid var(--line);padding:13px 0}.trend-item:last-child{border-bottom:0}.trend-item:nth-child(n+3){border-top:0}.trend-item h3{font-size:1rem}.story-card:hover{transform:none;box-shadow:none}.article-mobile-share{position:fixed;left:12px;right:12px;bottom:12px;z-index:1800;display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(17,17,17,.94);color:#fff;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(130%);transition:transform .3s var(--ease-editorial);font-size:10px}.article-mobile-share.show{transform:none}.article-mobile-share span{font-weight:800;margin-right:auto}.article-mobile-share a,.article-mobile-share button{border:0;background:#fff;color:#111;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.article-body blockquote{font-size:1.2rem;margin:24px 0}.article-body table{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-card,.trend-item,.article-mobile-share,.story-image img,.lead-image img{transition:none!important}}

/* Author profile block (v9.5) */
.author-meta{display:flex;align-items:center;justify-content:flex-start;gap:11px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);line-height:1.4;text-align:left;width:100%;max-width:100%;box-sizing:border-box}.author-avatar{display:block;width:36px;height:48px;flex:0 0 36px;object-fit:contain;object-position:center;border-radius:5px;border:1px solid var(--line,#e5e7eb);background:var(--soft,#f3f4f6)}.author-meta>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.author-meta strong{font-size:14px;font-weight:700;line-height:1.25}.author-meta small{font-size:12px;line-height:1.4;opacity:.78}


/* PAKBLOG 14.0 — reference-inspired teal editorial redesign */
:root{--brand-teal:#0d9488;--brand-teal-dark:#075f60;--brand-ink:#102640;--brand-muted:#536779;--brand-bg:#f5fafb;--brand-border:#e4edf0;--brand-shadow:0 10px 30px rgba(16,38,64,.055)}
body{background:linear-gradient(180deg,#fff 0,#f7fbfc 70%,#fff 100%);color:var(--brand-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{width:min(calc(100% - 44px),1330px)}
.utility-bar{background:#f5fbfb;color:#607487;border-bottom:1px solid #edf3f4}.utility-inner{min-height:29px;font-size:10px;letter-spacing:.12em}.utility-inner span:first-child{color:var(--brand-teal-dark);font-weight:900}
.masthead{background:rgba(255,255,255,.96);border-bottom:1px solid var(--brand-border);backdrop-filter:blur(14px)}.mast-row{min-height:84px;grid-template-columns:270px 1fr auto;gap:22px}.brand img{width:270px;max-width:100%;height:auto}.brand .logo-light{display:none}.mast-note{color:var(--brand-muted);font-size:11px;letter-spacing:.18em;font-weight:700;text-align:center}.mast-note span{color:var(--brand-teal)}.mast-actions{gap:10px}.header-link,.theme-btn,.menu-btn{border:1px solid var(--brand-border);border-radius:999px;background:#fff;color:var(--brand-ink);min-height:42px}.header-link{padding:0 17px}.theme-btn,.menu-btn{width:42px;height:42px}.header-link:hover,.theme-btn:hover,.menu-btn:hover{border-color:var(--brand-teal);color:var(--brand-teal)}
.category-bar{background:#fff;border-bottom:1px solid var(--brand-border)}.category-scroll{gap:0;justify-content:space-between}.category-link{padding:17px 12px 15px;font-size:12px;font-weight:700;color:#243c55;white-space:nowrap;border-bottom:3px solid transparent}.category-link:hover,.category-link.active{color:var(--brand-teal-dark);border-bottom-color:var(--brand-teal)}
.home-hero{width:min(calc(100% - 44px),1330px);margin:25px auto 0;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:24px;align-items:stretch}.home-hero-main{display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;border-radius:15px;background:#eef7f8;min-height:360px;box-shadow:var(--brand-shadow)}.feature-image{display:block;position:relative;min-height:360px;overflow:hidden;background:#dce9e9}.feature-image img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform .5s}.feature-image:hover img{transform:scale(1.035)}.feature-chip,.visual-tag{position:absolute;left:15px;bottom:14px;background:var(--brand-teal);color:white;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.02em}.feature-copy{padding:35px 29px 25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{display:block;color:var(--brand-teal-dark);font-size:10px;font-weight:850;letter-spacing:.17em;margin-bottom:11px}.feature-copy h1{font-size:clamp(25px,2.1vw,36px);line-height:1.13;letter-spacing:-.045em;margin:0 0 13px;color:var(--brand-ink);font-weight:800}.feature-copy p{font-size:14px;line-height:1.7;color:#52677b;margin:0 0 22px}.green-button{display:inline-flex;align-items:center;gap:18px;border-radius:999px;padding:12px 18px;background:var(--brand-teal);color:white;font-size:12px;font-weight:800;box-shadow:0 6px 14px rgba(13,148,136,.18)}.green-button:hover{background:var(--brand-teal-dark);transform:translateY(-1px)}.feature-dots{display:flex;gap:7px;margin-top:auto;padding-top:25px}.feature-dots i{width:9px;height:9px;border:1px solid #8bb8b8;border-radius:50%;display:block}.feature-dots i:first-child{background:var(--brand-ink);border-color:var(--brand-ink)}.feature-dots i:nth-child(4){background:#dbe8e9;border-color:#dbe8e9}
.trending-panel{padding:4px 0 0;min-width:0}.trending-panel h2{font-size:17px;margin:0 0 10px;font-weight:800;display:flex;gap:9px;align-items:center}.trending-panel h2 span{color:var(--brand-teal);font-size:22px}.trending-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid var(--brand-border);min-width:0}.trending-row:last-child{border-bottom:0}.trending-row img{width:112px;height:73px;object-fit:cover;border-radius:9px;background:#eaf1f2}.trending-row strong{display:block;font-size:12px;line-height:1.38;color:var(--brand-ink);font-weight:750}.trending-row small{display:block;color:var(--brand-teal-dark);font-size:10px;margin-top:7px}.trending-row:hover strong{color:var(--brand-teal-dark)}
.home-section{width:min(calc(100% - 44px),1330px);margin:27px auto 0}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.home-section-head h2{font-size:24px;line-height:1.15;margin:0;letter-spacing:-.035em;font-weight:850;color:var(--brand-ink)}.home-section-head .eyebrow{margin-bottom:5px}.view-all{font-size:11px;font-weight:750;color:var(--brand-teal-dark);white-space:nowrap}.view-all span{font-size:17px;margin-left:4px}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.visual-card{display:block;min-width:0;background:white;border:1px solid #e8eff0;border-radius:11px;overflow:hidden;box-shadow:0 3px 12px rgba(16,38,64,.025);transition:transform .2s,box-shadow .2s}.visual-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(16,38,64,.09)}.visual-card-image{height:150px;position:relative;overflow:hidden;background:#e7eeee}.visual-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.visual-card:hover .visual-card-image img{transform:scale(1.04)}.visual-card-image .visual-tag{bottom:10px;left:10px;padding:5px 10px;font-size:9px}.visual-card-body{padding:11px 12px 13px}.visual-card-body h3{font-size:14px;line-height:1.32;letter-spacing:-.015em;font-weight:800;margin:0 0 7px;color:var(--brand-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}.visual-card-body p{font-size:11px;line-height:1.5;color:#617486;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visual-card-body small{font-size:9px;color:#738596}
.explore-banner{width:min(calc(100% - 44px),1330px);margin:25px auto 0;padding:19px 25px;display:flex;align-items:center;gap:18px;border-radius:12px;background:linear-gradient(110deg,#075b60,#087f80 55%,#064e59);color:white;box-shadow:0 8px 22px rgba(7,95,96,.14)}.leaf-mark{font-size:49px;line-height:1;color:#8bd9c4}.explore-banner h2{margin:0 0 4px;font-size:18px;font-weight:850}.explore-banner p{margin:0;color:#d2eeee;font-size:12px}.explore-banner>a{margin-left:auto;display:inline-flex;gap:12px;align-items:center;white-space:nowrap;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:10px 14px;font-size:10px;font-weight:800}.explore-banner>a:hover{background:#fff;color:#075b60}.topic-pills{width:min(calc(100% - 44px),1330px);margin:15px auto 45px;display:flex;flex-wrap:wrap;gap:9px}.topic-pills a{border:1px solid var(--brand-border);background:white;border-radius:999px;padding:9px 13px;font-size:11px;color:#345168}.topic-pills a span{color:var(--brand-teal);margin-left:5px}
.footer{border-top:1px solid var(--brand-border);background:#10283a;color:#d8e5eb}.footer-brand-link img{width:225px}.footer-brand-link .logo-dark{display:block}.footer-brand-link .logo-light{display:none}.footer p{color:#afc2cd}.footer-col a,.footer-bottom{color:#b9cbd3}.footer-col a:hover{color:#7fe0cd}
@media(max-width:1050px){.wrap{width:min(calc(100% - 32px),1330px)}.mast-row{grid-template-columns:220px 1fr auto;gap:14px}.brand img{width:220px}.mast-note{font-size:9px}.home-hero{width:calc(100% - 32px);grid-template-columns:minmax(0,1.6fr) minmax(255px,.8fr);gap:17px}.home-hero-main{grid-template-columns:1fr}.feature-image,.feature-image img{min-height:260px;height:260px}.feature-copy{padding:23px}.feature-dots{padding-top:15px}.trending-row{grid-template-columns:88px minmax(0,1fr);gap:10px}.trending-row img{width:88px;height:64px}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-section,.explore-banner,.topic-pills{width:calc(100% - 32px)}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.utility-inner{min-height:25px;font-size:8px}.utility-inner span:nth-child(2){display:none}.mast-row{min-height:69px;grid-template-columns:minmax(0,1fr) auto;gap:7px}.brand img{width:194px}.mast-note,.header-link{display:none}.mast-actions{gap:6px}.theme-btn,.menu-btn{width:38px;height:38px;min-height:38px}.category-scroll{width:100%;padding:0 10px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-link{padding:13px 12px 11px;font-size:11px}.home-hero{width:calc(100% - 24px);margin:16px auto 0;grid-template-columns:1fr;gap:19px}.home-hero-main{grid-template-columns:1fr;border-radius:13px}.feature-image,.feature-image img{height:235px;min-height:235px}.feature-copy{padding:19px 18px 17px}.feature-copy h1{font-size:27px;line-height:1.13}.feature-copy p{font-size:13px;margin-bottom:16px}.feature-dots{padding-top:16px}.trending-panel{padding:0 3px}.trending-panel h2{font-size:17px;margin-bottom:5px}.trending-row{grid-template-columns:96px minmax(0,1fr);padding:9px 0;gap:12px}.trending-row img{width:96px;height:66px}.trending-row strong{font-size:12px}.home-section{width:calc(100% - 24px);margin-top:27px}.home-section-head{margin-bottom:12px}.home-section-head h2{font-size:22px}.home-section-head .eyebrow{font-size:9px}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.visual-card{border-radius:10px}.visual-card-image{height:123px}.visual-card-body{padding:9px 9px 11px}.visual-card-body h3{font-size:12px;line-height:1.32;min-height:32px;margin-bottom:6px}.visual-card-body p{font-size:10px;line-height:1.42;margin-bottom:7px}.visual-card-body small{font-size:8px}.visual-card-image .visual-tag{left:7px;bottom:7px;padding:4px 8px;font-size:8px}.explore-banner{width:calc(100% - 24px);padding:16px;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-top:23px}.leaf-mark{font-size:34px}.explore-banner>div:nth-child(2){flex:1;min-width:0}.explore-banner h2{font-size:16px}.explore-banner p{font-size:11px;line-height:1.5}.explore-banner>a{margin:5px 0 0 44px;padding:9px 12px}.topic-pills{width:calc(100% - 24px);margin:13px auto 32px;gap:7px}.topic-pills a{padding:8px 10px;font-size:10px}.footer-brand-link img{width:190px}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1}}
@media(max-width:380px){.brand img{width:174px}.visual-grid{gap:8px}.visual-card-image{height:105px}.visual-card-body h3{font-size:11px}.visual-card-body p{display:none}.feature-copy h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.visual-card,.visual-card-image img,.feature-image img{transition:none!important}}

/* PAKBLOG 15.0 — complete site-wide visual system (homepage, article, blog, category, search, static/legal pages) */
:root{--ink:#102641;--paper:#fff;--muted:#617184;--line:#e1e9ee;--soft:#f2f8f8;--red:#078c80;--red-dark:#066b64;--max:1320px;--serif:'Inter',Arial,sans-serif;--sans:'Inter',Arial,sans-serif;--shadow:0 10px 34px rgba(15,45,70,.075);--teal:#0b9486;--navy:#102641;--mint:#e9f7f4;--ease-editorial:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding-top:120px}body{background:linear-gradient(180deg,#f8fbfc 0,#fff 380px);color:var(--ink);font-size:15px}body.dark{--ink:#e9f2f7;--paper:#101a25;--muted:#a6b8c6;--line:#2a3a49;--soft:#172634;--shadow:0 10px 34px rgba(0,0,0,.22);background:#101a25}.wrap{width:min(calc(100% - 48px),var(--max))}.utility-bar{background:#102641;color:#e8f4f6}.utility-inner{min-height:28px;font-size:10px;letter-spacing:.12em}.masthead{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e4edf0}body.dark .masthead{background:rgba(16,26,37,.94)}.mast-row{min-height:88px;grid-template-columns:235px minmax(0,1fr) auto;gap:24px}.brand img{width:220px;max-height:68px;object-fit:contain}.mast-note{color:#718296;font-size:10px;letter-spacing:.19em}.mast-actions{gap:9px}.header-link{border:1px solid #dbe7e9;border-radius:999px;padding:11px 15px;background:#fff;color:#102641}body.dark .header-link{background:#162535;color:var(--ink);border-color:var(--line)}.theme-btn,.menu-btn{border-radius:50%;width:43px;height:43px;border-color:#dce8eb;background:#fff;color:#102641}body.dark .theme-btn,body.dark .menu-btn{background:#162535;color:var(--ink);border-color:var(--line)}.category-bar{background:rgba(255,255,255,.96);border-bottom:1px solid #e3ecef}body.dark .category-bar{background:#101a25}.category-scroll{gap:3px}.category-link{padding:14px 14px 12px;font-size:12px;letter-spacing:.01em;border-bottom:3px solid transparent;color:#29445e}.category-link.active,.category-link:hover{color:var(--teal);border-color:var(--teal)}
/* Homepage hero and story cards */
.home-hero{width:min(calc(100% - 48px),var(--max));margin:28px auto 32px;display:grid;grid-template-columns:minmax(0,2.05fr) minmax(280px,.95fr);gap:24px;align-items:stretch}.home-hero-main{border:1px solid #e1ecee;border-radius:18px;overflow:hidden;background:#eff7f8;box-shadow:var(--shadow);display:grid;grid-template-columns:1.03fr .97fr;min-width:0}body.dark .home-hero-main{background:#152634;border-color:var(--line)}.feature-image{position:relative;min-height:330px;overflow:hidden;background:#dcebea}.feature-image img{width:100%;height:100%;min-height:330px;object-fit:cover;transition:transform .6s}.feature-image:hover img{transform:scale(1.035)}.feature-chip,.visual-tag{background:rgba(5,139,125,.94);color:#fff;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;padding:7px 12px}.feature-chip{position:absolute;left:18px;top:18px}.feature-copy{padding:32px 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow,.section-kicker{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.feature-copy h1{font-size:clamp(1.8rem,2.55vw,2.75rem);line-height:1.13;letter-spacing:-.045em;margin:10px 0 14px;color:#102641}body.dark .feature-copy h1{color:var(--ink)}.feature-copy p{font-size:14px;line-height:1.75;color:#52677a;margin:0 0 20px}body.dark .feature-copy p{color:var(--muted)}.green-button{display:inline-flex;align-items:center;gap:13px;background:linear-gradient(135deg,#0c9c8d,#08766d);color:#fff;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:800;box-shadow:0 7px 18px rgba(8,140,126,.2)}.green-button:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(8,140,126,.25)}.feature-dots{display:flex;gap:7px;margin-top:24px}.feature-dots i{width:8px;height:8px;border-radius:50%;background:#c6d9dc}.feature-dots i:first-child{background:var(--teal)}.trending-panel{background:#fff;border:1px solid #e4ecef;border-radius:18px;padding:20px 18px;box-shadow:var(--shadow)}body.dark .trending-panel{background:var(--paper);border-color:var(--line)}.trending-panel h2{font-size:17px;letter-spacing:-.025em;margin:0 0 12px;display:flex;align-items:center;gap:9px}.trending-panel h2 span{color:var(--teal)}.trending-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e8eef0}.trending-row:last-child{border-bottom:0}.trending-row img{width:104px;height:74px;object-fit:cover;border-radius:9px;background:var(--soft)}.trending-row strong{font-size:12px;line-height:1.4;display:block;color:var(--ink)}.trending-row small{display:block;font-size:10px;color:var(--teal);margin-top:5px}.home-section{width:min(calc(100% - 48px),var(--max));margin:34px auto 42px}.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.home-section-head h2{font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.2;letter-spacing:-.04em;margin:5px 0 0;color:var(--navy)}body.dark .home-section-head h2{color:var(--ink)}.view-all,.section-link{font-size:12px;font-weight:800;color:var(--teal);white-space:nowrap}.visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.visual-card,.story-card,.related-card{min-width:0;overflow:hidden;border:1px solid #e4ecef;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(18,48,68,.035);transition:transform .25s,box-shadow .25s,border-color .25s}body.dark .visual-card,body.dark .story-card,body.dark .related-card{background:var(--paper);border-color:var(--line)}.visual-card:hover,.story-card:hover,.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b8ddd8}.visual-card-image{height:154px;position:relative;overflow:hidden;background:#e5eeee}.visual-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.visual-card:hover .visual-card-image img{transform:scale(1.045)}.visual-tag{position:absolute;left:10px;bottom:10px;font-size:9px;padding:5px 9px}.visual-card-body{padding:14px 14px 16px}.visual-card-body h3{font-size:15px;line-height:1.32;letter-spacing:-.025em;margin:0 0 8px;color:var(--navy)}body.dark .visual-card-body h3{color:var(--ink)}.visual-card-body p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 10px}.visual-card-body small{font-size:9px;color:#7b8c99}.explore-banner{width:min(calc(100% - 48px),var(--max));margin:38px auto 14px;padding:24px 28px;border-radius:16px;background:linear-gradient(115deg,#0c6f6b,#0b4e60);color:#fff;display:flex;align-items:center;gap:20px;box-shadow:0 12px 30px rgba(8,91,91,.17)}.leaf-mark{font-size:44px;line-height:1;color:#7fe0c9}.explore-banner h2{font-size:20px;margin:0 0 4px}.explore-banner p{font-size:12px;margin:0;color:#d3eeeb}.explore-banner>a{margin-left:auto;white-space:nowrap;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800}.topic-pills{width:min(calc(100% - 48px),var(--max));margin:0 auto 42px;display:flex;flex-wrap:wrap;gap:8px}.topic-pills a{padding:9px 13px;background:#f0f8f7;border:1px solid #d8ece8;color:#176c68;border-radius:999px;font-size:11px;font-weight:700}body.dark .topic-pills a{background:#152b34;border-color:var(--line);color:#9fe4d8}
/* Shared article and blog detail templates */
.article-wrap{width:min(calc(100% - 48px),1120px);padding:44px 0 72px}.article-head{max-width:940px;margin:0 auto 25px;text-align:left}.article-cat{color:var(--teal);letter-spacing:.17em;font-size:11px;margin-bottom:14px}.article-title{font:800 clamp(2.2rem,4.7vw,4.4rem)/1.08 var(--sans);letter-spacing:-.055em;color:var(--navy);max-width:1000px;margin:0 0 18px}body.dark .article-title{color:var(--ink)}.article-dek{font:400 clamp(1.05rem,1.5vw,1.28rem)/1.7 var(--sans);font-style:normal;color:#617486;max-width:850px;margin:0 0 20px}body.dark .article-dek{color:var(--muted)}.author-meta{display:flex;align-items:center;gap:11px;text-align:left;border-top:1px solid var(--line);padding-top:16px;width:100%;font-size:12px}.author-avatar{width:40px!important;height:48px!important;object-fit:contain!important;object-position:center top;border-radius:8px!important;background:#f2eee6;border:1px solid #e2e8e9;padding:1px;flex:0 0 auto}.author-meta>span{display:flex;flex-direction:column;gap:4px}.author-meta strong{font-size:13px;color:var(--navy)}body.dark .author-meta strong{color:var(--ink)}.author-meta small{font-size:11px;color:var(--muted);line-height:1.5}.article-cover{max-width:1000px;margin:28px auto 0}.article-cover img{width:100%;max-height:600px;object-fit:cover;border-radius:16px;background:var(--soft)}.image-caption{font-size:11px;margin-top:9px}.share-row{max-width:1000px;margin:16px auto 34px;border-bottom:1px solid var(--line);padding-bottom:16px}.share-label{color:var(--muted)}.share-btn{border-radius:999px;background:#fff;border-color:#dce7e9;padding:9px 13px;color:#234058}body.dark .share-btn{background:#172735;color:var(--ink);border-color:var(--line)}.share-btn:hover{background:var(--teal);border-color:var(--teal);color:#fff}.article-body{max-width:760px;font:400 1.08rem/1.9 var(--serif);color:#263e53}body.dark .article-body{color:#d7e3eb}.article-body>p:first-child{font-size:1.18rem}.article-body h2{font:750 clamp(1.5rem,2.8vw,2rem)/1.25 var(--sans);letter-spacing:-.035em;color:var(--navy);margin:2em 0 .7em}body.dark .article-body h2{color:var(--ink)}.article-body h3{font:700 1.3rem/1.35 var(--sans);color:var(--navy)}body.dark .article-body h3{color:var(--ink)}.article-body a,.static-body a{color:var(--teal);text-underline-offset:3px}.article-body blockquote{border-left:4px solid var(--teal);background:var(--soft);border-radius:0 12px 12px 0;padding:18px 22px;color:var(--ink)}.article-body img{border-radius:12px}.article-body th{background:var(--mint)}.faq-section,.related-section{border-color:var(--line)}.faq-section h2,.related-section .section-title{color:var(--navy);font-family:var(--sans);letter-spacing:-.035em}body.dark .faq-section h2,body.dark .related-section .section-title{color:var(--ink)}.faq-section summary:after{color:var(--teal)}.related-grid{gap:18px}.related-card{padding-bottom:14px}.related-card img{height:175px}.related-card .story-cat,.related-card h3,.related-card p{margin-left:14px;margin-right:14px}.related-card h3{font:700 1.05rem/1.35 var(--sans);color:var(--navy)}body.dark .related-card h3{color:var(--ink)}.article-footer-links{border-color:var(--line);font-size:12px}.article-footer-links a:hover{color:var(--teal)}
/* Listing, category, search, informational/legal pages */
.section-block,.category-section,.search-page{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:42px 0 65px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.section-title{font:800 clamp(1.7rem,3vw,2.4rem)/1.2 var(--sans);letter-spacing:-.045em;color:var(--navy);margin:4px 0 0}body.dark .section-title{color:var(--ink)}.story-grid,.search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-card{display:block}.story-image{height:190px;background:var(--soft)}.story-image img{width:100%;height:100%;object-fit:cover}.story-body{padding:15px}.story-cat{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.story-title{font:750 1.12rem/1.35 var(--sans);letter-spacing:-.025em;color:var(--navy);margin:7px 0 8px}body.dark .story-title{color:var(--ink)}.story-excerpt{font-size:12px;line-height:1.65;color:var(--muted)}.story-meta{font-size:10px;color:#7b8c99;margin-top:12px}.page-hero{background:linear-gradient(120deg,#eff9f7,#f8fbfc);border-bottom:1px solid #e0eceb;padding:46px 0 32px}body.dark .page-hero{background:#132832;border-color:var(--line)}.page-card h1{font:800 clamp(2.2rem,4.8vw,4rem)/1.1 var(--sans);letter-spacing:-.05em;color:var(--navy)}body.dark .page-card h1{color:var(--ink)}.page-card p{font:400 1.08rem/1.7 var(--sans);color:var(--muted)}.static-body{max-width:850px;padding:38px 0 75px;font:400 1rem/1.85 var(--sans);color:#2c4559}body.dark .static-body{color:#d7e3eb}.static-body h2{font:750 1.65rem/1.3 var(--sans);letter-spacing:-.03em;color:var(--navy)}body.dark .static-body h2{color:var(--ink)}.search-intro{border-color:var(--line)}.search-intro h1{font:800 clamp(2.2rem,4.5vw,3.8rem)/1.1 var(--sans);letter-spacing:-.05em;color:var(--navy)}body.dark .search-intro h1{color:var(--ink)}.search-form{border:0;padding:0;max-width:900px;gap:10px}.search-form input{border:1px solid #d6e4e7;border-radius:12px;min-height:54px;padding:14px 17px;background:#fff}body.dark .search-form input{background:#152535;border-color:var(--line)}.search-form input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(11,148,134,.12)}.search-form button,.hero-cta{border:0;border-radius:999px;background:linear-gradient(135deg,#0c9c8d,#08766d);color:#fff;padding:0 24px;font-weight:800}.empty{border-radius:16px;border-color:var(--line);background:var(--paper);box-shadow:var(--shadow)}.empty h1,.empty h2{font-family:var(--sans);color:var(--navy)}body.dark .empty h1,body.dark .empty h2{color:var(--ink)}
/* Unified footer, drawer and controls */
.footer{margin-top:36px;border-top:4px solid var(--teal);background:#102641;color:#d8e5ed}.footer-main{padding-top:38px;padding-bottom:32px}.footer-brand p{color:#b8c9d4;font-size:12px;line-height:1.7;max-width:300px}.footer-brand-link img{width:215px;filter:brightness(0) invert(1)}.footer-col{display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-col strong{color:#fff;font-size:12px;margin-bottom:4px}.footer-col a:hover,.footer-social a:hover{color:#7ce1d0}.footer-social{color:#b8c9d4}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:15px;padding-bottom:15px;color:#b8c9d4;font-size:10px}.mobile-drawer{background:#102641;color:#fff}.drawer-intro{color:#c5d5de}.drawer-link{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:10px}.drawer-link-primary{background:var(--teal);border-color:var(--teal)}.drawer-more a{color:#c5d5de}.drawer-close{color:#fff}.drawer-overlay{backdrop-filter:blur(3px)}.reading-bar{background:var(--teal)}.article-mobile-share{background:rgba(16,38,65,.96)}.article-mobile-share a,.article-mobile-share button{border-radius:999px}
@media(max-width:1050px){.home-hero{grid-template-columns:1fr}.trending-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.trending-panel h2{grid-column:1/-1}.trending-row:nth-child(odd){border-right:1px solid var(--line);padding-right:12px}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mast-row{grid-template-columns:210px minmax(0,1fr) auto}.mast-note{letter-spacing:.1em}.story-grid,.search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:min(calc(100% - 26px),var(--max))}.utility-inner{min-height:25px;font-size:8px}.utility-inner span:nth-child(2){display:none}.mast-row{min-height:70px;grid-template-columns:minmax(0,1fr) auto;gap:8px}.brand img{width:174px;max-height:54px}.mast-note,.header-link{display:none}.mast-actions{gap:6px}.theme-btn,.menu-btn{width:38px;height:38px}.category-scroll{width:100%;padding:0 8px}.category-link{padding:12px 11px 10px;font-size:11px}.home-hero{width:calc(100% - 24px);margin:15px auto 26px;gap:14px}.home-hero-main{grid-template-columns:1fr;border-radius:15px}.feature-image,.feature-image img{min-height:220px;height:220px}.feature-copy{padding:21px 18px 23px}.feature-copy h1{font-size:1.8rem;line-height:1.15}.feature-copy p{font-size:13px}.feature-dots{margin-top:16px}.trending-panel{display:block;padding:16px;border-radius:15px}.trending-row{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 0}.trending-row img{width:90px;height:66px}.trending-row:nth-child(odd){border-right:0;padding-right:0}.trending-row strong{font-size:12px}.home-section{width:calc(100% - 24px);margin:27px auto 32px}.home-section-head{margin-bottom:13px}.home-section-head h2{font-size:1.45rem}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.visual-card{border-radius:12px}.visual-card-image{height:118px}.visual-card-body{padding:10px}.visual-card-body h3{font-size:12px;line-height:1.35}.visual-card-body p{font-size:10px;line-height:1.5}.visual-card-body small{font-size:8px}.visual-tag{left:7px;bottom:7px;padding:4px 7px;font-size:8px}.explore-banner{width:calc(100% - 24px);padding:19px 16px;margin:28px auto 12px;gap:12px;align-items:flex-start;flex-wrap:wrap}.leaf-mark{font-size:32px}.explore-banner>div:nth-child(2){flex:1;min-width:180px}.explore-banner h2{font-size:17px}.explore-banner p{font-size:11px;line-height:1.6}.explore-banner>a{margin-left:44px;padding:9px 12px}.topic-pills{width:calc(100% - 24px);gap:6px;margin-bottom:30px}.topic-pills a{font-size:10px;padding:8px 10px}.article-wrap{width:calc(100% - 28px);padding:28px 0 48px}.article-head{text-align:left;margin-bottom:18px}.article-cat{font-size:10px;margin-bottom:10px}.article-title{font-size:clamp(2rem,8vw,2.7rem);line-height:1.1;letter-spacing:-.045em;margin-bottom:13px}.article-dek{font-size:1rem;line-height:1.65;margin-bottom:15px}.author-meta{gap:10px;padding-top:13px}.author-avatar{width:34px!important;height:43px!important}.author-meta strong{font-size:12px}.author-meta small{font-size:10px}.article-cover{margin-top:19px}.article-cover img{max-height:none;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.share-row{margin:13px auto 25px;gap:6px}.share-label{width:100%;font-size:9px}.share-btn{padding:8px 10px;font-size:9px}.article-body{font-size:1rem;line-height:1.85}.article-body>p:first-child{font-size:1.08rem}.article-body h2{font-size:1.55rem}.article-body h3{font-size:1.2rem}.article-body blockquote{padding:14px 16px;margin:24px 0;font-size:1.08rem}.related-grid{grid-template-columns:1fr;gap:13px}.related-card{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto 1fr;gap:0;padding-bottom:10px}.related-card img{grid-row:1/4;width:112px;height:100%;min-height:118px;object-fit:cover;border-radius:0}.related-card .story-cat{margin:10px 10px 0}.related-card h3{margin:5px 10px;font-size:12px}.related-card p{margin:0 10px;font-size:10px}.article-footer-links{font-size:10px}.section-block,.category-section,.search-page{width:calc(100% - 26px);padding:30px 0 48px}.section-head{align-items:flex-start;gap:10px}.section-title{font-size:1.65rem}.story-grid,.search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.story-image{height:125px}.story-body{padding:10px}.story-title{font-size:12px;line-height:1.35}.story-excerpt{font-size:10px;line-height:1.5}.story-meta{font-size:8px;margin-top:8px}.page-hero{padding:31px 0 20px}.page-card h1{font-size:2.35rem}.page-card p{font-size:1rem}.static-body{padding:27px 0 48px;font-size:.98rem;line-height:1.8}.static-body h2{font-size:1.4rem}.search-page{padding-top:28px}.search-intro{padding:22px 0 18px}.search-intro h1{font-size:2.3rem}.search-intro p{font-size:.98rem}.search-form{display:grid;grid-template-columns:1fr}.search-form button{min-height:47px}.footer{margin-top:25px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding-top:28px}.footer-brand{grid-column:1/-1}.footer-brand-link img{width:180px}.footer-col{font-size:10px}.footer-bottom{font-size:9px}.footer-bottom span:last-child{display:none}.faq-section h2{font-size:1.5rem}.faq-section summary{font-size:.98rem;padding:15px 28px 15px 0}.article-mobile-share{left:10px;right:10px;bottom:10px;padding:8px;gap:6px}.article-mobile-share a,.article-mobile-share button{font-size:9px;padding:7px 9px}}
@media(max-width:380px){.brand img{width:150px}.visual-grid,.story-grid,.search-grid{grid-template-columns:1fr}.visual-card-image,.story-image{height:185px}.visual-card-body h3,.story-title{font-size:14px}.visual-card-body p,.story-excerpt{font-size:11px}.related-card{grid-template-columns:94px 1fr}.related-card img{width:94px}.category-link{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* PakBlog featured-story category badge refinement */
.home-hero-main .feature-chip,
.home-hero-main .visual-tag,
.feature-image .feature-chip,
.feature-image .visual-tag {
  left: 18px; bottom: 18px; display: inline-flex; align-items: center; gap: 7px;
  width: fit-content; max-width: calc(100% - 36px);
  padding: 7px 12px; border: 1px solid rgba(255,255,255,.72);
  border-radius: 7px; background: rgba(10, 48, 52, .92); color: #fff;
  box-shadow: 0 4px 14px rgba(12, 35, 43, .18);
  font-size: 10px; font-weight: 800; line-height: 1.2; letter-spacing: .075em;
  text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.home-hero-main .feature-chip::before,
.home-hero-main .visual-tag::before,
.feature-image .feature-chip::before,
.feature-image .visual-tag::before {
  content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #70e0c8;
}
.visual-card-image .visual-tag { left: 10px; bottom: 10px; padding: 5px 9px; border-radius: 6px; font-size: 9px; }
.story-cat, .article-cat { color: var(--brand-teal-dark, #08766d); }
@media (max-width:700px) {
 .home-hero-main .feature-chip, .home-hero-main .visual-tag,
 .feature-image .feature-chip, .feature-image .visual-tag { left: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 6px 9px; font-size: 9px; border-radius: 6px; }
}


/* Featured category chip: prevent inherited sizing/vertical stretching */
.home-hero-main .feature-chip, .feature-image .feature-chip {
  position:absolute !important; left:18px !important; bottom:18px !important; top:auto !important; right:auto !important;
  display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important;
  width:max-content !important; height:auto !important; min-width:0 !important; min-height:0 !important; max-width:calc(100% - 36px) !important;
  padding:9px 14px !important; margin:0 !important; box-sizing:border-box !important;
  writing-mode:horizontal-tb !important; transform:none !important; white-space:nowrap !important;
  border:1px solid rgba(255,255,255,.72) !important; border-radius:999px !important;
  background:rgba(8,117,106,.94) !important; color:#fff !important; box-shadow:0 8px 22px rgba(5,42,47,.22) !important;
  font-size:11px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.055em !important; text-transform:uppercase !important;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
.home-hero-main .feature-chip::before, .feature-image .feature-chip::before {
  content:'' !important; display:inline-block !important; width:7px !important; height:7px !important; min-width:7px !important;
  flex:0 0 7px !important; border-radius:50% !important; background:#a6f4df !important; margin-right:8px !important;
}
@media(max-width:700px){.home-hero-main .feature-chip,.feature-image .feature-chip{left:12px!important;bottom:12px!important;max-width:calc(100% - 24px)!important;padding:8px 11px!important;font-size:10px!important}}
/* Search page shares the exact masthead/navigation language of the homepage */
.search-page .search-intro{border-top:0;padding-top:22px}
.search-page .search-intro h1{letter-spacing:-.055em}
.search-page .search-form button{min-height:54px}


/* PAKBLOG HOTFIX 153 — explicit featured chip sizing and contained search autocomplete */
.feature-image { position:relative !important; display:block !important; overflow:hidden !important; isolation:isolate; }
.feature-image .feature-chip,
.home-hero-main .feature-chip {
  position:absolute !important; z-index:3 !important;
  top:14px !important; left:14px !important; right:auto !important; bottom:auto !important;
  display:inline-flex !important; flex:0 0 auto !important; flex-direction:row !important;
  align-items:center !important; justify-content:center !important; align-self:auto !important;
  width:max-content !important; min-width:0 !important; max-width:calc(100% - 28px) !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  padding:8px 12px !important; margin:0 !important; aspect-ratio:auto !important;
  border:1px solid rgba(255,255,255,.82) !important; border-radius:999px !important;
  background:rgba(7,112,102,.94) !important; color:#fff !important;
  box-shadow:0 5px 16px rgba(5,42,47,.24) !important;
  font:800 11px/1.15 var(--sans) !important; letter-spacing:.035em !important;
  text-transform:none !important; white-space:nowrap !important; writing-mode:horizontal-tb !important;
  transform:none !important; overflow:hidden !important; text-overflow:ellipsis !important;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.feature-image .feature-chip::before,
.home-hero-main .feature-chip::before { content:none !important; display:none !important; }
.search-suggestions[hidden] { display:none !important; }
.search-page .search-input-wrap { position:relative; min-width:0; z-index:20; }
.search-page .search-suggestions {
  position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:100;
  display:block; max-height:min(55vh,360px); overflow-y:auto; overscroll-behavior:contain;
  padding:5px; border:1px solid var(--line); border-radius:14px;
  background:var(--paper); box-shadow:0 14px 36px rgba(15,35,50,.16);
}
.search-page .search-suggestions[hidden] { display:none !important; }
.search-page .search-form .search-suggestion {
  position:static !important; display:flex !important; width:100% !important; height:auto !important;
  min-height:0 !important; flex-direction:column !important; align-items:flex-start !important;
  justify-content:center !important; gap:3px !important; margin:0 !important;
  padding:10px 12px !important; border:0 !important; border-bottom:1px solid var(--line) !important;
  border-radius:9px !important; background:transparent !important; color:var(--ink) !important;
  box-shadow:none !important; text-align:left !important; white-space:normal !important;
  font:inherit !important; line-height:1.35 !important; transform:none !important;
}
.search-page .search-form .search-suggestion:last-child { border-bottom:0 !important; }
.search-page .search-form .search-suggestion:hover,
.search-page .search-form .search-suggestion:focus-visible { background:var(--soft) !important; outline:0; }
.search-suggestion-title { display:block; font-size:13px; font-weight:750; line-height:1.4; overflow-wrap:anywhere; }
.search-suggestion-meta { display:block; font-size:10px; font-weight:500; color:var(--muted); }
.search-page .story-grid { position:relative; z-index:1; margin-top:24px; }
.search-page .search-intro { margin-top:0; }
@media(max-width:700px) {
  .feature-image .feature-chip,.home-hero-main .feature-chip { top:12px !important; left:12px !important; bottom:auto !important; max-width:calc(100% - 24px) !important; padding:7px 10px !important; font-size:10px !important; }
  .search-page { overflow:visible; }
  .search-page .search-intro { padding-top:24px; }
  .search-page .search-intro h1 { font-size:clamp(2rem,8vw,2.55rem); line-height:1.08; }
  .search-page .search-form { position:relative; z-index:10; }
  .search-page .story-grid { gap:12px; }
}