@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#14283d;--muted:#687789;--line:#dfe5e9;--navy:#10283e;--bg:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 72px));margin:auto}.topline{background:#10283e;color:#d7e1ea;font-size:11px;letter-spacing:1.7px;padding:11px 0}.topline .wrap{display:flex;justify-content:space-between}.header{border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{font-size:23px;letter-spacing:2px;font-weight:700}.brand span{font-size:11px;letter-spacing:3px;color:var(--muted);display:block;margin-top:3px}.nav{display:flex;align-items:center;gap:26px}.nav a{font-size:13px;font-weight:600}.nav a:hover,.category:hover{color:#3d6f98}.menu{display:none;background:transparent;border:1px solid var(--line);padding:9px;border-radius:3px}.hero{padding:72px 0 44px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#52708a;text-transform:uppercase}.hero h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(35px,5vw,67px);line-height:1.16;letter-spacing:-1.9px;max-width:900px;margin:20px 0}.lead{color:#596b7b;font-size:16px;line-height:1.8;max-width:640px}.feature{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;padding:26px 0 65px;border-bottom:1px solid var(--line)}.feature img{width:100%;aspect-ratio:1.7;object-fit:cover}.feature-copy{display:flex;flex-direction:column;justify-content:center}.feature h2{font:700 clamp(24px,3vw,41px)/1.3 'Libre Baskerville',Georgia,serif;letter-spacing:-.8px;margin:14px 0}.feature p,.article-card p{color:var(--muted);line-height:1.7}.feature a.read{font-size:12px;font-weight:700;letter-spacing:1px;margin-top:15px}.filters{padding:32px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.category{background:#fff;border:1px solid var(--line);padding:11px 15px;font-size:12px;color:var(--ink)}.category.active{background:var(--navy);border-color:var(--navy);color:#fff}.search{margin-left:auto;min-width:230px;border:1px solid var(--line);padding:12px 15px;outline:none}.section-title{font-family:'Libre Baskerville',Georgia,serif;font-size:26px;margin:12px 0 26px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;padding-bottom:55px}.article-card img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block;transition:transform .25s}.imagebox{overflow:hidden}.article-card:hover img{transform:scale(1.035)}.article-card h3{font:700 20px/1.4 'Libre Baskerville',Georgia,serif;margin:12px 0 9px}.article-card p{font-size:13px;margin:0}.meta{font-size:10px;color:#52708a;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;margin-top:18px}.empty{padding:40px 0;color:var(--muted)}.foot{background:#10283e;color:#fff;padding:48px 0;margin-top:35px}.foot-inner{display:flex;justify-content:space-between;gap:30px}.foot p{font-size:13px;line-height:1.7;color:#bdcbd6;max-width:470px}.foot a{font-size:13px}.foot-links{display:flex;gap:24px;flex-wrap:wrap}.article-view{max-width:820px;margin:0 auto;padding:65px 0 80px}.back{font-size:13px;font-weight:600;color:#456f8c}.article-view h1{font:700 clamp(31px,5vw,54px)/1.23 'Libre Baskerville',Georgia,serif;letter-spacing:-1px;margin:20px 0}.article-view .summary{font-size:19px;color:#657487;line-height:1.65}.article-view img{width:100%;margin:27px 0 30px}.article-view p{font:17px/1.95 Georgia,serif;color:#273d50}.notice{border-left:3px solid #7895ac;background:#f2f6f9;padding:15px 20px;color:#536b7e;font-size:13px;line-height:1.6;margin:35px 0}.hidden{display:none!important}@media(max-width:850px){.wrap{width:min(100% - 36px,1220px)}.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:22px 18px;flex-direction:column;align-items:flex-start;gap:20px}.nav.open{display:flex}.header-inner{min-height:72px}.feature{grid-template-columns:1fr;gap:15px}.feature-copy{padding-bottom:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{margin-left:0;flex:1 1 100%}.hero{padding-top:48px}.topline{font-size:9px}}@media(max-width:560px){.grid{grid-template-columns:1fr;gap:32px}.hero h1{letter-spacing:-1px}.feature{padding-bottom:38px}.filters{padding:25px 0}.category{font-size:11px;padding:9px 11px}.foot-inner{flex-direction:column}.article-view{padding-top:40px}.article-view p{font-size:16px}}
/* Timeline editorial refinements */
.hero{padding-top:85px}.hero h1{max-width:950px}.era-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}.era-strip a{display:flex;flex-direction:column;gap:8px;padding:23px 24px;border-right:1px solid var(--line)}.era-strip a:first-child{padding-left:0}.era-strip a:last-child{border-right:0}.era-strip strong{font-size:11px;letter-spacing:1.6px}.era-strip span{font-size:14px;color:var(--muted)}.era-strip a:hover{background:#f6f8fa}.section-row{display:flex;align-items:center;justify-content:space-between}.section-row #count{font-size:12px;color:var(--muted)}.article-card{border-bottom:1px solid var(--line);padding-bottom:25px}.article-card .meta{line-height:1.6}.feature img{filter:saturate(.85)}@media(max-width:560px){.hero{padding-top:46px}.era-strip{grid-template-columns:1fr;margin-top:28px}.era-strip a{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}.era-strip a:last-child{border-bottom:0}.section-row{align-items:baseline}}

/* Zharief Journal S — professional editorial system */
:root{--ink:#142d43;--navy:#142d43;--line:#dce4e9;--muted:#64788a}
body{color:var(--ink)}.wrap{width:min(1250px,calc(100% - 80px))}.topline{background:#142d43}.top-inner{display:flex;justify-content:space-between}.header-inner{min-height:91px}.brand-img{display:flex;align-items:center}.brand-img img{display:block;width:205px;height:auto}.nav{gap:21px}.nav a{font-size:12px}.nav-external{border-left:1px solid var(--line);padding-left:18px}.hero{padding-top:82px;padding-bottom:48px}.hero h1{font-size:clamp(43px,5.7vw,79px);max-width:1000px;line-height:1.13;margin:21px 0 25px}.hero h1 em{font-weight:400;color:#718a9e}.lead{font-size:17px;max-width:720px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.btn-dark,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:15px 20px;min-height:48px}.btn-dark{background:var(--navy);color:white}.btn-outline{border:1px solid #cbd6dd;color:var(--ink)}.era-strip{margin-top:69px}.era-strip a{padding-top:28px;padding-bottom:28px}.feature{grid-template-columns:1.5fr 1fr;gap:48px;padding-top:44px;padding-bottom:65px}.feature-image img{aspect-ratio:1.65}.feature h2{font-size:clamp(27px,3.3vw,45px)}.feature-rule{width:80px;height:1px;background:#93a6b3;margin:17px 0}.section-kicker{font-size:11px;letter-spacing:2.4px;color:#638096;font-weight:700;padding-top:33px}.section-row{margin:0 0 4px}.section-title{font-size:30px}.filters{padding:20px 0 35px}.article-card h3{font-size:21px}.card-more{display:inline-flex;gap:20px;font-size:11px;font-weight:700;letter-spacing:.7px;margin-top:19px}.card-more span{font-size:16px}.article-card{padding-bottom:30px}.newsletter-section{background:#f0f4f6;border-top:1px solid var(--line);margin-top:30px}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:65px 0}.newsletter-inner h2{font:700 34px/1.3 'Libre Baskerville',Georgia,serif;margin:15px 0}.newsletter-inner p{color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-grid strong{font-size:12px;letter-spacing:1.1px;margin-bottom:5px}.footer-brand{font:700 25px Georgia,serif;letter-spacing:1px}.footer-brand span{font:11px Arial,sans-serif;letter-spacing:3px;margin-left:5px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #385064;padding-top:25px;margin-top:48px;font-size:11px;color:#c6d5e0}.foot{margin-top:0}.article-view{max-width:1100px;padding-top:65px}.article-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.article-number{font-size:10px;letter-spacing:2px;color:var(--muted)}.article-view h1{max-width:980px;font-size:clamp(38px,5.2vw,65px)}.article-view .summary{max-width:800px;font-size:20px}.article-figure{margin:36px 0 50px}.article-figure img{margin:0;display:block;width:100%;aspect-ratio:1.9;object-fit:cover}.article-figure figcaption{font-size:11px;color:var(--muted);padding-top:12px}.article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:85px}.article-aside{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:16px;padding-top:8px}.article-aside div{color:var(--ink);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}.article-aside span{border-bottom:1px solid var(--line);padding-bottom:12px}.article-content{max-width:720px}.article-intro{font:italic 22px/1.6 Georgia,serif;color:#4f677a;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:36px}.article-section{margin-bottom:38px}.article-section h2,.takeaways h2{font:700 24px/1.4 'Libre Baskerville',Georgia,serif;margin:0 0 12px}.article-section p{margin:0}.takeaways{padding:25px 30px;background:#f1f5f7;margin:42px 0}.takeaways ul{padding-left:20px;line-height:1.9;color:#354c60}.article-actions{display:flex;gap:24px;align-items:center;margin:35px 0}.article-actions button{background:#142d43;color:#fff;border:0;padding:12px 17px;font-size:12px}.article-actions a{font-size:12px;font-weight:700}.related-section{border-top:1px solid var(--line);padding-bottom:65px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:#6f99b6;z-index:60;width:0}.info-page{max-width:900px;padding:70px 0 95px}.info-page .eyebrow{margin-top:40px}.info-page h1{font:700 clamp(37px,5vw,64px)/1.2 'Libre Baskerville',Georgia,serif;margin:18px 0}.info-lead{font-size:21px;line-height:1.7;color:var(--muted);max-width:750px;margin-bottom:45px}.info-section{border-top:1px solid var(--line);padding:25px 0}.info-section h2{font:700 24px Georgia,serif}.info-section p{font-size:16px;line-height:1.9;color:#43596b}.menu span{font-size:11px;letter-spacing:1px;margin-left:5px}@media(max-width:1080px){.nav{gap:12px}.nav a{font-size:11px}.brand-img img{width:178px}.article-layout{gap:35px}}@media(max-width:850px){.wrap{width:min(100% - 36px,1250px)}.header-inner{min-height:74px}.nav{gap:18px}.nav a{font-size:13px}.nav-external{border-left:0;padding-left:0}.hero{padding-top:48px}.era-strip{margin-top:42px}.feature{grid-template-columns:1fr;gap:18px}.newsletter-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.article-view{padding-top:42px}}@media(max-width:560px){.hero h1{font-size:41px}.hero-actions{flex-direction:column}.btn-dark,.btn-outline{width:100%;justify-content:space-between}.feature{padding-bottom:40px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:15px}.article-view h1{font-size:35px}.article-figure{margin:28px 0}.article-figure img{aspect-ratio:1.45}.takeaways{padding:18px}.article-actions{flex-wrap:wrap}.top-inner span:last-child{display:none}.newsletter-inner h2{font-size:27px}}

/* Official Zharief identity; PNG kept pixel-for-pixel unchanged */
.brand-img{display:inline-flex;gap:12px;align-items:center;min-width:210px}.brand-img img{width:52px;height:52px;object-fit:contain;flex-shrink:0}.brand-wordmark{font:700 22px/1.1 Georgia,serif;letter-spacing:1.6px;color:#142d43}.brand-wordmark small{display:block;font:600 10px/1.7 Arial,sans-serif;letter-spacing:5.1px;margin-top:4px;color:#567188}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:55px;height:55px;object-fit:contain}.footer-logo span{font:700 24px Georgia,serif;letter-spacing:1px}.footer-logo small{display:block;font:11px Arial,sans-serif;letter-spacing:3px;margin-top:5px}@media(max-width:560px){.brand-img{min-width:0;gap:8px}.brand-img img{width:43px;height:43px}.brand-wordmark{font-size:18px}.brand-wordmark small{font-size:8px;letter-spacing:4px}}