:root{--ink:#111318;--ink2:#303744;--blue:#1368e8;--blue2:#0d56c2;--paper:#fff;--muted:#6c7480;--line:#e7eaf0;--soft:#f6f8fb;--shadow:0 10px 30px rgba(16,28,48,.07);--radius:14px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,system-ui,sans-serif;font-size:14px;line-height:1.55;color:var(--ink2);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topline{height:35px;border-top:5px solid #111;border-bottom:1px solid var(--line);font-family:Inter,sans-serif;color:#65707e}.topline .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.top-left,.top-right{display:flex;align-items:center;gap:15px}.dot{width:4px;height:4px;border-radius:50%;background:#bdc5cf}.brandrow{height:86px;display:grid;grid-template-columns:1fr auto;align-items:center}.brand{display:inline-flex;font-weight:700;font-size:40px;line-height:1;letter-spacing:-2.5px}.brand .dark{color:#0e1117}.brand .blue{color:var(--blue)}.tagline{font-family:Inter,sans-serif;color:#7c8490;margin-top:5px}.header-actions{justify-self:end;display:flex;align-items:center;gap:22px;font-family:Inter,sans-serif;font-weight:600}.panel-btn{background:var(--blue);color:#fff;padding:10px 16px;border-radius:7px}.hamburger{display:none;border:0;background:transparent;font-size:22px}.nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:30}.nav .wrap{height:46px;display:flex;align-items:center;gap:28px;overflow:auto;scrollbar-width:none}.nav a{height:46px;display:flex;align-items:center;font-family:Inter,sans-serif;font-weight:600;white-space:nowrap;position:relative}.nav a.active{color:var(--blue)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);border-radius:3px}.nav .more{margin-left:auto}main{padding:24px 0 50px}.ad{height:76px;max-width:800px;margin:0 auto 22px;background:linear-gradient(105deg,#0a1423,#0c58b7);border-radius:7px;color:#d8e7ff;display:grid;place-items:center;font:600 14px Inter;letter-spacing:.08em}.lead-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.95fr) 250px;gap:14px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.hero-image{min-height:320px;position:relative;border-radius:var(--radius);overflow:hidden;background:#e7edf4}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.82));z-index:1}.hero-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:60px 22px 20px;color:#fff}.kicker,.article-category,.category-chip{display:inline-flex;background:var(--blue);color:#fff;font:700 14px Inter,sans-serif;padding:5px 8px;border-radius:5px}.hero-overlay h1{font-size:26px;line-height:1.22;letter-spacing:-.03em;margin:7px 0;font-weight:600}.hero-overlay p{margin:0;color:#e7edf5}.lead-copy{padding:24px;display:flex;min-height:320px;flex-direction:column;justify-content:center}.section-label{font:700 14px Inter;color:var(--blue);text-transform:uppercase;letter-spacing:.03em}.lead-copy h2{font-size:25px;line-height:1.24;letter-spacing:-.03em;margin:8px 0 10px;color:#3d4551}.lead-copy p{margin:0 0 14px;color:var(--muted)}.meta{font:400 14px Inter;color:#858d98;display:flex;gap:9px;flex-wrap:wrap}.readmore{font-weight:600;color:var(--blue);margin-top:16px}.brief{padding:20px;display:flex;flex-direction:column;justify-content:center}.brief .mail{font:600 14px Inter;color:#5f6875}.brief h3{font-size:20px;line-height:1.25;margin:8px 0}.brief h3 span{color:var(--blue)}.brief p{color:var(--muted)}.brief input{padding:12px;border:1px solid var(--line);border-radius:7px}.brief button{margin-top:8px;border:0;border-radius:7px;padding:12px;background:#9dbdeb;color:#fff}.empty-hero{min-height:340px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff 0,#f4f8ff 60%,#eef5ff 100%);display:flex;align-items:center;padding:45px}.empty-hero>div{max-width:670px}.empty-hero h1{font-size:42px;line-height:1.12;margin:10px 0;letter-spacing:-.04em}.empty-hero p{font-size:16px;color:var(--muted);max-width:600px}.empty-hero a{display:inline-flex;background:var(--blue);color:#fff;border-radius:8px;padding:12px 16px;font-weight:600;margin-top:8px}.section{margin-top:34px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs{display:flex;gap:24px}.tabs button{border:0;background:transparent;padding:0 0 10px;font-weight:600;color:#7a828e;position:relative}.tabs button.active{color:#262c35}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--blue)}.more-link{font:500 14px Inter;color:#7b8490}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.news-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(20,32,50,.04)}.news-card .thumb{height:160px;background:#edf2f8;display:block}.image-placeholder{height:100%;display:grid;place-items:center;color:#9aa7b8;font-weight:700}.news-body{padding:14px}.news-body h3{font-size:16px;line-height:1.35;letter-spacing:-.015em;margin:8px 0;color:#3c444f}.news-body p{color:#727b87;margin:0 0 12px}.category-chip{font-size:14px;padding:3px 7px}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rank-card{border:1px solid var(--line);border-radius:11px;padding:15px;display:grid;grid-template-columns:30px 1fr;gap:12px}.rank-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font:700 14px Inter}.rank-card strong{display:block;line-height:1.35}.rank-card span:last-child{display:block;color:#8a929d;margin-top:5px}.page-head{padding:25px 0}.page-head>span{font:700 14px Inter;color:var(--blue);text-transform:uppercase}.page-head h1{font-size:34px;letter-spacing:-.035em;margin:3px 0}.empty-list{padding:40px;border:1px dashed #cfd6df;border-radius:12px;color:#76808d;text-align:center}.search-form{display:flex;max-width:650px;margin-top:16px}.search-form input{flex:1;padding:13px 14px;border:1px solid #dbe0e8;border-radius:8px 0 0 8px}.search-form button{border:0;background:var(--blue);color:#fff;padding:0 18px;border-radius:0 8px 8px 0;font-weight:600}.search-count{color:#7b8490}.article-shell{display:grid;grid-template-columns:minmax(0,790px) 300px;gap:50px}.breadcrumbs{font:500 14px Inter;color:#7e8793;display:flex;gap:8px;margin:4px 0 25px}.article-title{font-size:44px;line-height:1.12;letter-spacing:-.045em;color:#171a20;margin:12px 0}.standfirst{font-size:18px;line-height:1.55;color:#606875;margin:0 0 18px}.article-meta{font:500 14px Inter;color:#808995;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.featured{position:relative;margin:0 0 28px;border-radius:12px;overflow:hidden;background:#eef2f6;isolation:isolate;box-shadow:0 10px 28px rgba(15,23,42,.08)}.featured img{display:block;width:100%;max-height:510px;object-fit:cover;border-radius:0}.featured figcaption,.featured-credit{position:absolute;left:16px;bottom:16px;z-index:3;margin:0;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:linear-gradient(135deg,rgba(8,15,26,.88),rgba(14,25,42,.76));-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 8px 26px rgba(0,0,0,.25);color:#fff!important;font:500 14px/1.3 Inter,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.2)}.featured-credit-label{color:rgba(255,255,255,.72);white-space:nowrap;padding-right:9px;border-right:1px solid rgba(255,255,255,.2)}.featured-credit strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#fff}.article-body{font-size:17px;line-height:1.82;color:#303640}.article-body p{margin:0 0 1.35em}.article-body h2,.article-body h3{line-height:1.3;color:#171a20;margin:1.6em 0 .6em}.video-embed{aspect-ratio:16/9;margin:0 0 25px}.video-embed iframe{width:100%;height:100%;border:0;border-radius:10px}.source-box{margin:36px 0 20px;border:1px solid #dce6f4;border-left:4px solid var(--blue);border-radius:10px;padding:18px;background:#f7faff}.source-label{font:700 14px Inter;color:var(--blue);letter-spacing:.06em}.source-name{font-size:18px;font-weight:600;margin-top:4px}.source-meta{color:#77808d}.source-box a{display:inline-flex;margin-top:10px;color:var(--blue);font-weight:600}.share-row{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px}.share-row button,.share-row a{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:7px;font-weight:600}.article-side{padding-top:125px}.side-title{font-size:18px;font-weight:600;border-bottom:3px solid var(--blue);padding-bottom:8px;margin-bottom:5px}.related{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.related img{height:62px;border-radius:6px}.related strong{font-size:14px;line-height:1.35}.related span{display:block;color:#8a929c;margin-top:5px}footer{background:#0e1724;color:#dce5ef;margin-top:45px;padding:34px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr) 1.2fr;gap:28px}.footer-brand .brand{font-size:30px}.footer-brand .brand .dark{color:#fff}.footer-brand p,.footer-col a,.newsletter-foot p{color:#9ca9b9}.footer-col h4,.newsletter-foot h4{margin:0 0 10px;color:#fff}.footer-col a{display:block;padding:3px 0}.copyright{border-top:1px solid #263344;margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;color:#8e9bab;font:400 14px Inter}
@media(max-width:1000px){.lead-grid{grid-template-columns:1fr 1fr}.brief{grid-column:1/-1}.news-grid{grid-template-columns:repeat(3,1fr)}.rank-grid{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr}.article-side{padding-top:0}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand,.newsletter-foot{grid-column:1/-1}}@media(max-width:700px){.wrap{width:calc(100% - 22px)}.top-right{display:none}.brandrow{height:70px}.brand{font-size:34px}.tagline{font-size:14px}.header-actions{display:none}.hamburger{display:block;justify-self:end}.nav .wrap{gap:21px}.lead-grid{grid-template-columns:1fr}.hero-image{min-height:280px}.lead-copy{min-height:auto}.news-grid{grid-template-columns:1fr 1fr}.rank-grid{grid-template-columns:1fr}.article-title{font-size:34px}.standfirst{font-size:16px}.article-body{font-size:16px}.empty-hero{padding:28px;min-height:300px}.empty-hero h1{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.newsletter-foot{grid-column:1/-1}.copyright{flex-direction:column;gap:7px}}@media(max-width:470px){.news-grid{grid-template-columns:1fr}.news-card{display:grid;grid-template-columns:120px 1fr}.news-card .thumb{height:100%;min-height:135px}.news-body p{display:none}.page-head h1{font-size:30px}}
.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.article-tags a{display:inline-flex;padding:7px 10px;border:1px solid #dfe5ec;border-radius:999px;background:#f7f9fc;color:#3f5267;font:600 14px Inter,sans-serif}.article-tags a:hover{border-color:#1368e8;color:#1368e8;background:#eef5ff}

@media(max-width:700px){.featured{border-radius:10px}.featured figcaption,.featured-credit{left:10px;bottom:10px;max-width:calc(100% - 20px);padding:8px 10px;gap:7px}.featured-credit-label{padding-right:7px}}

/* v0.1.8 hard-fix: image-credit overlay must remain inside the image even if an older rule survives upstream cache/minification. */
.featured-v018{position:relative!important;overflow:hidden!important}.featured-v018>.featured-credit-v018{position:absolute!important;left:14px!important;bottom:14px!important;top:auto!important;right:auto!important;margin:0!important;float:none!important;transform:none!important;background:rgba(10,18,30,.82)!important;color:#fff!important}.featured-v018>.featured-credit-v018::before,.featured-v018>.featured-credit-v018::after{display:none!important}@media(max-width:700px){.featured-v018>.featured-credit-v018{left:10px!important;bottom:10px!important;max-width:calc(100% - 20px)!important;padding:8px 10px!important}}

/* v0.3.0 — Editorial homepage */
.breaking-bar{background:#0d1725;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.breaking-inner{min-height:46px;display:flex;align-items:center;gap:14px}.breaking-label{display:inline-flex;align-items:center;gap:7px;font:800 14px Inter,sans-serif;letter-spacing:.05em;color:#fff}.breaking-label i,.live-pulse{width:8px;height:8px;border-radius:50%;background:#2b7df0;box-shadow:0 0 0 4px rgba(43,125,240,.18)}.breaking-inner a,.breaking-inner strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.breaking-inner a:hover{color:#8db8ff}.breaking-live{font:800 14px Inter;color:#76a9f8}.homepage-v030{padding-top:18px}.topic-strip{display:flex;align-items:center;gap:18px;border:1px solid #e1e7ef;background:#f8fafc;border-radius:10px;padding:10px 13px;margin-bottom:16px}.topic-strip>span{font:800 14px Inter;color:#1a2b40;white-space:nowrap}.topic-strip>div{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.topic-strip>div::-webkit-scrollbar{display:none}.topic-strip a{white-space:nowrap;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #dde5ef;color:#45607d;font:600 14px Inter}.topic-strip a:hover{color:#1368e8;border-color:#a9c5eb}.ad-premium{position:relative;min-height:92px;margin:0 0 18px;border:1px dashed #cad3df;background:linear-gradient(135deg,#fafbfd,#f4f7fb);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#778596}.ad-premium small{font:700 14px Inter;letter-spacing:.08em;color:#a2adba}.ad-premium span{font-weight:600}.editorial-lead{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr) minmax(250px,.55fr);gap:16px;align-items:stretch}.lead-primary{min-width:0}.lead-primary-media{display:block;position:relative;height:100%;min-height:470px;border-radius:14px;overflow:hidden;background:#e7edf4;box-shadow:0 10px 28px rgba(15,32,52,.09)}.lead-primary-media>img,.lead-secondary-media>img,.latest-thumb>img,.editor-pick-media>img,.topic-feature-media>img,.category-main-media>img,.category-side-thumb>img,.video-home-media>img{width:100%;height:100%;object-fit:cover;display:block}.lead-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,24,.04) 18%,rgba(5,13,24,.22) 50%,rgba(5,13,24,.92) 100%)}.lead-primary-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px;color:#fff}.lead-badge,.section-kicker{font:800 14px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.lead-badge{display:inline-flex;background:#1368e8;padding:6px 9px;border-radius:6px}.lead-category{margin-left:7px;font:700 14px Inter;color:#d9e7fb}.lead-primary-copy h1{font-size:32px;line-height:1.17;letter-spacing:-.04em;margin:10px 0 8px;color:#fff}.lead-primary-copy p{max-width:720px;margin:0 0 12px;color:#e3e9f1;font-size:15px;line-height:1.55}.lead-meta{display:flex;gap:8px;flex-wrap:wrap;color:#cad5e2;font:500 14px Inter}.lead-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-secondary-card{border:1px solid #e1e7ef;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(12,34,58,.04)}.lead-secondary-media{height:118px;display:block;background:#edf2f7}.lead-secondary-card>div{padding:11px}.lead-secondary-card h2{font-size:15px;line-height:1.35;margin:5px 0 9px;letter-spacing:-.015em}.mini-category{font:800 14px Inter;color:#1368e8}.latest-rail{border:1px solid #e1e7ef;border-radius:12px;background:#fff;padding:14px 14px 10px;min-width:0}.rail-head{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:2px solid #16263a}.rail-head b,.rail-head small{display:block}.rail-head b{font-size:17px}.rail-head small{color:#8994a2}.latest-timeline>a{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #eef1f5}.latest-timeline time{font:700 14px Inter;color:#1368e8}.latest-timeline span{font-size:14px;line-height:1.35;font-weight:600}.rail-more{display:inline-flex;margin-top:10px;color:#1368e8;font-weight:700;font-size:14px}.homepage-section{margin-top:38px}.premium-section-head{display:flex;align-items:end;gap:14px;margin-bottom:16px}.premium-section-head>div h2{font-size:24px;margin:1px 0 0;letter-spacing:-.03em}.section-kicker{color:#1368e8}.section-rule{height:1px;background:#dfe5ec;flex:1;margin-bottom:5px}.premium-section-head>a{font:600 14px Inter;color:#61758c;margin-bottom:1px}.latest-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.latest-card{border-top:3px solid #15283f;padding-top:10px}.latest-thumb{height:145px;display:block;border-radius:9px;overflow:hidden;background:#edf2f7;margin-bottom:10px}.latest-card h3{font-size:16px;line-height:1.38;margin:5px 0 9px}.editor-picks-section{padding:22px;border-radius:16px;background:#f3f7fc;border:1px solid #dce7f3}.editor-picks-grid{display:grid;grid-template-columns:1.25fr repeat(2,1fr);gap:15px}.editor-pick{background:#fff;border:1px solid #dfe6ef;border-radius:12px;overflow:hidden}.editor-pick-media{height:155px;display:block;position:relative;background:#eaf0f6}.editor-pick>div{padding:13px}.editor-pick h3{font-size:16px;line-height:1.35;margin:5px 0 10px}.editor-pick-featured{grid-row:span 2}.editor-pick-featured .editor-pick-media{height:290px}.editor-pick-featured h3{font-size:22px}.editor-choice-badge{position:absolute;left:12px;bottom:12px;background:#0d1725;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 9px;font:800 14px Inter}.featured-topic-section{background:#0e1b2b;color:#fff;border-radius:16px;padding:23px}.featured-topic-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}.featured-topic-head span{font:800 14px Inter;color:#6fa7fa;letter-spacing:.07em}.featured-topic-head h2{font-size:27px;margin:3px 0}.featured-topic-head p{margin:0;color:#aebed0}.featured-topic-head a{color:#a9c9fa;font-weight:600}.featured-topic-grid{display:grid;grid-template-columns:1.3fr repeat(2,1fr);gap:14px}.topic-feature{background:#14243a;border:1px solid #263b56;border-radius:12px;overflow:hidden}.topic-feature-media{height:150px;display:block;background:#1d314a}.topic-feature>div{padding:13px}.topic-feature h3{margin:0 0 9px;font-size:16px;line-height:1.38;color:#fff}.topic-feature h3 a{color:#fff}.topic-feature .meta{color:#8fa3ba}.topic-feature-main{grid-row:span 2}.topic-feature-main .topic-feature-media{height:310px}.topic-feature-main h3{font-size:22px}.category-news-section{padding-top:4px}.category-editorial-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.9fr) minmax(220px,.55fr);gap:18px}.category-main-story{border-bottom:1px solid #e2e7ed}.category-main-media{height:330px;display:block;border-radius:12px;overflow:hidden;background:#edf2f7}.category-main-story h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:11px 0 7px}.category-main-story p{color:#677383;line-height:1.55;margin:0 0 10px}.category-side-stories{display:grid}.category-side-stories article{display:grid;grid-template-columns:115px 1fr;gap:11px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #e8edf2}.category-side-thumb{height:78px;display:block;border-radius:8px;overflow:hidden;background:#edf2f7}.category-side-stories h4,.category-brief-story h4{font-size:15px;line-height:1.4;margin:0 0 7px}.category-brief-story{align-self:start;padding:16px;border-left:3px solid #1368e8;background:#f7f9fc;border-radius:0 10px 10px 0}.category-brief-story h4{font-size:18px;margin-top:8px}.layout-b .category-editorial-grid{grid-template-columns:minmax(220px,.55fr) minmax(330px,.9fr) minmax(0,1.25fr)}.layout-b .category-main-story{grid-column:3;grid-row:1}.layout-b .category-side-stories{grid-column:2;grid-row:1}.layout-b .category-brief-story{grid-column:1;grid-row:1}.ad-middle{margin:40px 0 5px}.video-home-section{padding:24px;border-radius:16px;background:#0a121d;color:#fff}.dark-head h2{color:#fff}.dark-head .section-rule{background:#263547}.video-home-grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);gap:15px}.video-home-card{border:1px solid #263345;border-radius:12px;overflow:hidden;background:#101c2a}.video-home-media{height:150px;display:block;position:relative;background:#19283a}.video-home-card>div{padding:13px}.video-home-card h3{font-size:16px;line-height:1.38;margin:0 0 8px}.video-home-card h3 a{color:#fff}.video-home-card .meta{color:#8fa0b3}.video-main{grid-row:span 2}.video-main .video-home-media{height:315px}.video-main h3{font-size:22px}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(19,104,232,.92);color:#fff;font-size:17px;box-shadow:0 8px 26px rgba(0,0,0,.28)}.popular-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid #dfe5ec}.popular-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e7ebf0}.popular-number{font:800 22px Inter;color:#c0cada}.popular-row strong{display:block;font-size:15px;line-height:1.4}.popular-row small{display:block;color:#8a95a2;margin-top:3px}.popular-row i{font-style:normal;color:#1368e8}.image-placeholder b{color:#1368e8}
@media(max-width:1100px){.editorial-lead{grid-template-columns:1.35fr .8fr}.latest-rail{grid-column:1/-1}.latest-timeline{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.editor-picks-grid,.featured-topic-grid,.video-home-grid{grid-template-columns:1fr 1fr}.editor-pick-featured,.topic-feature-main,.video-main{grid-row:auto;grid-column:1/-1}.editor-pick-featured .editor-pick-media,.topic-feature-main .topic-feature-media,.video-main .video-home-media{height:320px}.category-editorial-grid,.layout-b .category-editorial-grid{grid-template-columns:1.2fr .8fr}.category-main-story,.layout-b .category-main-story{grid-column:1;grid-row:1}.category-side-stories,.layout-b .category-side-stories{grid-column:2;grid-row:1}.category-brief-story,.layout-b .category-brief-story{grid-column:1/-1;grid-row:auto}.latest-card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.breaking-inner{min-height:42px}.breaking-live{display:none}.topic-strip{align-items:flex-start;flex-direction:column;gap:8px}.editorial-lead{grid-template-columns:1fr}.lead-primary-media{min-height:390px}.lead-primary-copy{padding:20px}.lead-primary-copy h1{font-size:28px}.lead-secondary-grid{grid-template-columns:1fr 1fr}.latest-timeline{grid-template-columns:1fr}.latest-card-grid{grid-template-columns:1fr 1fr}.editor-picks-grid,.featured-topic-grid,.video-home-grid,.category-editorial-grid,.layout-b .category-editorial-grid,.popular-list-grid{grid-template-columns:1fr}.editor-pick-featured,.topic-feature-main,.video-main,.category-main-story,.layout-b .category-main-story,.category-side-stories,.layout-b .category-side-stories,.category-brief-story,.layout-b .category-brief-story{grid-column:1;grid-row:auto}.editor-pick-featured .editor-pick-media,.topic-feature-main .topic-feature-media,.video-main .video-home-media{height:260px}.category-main-media{height:260px}.premium-section-head{align-items:center}.premium-section-head h2{font-size:22px}.section-rule{display:none}.featured-topic-head{align-items:flex-start;flex-direction:column}.video-home-section,.featured-topic-section,.editor-picks-section{padding:17px}}
@media(max-width:500px){.lead-secondary-grid{grid-template-columns:1fr}.lead-secondary-card{display:grid;grid-template-columns:125px 1fr}.lead-secondary-media{height:100%;min-height:120px}.latest-card-grid{grid-template-columns:1fr}.latest-card{display:grid;grid-template-columns:125px 1fr;gap:11px}.latest-thumb{height:100%;min-height:120px;margin-bottom:0}.editor-pick-media,.topic-feature-media,.video-home-media{height:220px}.category-side-stories article{grid-template-columns:105px 1fr}.homepage-section{margin-top:30px}}

/* v0.4.4 — Adaptive Editorial Density + Simple Premium Homepage */
.homepage-v030{padding-top:16px}
.topic-strip{border:0;border-bottom:1px solid #e5e9ef;border-radius:0;background:#fff;padding:8px 0 12px;margin-bottom:16px}
.topic-strip>span{color:#17263a}.topic-strip a{border:0;background:#f4f7fa;color:#4a5d72;padding:6px 10px}.topic-strip a:hover{background:#eaf2fd;color:#0d5fda}
.ad-premium{min-height:76px;border-radius:8px;background:#fafbfd;box-shadow:none}
.editorial-lead{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);grid-template-rows:auto auto;gap:18px 22px;align-items:stretch}
.lead-primary{grid-column:1;grid-row:1}.latest-rail{grid-column:2;grid-row:1}.lead-secondary-grid{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec}
.lead-primary-media{min-height:455px;border-radius:8px;box-shadow:none}
.lead-primary-copy{padding:26px}.lead-primary-copy h1{font-size:34px;max-width:850px}
.lead-secondary-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;border:0;border-right:1px solid #e5e9ef;border-radius:0;box-shadow:none;padding:14px 14px 14px 0;background:#fff}
.lead-secondary-card:last-child{border-right:0;padding-right:0;padding-left:14px}.lead-secondary-card:not(:first-child){padding-left:14px}
.lead-secondary-media{height:82px;border-radius:6px;overflow:hidden}.lead-secondary-card>div{padding:0}.lead-secondary-card h2{font-size:15px;margin:3px 0 7px}
.latest-rail{border-radius:8px;box-shadow:none;padding:16px}.latest-timeline>a{grid-template-columns:58px 1fr;padding:12px 0}.latest-timeline span{line-height:1.42}
.homepage-section{margin-top:34px}.premium-section-head{margin-bottom:14px}.premium-section-head>div h2{font-size:25px}.premium-section-head>a{color:#52677e}.section-rule{background:#e2e7ed}
.latest-card-grid{gap:18px}.latest-card{border-top:2px solid #17283b;padding-top:9px}.latest-thumb{border-radius:7px}.latest-card h3{font-weight:600}
.editor-picks-section{padding:20px;border-radius:10px;background:#f7f9fc;border-color:#e2e8ef}.editor-pick{border-radius:8px;box-shadow:none}.editor-pick-media{border-radius:0}
.featured-topic-section,.video-home-section{border-radius:10px}

/* Category sections now choose a layout by article count so no empty editorial columns remain. */
.category-news-section{padding-top:0;border-top:2px solid #17283b}
.category-section-head{padding-top:12px}.category-section-head>div h2{font-size:26px;font-weight:650}.category-section-head .section-rule{background:#dfe5eb}
.category-single-story{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid #e6eaf0}
.category-single-media{height:250px;border-radius:8px;overflow:hidden;background:#edf2f7}.category-single-media>img{width:100%;height:100%;object-fit:cover}
.category-single-copy h3{font-size:25px;line-height:1.28;letter-spacing:-.025em;margin:7px 0 10px}.category-single-copy p{margin:0 0 12px;color:#667486;line-height:1.62;max-width:680px}
.category-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.category-pair-story{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr);gap:16px;padding-bottom:20px;border-bottom:1px solid #e6eaf0;align-items:start}
.category-pair-media{height:205px;border-radius:8px;overflow:hidden;background:#edf2f7}.category-pair-media>img{width:100%;height:100%;object-fit:cover}
.category-pair-story h3{font-size:19px;line-height:1.34;letter-spacing:-.018em;margin:6px 0 9px}.category-pair-story p{color:#6a7685;margin:0 0 10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.category-adaptive-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.82fr);gap:26px;align-items:start;padding-bottom:18px;border-bottom:1px solid #e6eaf0}
.category-main-story{border-bottom:0}.category-main-media{height:340px;border-radius:8px}.category-main-story h3{font-size:24px;margin:9px 0 7px}.category-main-story p{max-width:760px}
.category-side-stories{display:grid;grid-template-columns:1fr;align-content:start}
.category-side-stories article{grid-template-columns:124px minmax(0,1fr);gap:12px;padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid #e7ebf0}
.category-side-stories article:last-child{margin-bottom:0}.category-side-thumb{height:82px;border-radius:6px}.category-side-stories h4{font-size:15px;line-height:1.38;margin:3px 0 6px}.category-side-stories .mini-category{font-size:14px}
.category-brief-story{display:none!important}
.popular-list-grid{gap:0 30px}.popular-row{padding:15px 0}.popular-row strong{font-size:15px}
footer{margin-top:54px}

@media(max-width:1100px){
  .editorial-lead{grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr)}
  .lead-secondary-grid{grid-template-columns:1fr 1fr}.lead-secondary-card:nth-child(2){border-right:0}.lead-secondary-card:nth-child(n+3){border-top:1px solid #e5e9ef}
  .category-pair-story{grid-template-columns:1fr}.category-pair-media{height:220px}
  .category-adaptive-grid{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr)}
}
@media(max-width:760px){
  .editorial-lead{grid-template-columns:1fr;grid-template-rows:auto}.lead-primary,.latest-rail,.lead-secondary-grid{grid-column:1;grid-row:auto}
  .lead-primary-media{min-height:385px}.lead-secondary-grid{grid-template-columns:1fr 1fr}.lead-secondary-card{grid-template-columns:105px 1fr}
  .category-single-story,.category-adaptive-grid{grid-template-columns:1fr}.category-single-media{height:270px}.category-single-copy h3{font-size:23px}
  .category-pair-grid{grid-template-columns:1fr}.category-pair-story{grid-template-columns:150px 1fr;gap:14px}.category-pair-media{height:125px}.category-pair-story p{display:none}
  .category-main-media{height:275px}.category-side-stories article{grid-template-columns:112px 1fr}
}
@media(max-width:500px){
  .lead-secondary-grid{grid-template-columns:1fr}.lead-secondary-card,.lead-secondary-card:not(:first-child),.lead-secondary-card:last-child{border-right:0;border-top:1px solid #e5e9ef;padding:12px 0}.lead-secondary-card:first-child{border-top:0}
  .premium-section-head>div h2,.category-section-head>div h2{font-size:22px}
  .category-single-media{height:230px}.category-single-copy h3{font-size:21px}
  .category-pair-story{grid-template-columns:125px 1fr}.category-pair-media{height:108px}.category-pair-story h3{font-size:16px}
  .category-main-media{height:240px}.category-main-story h3{font-size:21px}
}


/* v0.4.8 — Cardified News Cards */
:root{--news-card-shadow:0 8px 24px rgba(15,23,42,.06);--news-card-shadow-hover:0 14px 32px rgba(15,23,42,.10);--news-card-border:#e4eaf1}

/* Every article block now reads as a clean white card with a subtle shadow. */
.lead-secondary-grid{gap:14px;border-top:0;border-bottom:0}
.lead-secondary-card,
.latest-card,
.editor-pick,
.topic-feature,
.category-single-story,
.category-pair-story,
.category-main-story,
.category-side-stories article,
.video-home-card,
.news-card{background:#fff;border:1px solid var(--news-card-border)!important;border-radius:14px!important;box-shadow:var(--news-card-shadow)!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.lead-secondary-card:hover,
.latest-card:hover,
.editor-pick:hover,
.topic-feature:hover,
.category-single-story:hover,
.category-pair-story:hover,
.category-main-story:hover,
.category-side-stories article:hover,
.video-home-card:hover,
.news-card:hover{transform:translateY(-2px);box-shadow:var(--news-card-shadow-hover)!important;border-color:#d7e2ef!important}

/* Lead secondary strip becomes proper cards instead of divided rows. */
.lead-secondary-card,
.lead-secondary-card:last-child,
.lead-secondary-card:not(:first-child){display:block;padding:0!important;border-right:1px solid var(--news-card-border)!important}
.lead-secondary-media{display:block;height:168px;border-radius:0!important;background:#edf2f7}
.lead-secondary-card>div{padding:14px 14px 16px!important}
.lead-secondary-card h2{font-size:16px;line-height:1.42;margin:6px 0 10px}

/* Latest cards */
.latest-card{padding:0!important;border-top:0!important}
.latest-thumb{height:168px;border-radius:0!important;margin:0 0 0!important;background:#edf2f7}
.latest-card>div{padding:14px 14px 16px}
.latest-card h3{font-size:18px;line-height:1.42;margin:6px 0 10px}

/* Editorial / topic / video cards */
.editor-pick,.topic-feature,.video-home-card{box-shadow:var(--news-card-shadow)!important}
.editor-pick-media,.topic-feature-media,.video-home-media{border-radius:0!important}
.editor-pick>div,.topic-feature>div,.video-home-card>div{padding:14px 14px 16px}

/* Category sections */
.category-news-section{border-top:0;padding-top:4px}
.category-single-story,.category-pair-story,.category-main-story{padding:14px!important;border-bottom:0!important;align-items:start}
.category-single-media,.category-pair-media,.category-main-media{border-radius:10px!important;overflow:hidden;background:#edf2f7}
.category-single-copy h3,.category-pair-story h3,.category-main-story h3{margin-top:8px}
.category-side-stories{gap:14px}
.category-side-stories article{padding:12px!important;margin:0!important;border-bottom:0!important;align-items:start}
.category-side-thumb{height:86px;border-radius:10px!important}

/* Dark sections keep a softer premium card feel. */
.featured-topic-section,.video-home-section{background:#0d1725;border-radius:14px}
.topic-feature,.video-home-card{background:rgba(255,255,255,.04)}

/* Consistent card links feel. */
.lead-secondary-card a:hover h2,
.latest-card a:hover h3,
.editor-pick a:hover h3,
.topic-feature a:hover h3,
.category-single-story a:hover h3,
.category-pair-story a:hover h3,
.category-main-story a:hover h3,
.category-side-stories a:hover h4,
.video-home-card a:hover h3{color:var(--blue)}

@media(max-width:1100px){
  .lead-secondary-grid{grid-template-columns:1fr 1fr}
  .lead-secondary-card,.lead-secondary-card:last-child,.lead-secondary-card:not(:first-child){border-right:1px solid var(--news-card-border)!important;padding:0!important}
  .lead-secondary-media,.latest-thumb{height:156px}
}
@media(max-width:760px){
  .lead-secondary-grid,.latest-card-grid,.category-pair-grid{grid-template-columns:1fr 1fr}
  .category-adaptive-grid,.category-single-story{grid-template-columns:1fr}
  .category-pair-story{grid-template-columns:1fr}
  .category-pair-media{height:210px}
}
@media(max-width:500px){
  .lead-secondary-grid,.latest-card-grid,.category-pair-grid{grid-template-columns:1fr}
  .lead-secondary-card,.lead-secondary-card:last-child,.lead-secondary-card:not(:first-child){padding:0!important;border-top:0!important}
  .lead-secondary-media,.latest-thumb{height:172px;min-height:0}
  .latest-card{display:block!important}
  .category-pair-story{grid-template-columns:1fr}
  .category-side-stories article{grid-template-columns:110px 1fr}
}

/* v0.4.11 — Inline Related Articles + Reading Time */
.inline-related-article{margin:30px 0!important;padding:0!important;border:0!important;background:transparent!important;font-family:Poppins,system-ui,sans-serif!important}
.inline-related-link{display:grid;align-items:center;gap:14px;min-height:104px;padding:12px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.055);text-decoration:none!important;color:#17202c!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.inline-related-link.has-media{grid-template-columns:126px minmax(0,1fr) 28px}
.inline-related-link.no-media{grid-template-columns:minmax(0,1fr) 28px;padding-left:15px}
.inline-related-link:hover{transform:translateY(-1px);border-color:#cbd9e9;box-shadow:0 11px 28px rgba(15,23,42,.085)}
.inline-related-media{display:block;width:126px;height:84px;border-radius:9px;overflow:hidden;background:#edf2f7}
.inline-related-media img{width:100%;height:100%;object-fit:cover;display:block}
.inline-related-copy{display:block;min-width:0}
.inline-related-label{display:block;margin-bottom:4px;color:#1368e8;font:800 14px/1.25 Inter,sans-serif;letter-spacing:.055em}
.inline-related-copy strong{display:block;color:#19222e;font-size:16px;line-height:1.38;letter-spacing:-.012em;font-weight:650}
.inline-related-meta{display:block;margin-top:6px;color:#7b8795;font:500 14px/1.35 Inter,sans-serif}
.inline-related-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0f5fb;color:#1368e8;font:700 16px/1 Inter,sans-serif}
.article-meta>span:last-child{font-weight:600;color:#647181}

@media(max-width:600px){
  .inline-related-article{margin:24px 0!important}
  .inline-related-link.has-media{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:10px}
  .inline-related-link.no-media{grid-template-columns:1fr;padding:12px 13px}
  .inline-related-media{width:96px;height:74px;border-radius:8px}
  .inline-related-copy strong{font-size:15px;line-height:1.36}
  .inline-related-arrow{display:none}
  .inline-related-meta{font-size:14px;margin-top:4px}
}


/* v0.4.12 — Clear Newsroom + Panel access */
.header-actions{gap:9px}
.header-actions .search{margin-right:8px;color:#233044;font-weight:650}
.newsroom-btn,.panel-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font:700 14px/1 Inter,sans-serif;white-space:nowrap;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.newsroom-btn{background:#fff;color:var(--blue);border:1px solid #a9c8f4;box-shadow:0 3px 10px rgba(19,104,232,.05)}
.newsroom-btn:hover{background:#f3f8ff;border-color:#78acef;transform:translateY(-1px)}
.panel-btn{background:var(--blue);color:#fff;border:1px solid var(--blue);box-shadow:0 5px 14px rgba(19,104,232,.16)}
.panel-btn:hover{background:var(--blue2);border-color:var(--blue2);transform:translateY(-1px)}

@media(max-width:700px){
  .brandrow{height:auto;min-height:76px;padding:10px 0;grid-template-columns:1fr auto}
  .header-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:10px}
  .header-actions .search{display:none}
  .newsroom-btn,.panel-btn{width:100%;min-height:40px;padding:9px 12px}
  .hamburger{align-self:start;margin-top:7px}
}

/* v0.4.13 — Premium Editorial Header */
.site-header{background:#fff;border-top:4px solid #0f1115;border-bottom:1px solid #eef1f5}
.site-header .brandrow{height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.site-header .brand-block{display:flex;align-items:center;min-width:0}
.site-header .brand{font-size:44px;letter-spacing:-2.8px;flex:0 0 auto}
.brand-divider{width:1px;height:28px;background:#dfe4ea;margin:0 17px;flex:0 0 auto}
.site-header .tagline{margin:0;color:#6c7582;font:500 14px/1.35 Inter,sans-serif;white-space:nowrap;letter-spacing:.005em}
.site-header .header-actions{display:flex;align-items:center;justify-self:end;gap:8px}
.site-header .header-actions .search{display:inline-flex;align-items:center;gap:6px;margin:0 7px 0 0;padding:9px 7px;color:#283544;font:650 14px/1 Inter,sans-serif;border-radius:7px;transition:color .18s ease,background .18s ease}
.site-header .header-actions .search:hover{color:var(--blue);background:#f5f8fc}
.site-header .newsroom-btn,.site-header .panel-btn{min-height:40px;padding:10px 15px;border-radius:7px;box-shadow:none}
.site-header .newsroom-btn{border-color:#b9d0ef;background:#fff}
.site-header .newsroom-btn:hover{background:#f7faff;border-color:#8ab4ea;box-shadow:none}
.site-header .panel-btn{box-shadow:0 5px 14px rgba(19,104,232,.13)}

.premium-nav{border-top:0;border-bottom:1px solid #e6eaf0;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 3px 12px rgba(15,23,42,.018)}
.premium-nav .wrap{height:45px;gap:30px}
.premium-nav a{height:45px;color:#303945;font:650 14px/1 Inter,sans-serif}
.premium-nav a:hover{color:var(--blue)}
.premium-nav a.active{color:var(--blue)}
.premium-nav a.active:after{height:2px;border-radius:2px 2px 0 0}
.premium-nav .more{margin-left:auto;color:#4d5967;font:800 16px/1 Inter,sans-serif;letter-spacing:2px}

/* Topics are editorial content, not a third header layer. */
.homepage-v030{padding-top:28px}
.topic-strip{padding:0 0 14px;margin-bottom:18px;gap:16px}
.topic-strip>span{font:800 14px/1.2 Inter,sans-serif;letter-spacing:.01em}
.topic-strip a{border-radius:7px;padding:6px 9px;background:#f4f6f9;color:#475b70}

@media(max-width:900px){
  .site-header .brandrow{gap:16px}
  .site-header .brand{font-size:40px}
  .brand-divider{margin:0 12px;height:24px}
  .site-header .tagline{max-width:250px;white-space:normal}
  .premium-nav .wrap{gap:24px}
}
@media(max-width:700px){
  .site-header .brandrow{height:auto;min-height:76px;padding:12px 0;grid-template-columns:1fr}
  .site-header .brand-block{align-items:flex-start;flex-wrap:wrap}
  .site-header .brand{font-size:38px}
  .brand-divider{display:none}
  .site-header .tagline{width:100%;max-width:none;margin-top:5px;font-size:14px;white-space:normal}
  .site-header .header-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;justify-self:stretch}
  .site-header .header-actions .search{display:none}
  .site-header .newsroom-btn,.site-header .panel-btn{width:100%;min-height:40px}
  .premium-nav .wrap{gap:22px}
  .homepage-v030{padding-top:22px}
}

/* v0.5.0 — Multi-dimensional content discovery */
.article-taxonomy{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 22px}
.article-taxonomy a{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dfe6ee;border-radius:8px;background:#f8fafc;color:#344457;font:600 14px Inter,sans-serif}
.article-taxonomy a:hover{border-color:#abc7ec;background:#f2f7fe;color:#0f62d4}
.article-taxonomy a span{font:800 14px Inter,sans-serif;letter-spacing:.045em;text-transform:uppercase;color:#7f8b99}
.article-category{background:#eef5ff;color:#0f61d0;border:1px solid #d6e6fb}
.page-head>span{letter-spacing:.05em}
@media(max-width:560px){.article-taxonomy{gap:6px}.article-taxonomy a{padding:6px 8px}}

/* v0.5.1 — Modern Article Rails + Ads Workspace delivery */
:root{--ad-border:#e3e8ef;--ad-soft:#f8fafc;--ad-shadow:0 8px 24px rgba(15,23,42,.055)}
.global-header-ad{margin-top:18px;margin-bottom:-4px}.homepage-ad-slot{margin:0 0 18px}.homepage-ad-slot.ad-middle{margin:40px 0 6px}
.nkt-ad-unit{position:relative;background:#fff;border:1px solid var(--ad-border);border-radius:10px;overflow:hidden;box-shadow:var(--ad-shadow);font-family:Inter,Poppins,sans-serif}.nkt-ad-unit>a{display:block;color:inherit}.nkt-ad-disclosure{position:absolute;z-index:3;top:8px;left:8px;display:inline-flex;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.10);color:#697586;font:700 14px/1.2 Inter,sans-serif;letter-spacing:.08em}.nkt-ad-media{display:block;background:#f4f6f9}.nkt-ad-media img{display:block;width:100%;height:auto;object-fit:cover}.nkt-ad-copy{display:block;padding:12px 13px 13px}.nkt-ad-copy strong{display:block;color:#1b2430;font:700 15px/1.35 Poppins,sans-serif}.nkt-ad-copy>span{display:block;margin-top:5px;color:#6f7a88;font:500 14px/1.45 Inter,sans-serif}.nkt-ad-copy em{display:block;margin-top:8px;color:var(--blue);font:700 14px Inter,sans-serif;font-style:normal}.nkt-ad-format-text .nkt-ad-copy{padding:28px 16px 16px}.nkt-ad-format-native .nkt-ad-disclosure{background:#fff8e8;color:#8d6212}.nkt-ad-html{padding:18px;min-height:70px}.nkt-ad-context-global-banner,.nkt-ad-context-homepage-banner,.nkt-ad-context-article-banner{box-shadow:none;border-style:dashed}.nkt-ad-context-global-banner .nkt-ad-media img,.nkt-ad-context-homepage-banner .nkt-ad-media img,.nkt-ad-context-article-banner .nkt-ad-media img{max-height:180px;object-fit:contain}.nkt-ad-context-global-banner .nkt-ad-copy,.nkt-ad-context-homepage-banner .nkt-ad-copy,.nkt-ad-context-article-banner .nkt-ad-copy{text-align:center}.nkt-ad-device-mobile{display:none}

.article-shell-v051{width:min(1380px,calc(100% - 40px));display:grid;grid-template-columns:minmax(210px,235px) minmax(0,760px) minmax(230px,270px);gap:28px;align-items:start;margin-top:4px}.article-shell-v051 .article-main{min-width:0}.article-left-rail,.article-right-rail{min-width:0;padding-top:48px}.article-rail-module{margin-bottom:22px}.rail-module-head{border-top:3px solid #17263a;padding-top:10px;margin-bottom:10px}.rail-module-head>span{font:800 14px Inter,sans-serif;letter-spacing:.1em;color:var(--blue)}.rail-module-head h2{font-size:17px;letter-spacing:-.02em;margin:2px 0;color:#1c2430}.rail-module-head small{display:block;color:#9099a5;font:500 14px Inter,sans-serif}.sidebar-ad-slot{margin-bottom:22px}.sidebar-ad-slot .nkt-ad-media img{max-height:420px;object-fit:cover}.sticky-ad-slot{position:sticky;top:72px}

.most-read-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.most-read-list li{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px;border:1px solid #e7ebf0;border-radius:9px;background:#fff;box-shadow:0 4px 13px rgba(15,23,42,.035)}.most-read-list li>span{font:800 17px/1 Inter,sans-serif;color:#c0cad7;padding-top:3px}.most-read-list strong{display:block;color:#2a3441;font-size:14px;line-height:1.42}.most-read-list small{display:block;margin-top:5px;color:#929ba7;font:500 14px Inter,sans-serif}.rail-topic-chips{display:flex;gap:7px;flex-wrap:wrap}.rail-topic-chips a{padding:6px 8px;border-radius:6px;background:#f0f3f7;color:#526174;font:650 14px Inter,sans-serif}.rail-topic-chips a:hover{background:#e7f0fd;color:var(--blue)}

.right-latest-list{border-top:1px solid #dfe4eb}.right-latest-list a{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #e8ecf1}.right-latest-list time{color:var(--blue);font:700 14px/1.35 Inter,sans-serif}.right-latest-list strong{font-size:14px;line-height:1.4;color:#283341}.right-related{display:grid;grid-template-columns:82px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #e8ecf1}.right-related img{width:82px;height:62px;border-radius:6px;object-fit:cover}.right-related strong{display:block;font-size:14px;line-height:1.4}.right-related small{display:block;margin-top:4px;color:#919aa6;font:500 14px Inter,sans-serif}

.article-shell-v051 .breadcrumbs{margin-bottom:18px}.article-shell-v051 .article-title{font-size:46px}.article-shell-v051 .featured{margin:0 0 26px;border-radius:10px;overflow:hidden;box-shadow:0 9px 24px rgba(15,23,42,.075)}.article-shell-v051 .featured-media-v019{position:relative;display:block;overflow:hidden;background:#eef2f6}.article-shell-v051 .featured img{width:100%;height:auto;max-height:520px;object-fit:cover}.featured-credit-v019{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(8,15,26,.78);backdrop-filter:blur(10px);color:#fff;font:500 14px/1.25 Inter,sans-serif}.featured-credit-v019 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-ad-slot{margin:22px 0}.article-ad-below-title{margin:18px 0 24px}.article-ad-bottom{margin:34px 0 8px}.article-inline-ad{margin:28px 0}.article-inline-ad .nkt-ad-unit{box-shadow:none;background:#fafbfd}.article-inline-ad .nkt-ad-media img{max-height:260px;object-fit:contain}

.you-might-like{margin-top:42px;padding-top:22px;border-top:2px solid #17263a}.recommendation-head>span{font:800 14px Inter,sans-serif;letter-spacing:.11em;color:var(--blue)}.recommendation-head h2{font-size:25px;letter-spacing:-.03em;margin:3px 0 16px}.recommendation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recommendation-grid article{border:1px solid #e2e8ef;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.045)}.recommendation-media{display:block;height:180px;background:#edf2f7}.recommendation-media img{width:100%;height:100%;object-fit:cover}.recommendation-grid article>div{padding:12px 13px 14px}.recommendation-grid article>div>span{font:800 14px Inter,sans-serif;color:var(--blue);text-transform:uppercase}.recommendation-grid h3{font-size:16px;line-height:1.4;margin:5px 0 8px}.recommendation-grid small{color:#929ba7;font:500 14px Inter,sans-serif}.recommendation-grid article:hover{box-shadow:0 12px 28px rgba(15,23,42,.08)}

.mobile-anchor-ad{display:none}.mobile-anchor-ad>button{position:absolute;right:7px;top:-29px;width:28px;height:28px;border:1px solid #dce3eb;border-radius:50%;background:#fff;color:#44505f;font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.10)}

@media(max-width:1200px){.article-shell-v051{width:min(1040px,calc(100% - 36px));grid-template-columns:minmax(0,760px) minmax(230px,260px);gap:26px}.article-left-rail{display:none}.article-right-rail{padding-top:48px}}
@media(max-width:900px){.article-shell-v051{width:min(760px,calc(100% - 32px));grid-template-columns:1fr}.article-right-rail{display:none}.article-shell-v051 .article-title{font-size:39px}.recommendation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nkt-ad-device-desktop{display:none!important}.nkt-ad-device-mobile{display:block}.global-header-ad{margin-top:12px}.article-shell-v051{width:calc(100% - 28px)}.article-shell-v051 .article-title{font-size:32px}.article-shell-v051 .standfirst{font-size:16px}.article-ad-slot,.article-inline-ad{margin:20px 0}.recommendation-grid{grid-template-columns:1fr}.recommendation-media{height:210px}.mobile-anchor-ad{position:fixed;z-index:60;display:block;left:10px;right:10px;bottom:10px;max-height:90px}.mobile-anchor-ad .nkt-ad-unit{box-shadow:0 14px 40px rgba(15,23,42,.20)}.mobile-anchor-ad .nkt-ad-disclosure{top:4px;left:4px}.mobile-anchor-ad .nkt-ad-unit>a{display:grid;grid-template-columns:105px 1fr;align-items:center}.mobile-anchor-ad .nkt-ad-media img{height:70px;object-fit:cover}.mobile-anchor-ad .nkt-ad-copy{padding:8px 10px}.mobile-anchor-ad .nkt-ad-copy strong{font-size:14px}.mobile-anchor-ad .nkt-ad-copy>span{display:none}}

/* v0.5.3 — Simple photo credit + ad directly below featured image */
.article-shell-v051 .featured.featured-v053{margin:0 0 24px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;isolation:auto!important}
.featured-v053 .featured-media-v019{overflow:hidden;border-radius:10px;background:#eef2f6;box-shadow:0 9px 24px rgba(15,23,42,.075)}
.featured-v053 .featured-media-v019 img{border-radius:0}
.featured-credit-simple{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin:7px 2px 0;color:#7d8794;font:500 14px/1.45 Inter,sans-serif;text-align:right}
.featured-credit-simple span{color:#9aa3ae}
.featured-credit-simple strong{font-weight:600;color:#66717e;overflow-wrap:anywhere}
.article-ad-after-featured{margin:14px 0 30px}
.article-ad-after-featured .nkt-ad-unit{border-style:solid;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.article-ad-after-featured .nkt-ad-context-article-banner .nkt-ad-media img{max-height:160px;object-fit:contain}
@media(max-width:760px){.featured-credit-simple{font-size:14px;margin-top:6px}.article-ad-after-featured{margin:12px 0 24px}}
/* v0.5.3 specificity guard: neutralise legacy absolute credit overlay rules. */
.featured-v053 .featured-credit-simple{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;color:#7d8794!important}
.featured-v053 .featured-credit-simple strong{color:#66717e!important}

/* v0.5.4 — Portal-only photo credit */
.featured-credit-simple{justify-content:flex-start!important;margin:7px 0 0!important;text-align:left!important;color:#737d89!important;font:500 14px/1.45 Inter,sans-serif!important}
.featured-credit-simple span{color:#8b95a1!important}
.featured-credit-simple strong{font-weight:600!important;color:#5f6976!important;overflow-wrap:normal!important}
@media(max-width:760px){.featured-credit-simple{font-size:14px!important;margin-top:6px!important}}

/* v0.5.5 — Image Attribution Signature
   Photo source sits above a small Nokitoku presentation mark inside the image.
   The Nokitoku mark identifies the publisher presentation, not photo ownership. */
.article-shell-v051 .featured.featured-v055{margin:0 0 24px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;isolation:auto!important}
.featured-v055 .featured-media-v019{position:relative;overflow:hidden;border-radius:10px;background:#eef2f6;box-shadow:0 9px 24px rgba(15,23,42,.075)}
.featured-v055 .featured-media-v019 img{border-radius:0}
.image-attribution-signature{position:absolute;left:14px;bottom:12px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:calc(100% - 28px);pointer-events:none}
.image-credit-overlay{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin:0;padding:4px 7px;border:0;border-radius:5px;background:rgba(11,18,28,.68);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgba(255,255,255,.86);font:500 14px/1.35 Inter,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.12);text-shadow:0 1px 1px rgba(0,0,0,.18)}
.image-credit-overlay span{color:rgba(255,255,255,.72)}
.image-credit-overlay strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:650}
.nkt-image-watermark{display:inline-flex;align-items:stretch;height:30px;border:1px solid rgba(255,255,255,.7);border-radius:6px;overflow:hidden;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.13);font-family:Inter,sans-serif}
.nkt-watermark-mark{display:grid;place-items:center;min-width:32px;padding:0 7px;background:#fff;color:#1368e8;font:800 14px/1 Inter,sans-serif;letter-spacing:-.03em;border-right:1px solid #e7ebf0}
.nkt-watermark-word{display:flex;align-items:center;padding:0 9px;color:#121820;font:750 14px/1 Inter,sans-serif;letter-spacing:-.02em;text-transform:uppercase}
.nkt-watermark-word b{color:#1368e8;font-weight:800}
.article-ad-after-featured{margin:16px 0 30px}
@media(max-width:760px){
  .image-attribution-signature{left:10px;bottom:10px;gap:4px;max-width:calc(100% - 20px)}
  .image-credit-overlay{font-size:14px;padding:4px 6px}
  .nkt-image-watermark{height:28px}
  .nkt-watermark-mark{min-width:30px;padding:0 6px;font-size:14px}
  .nkt-watermark-word{padding:0 8px;font-size:14px}
  .article-ad-after-featured{margin:14px 0 25px}
}

/* v0.5.6 — Drawer Navigation + Attribution Stack Fix */
.site-header{position:relative;z-index:70;box-shadow:0 5px 18px rgba(15,23,42,.025)}
.site-header .brandrow{height:82px}
.site-menu-toggle{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;color:#202a36;font:700 14px/1 Inter,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
.site-menu-toggle:hover{background:#f6f9fc;border-color:#bccbda;color:var(--blue)}
.menu-bars{width:18px;display:grid;gap:3px}.menu-bars i{display:block;height:2px;border-radius:3px;background:currentColor}

/* Category navigation is now intentionally moved into the drawer. */
.premium-nav{display:none!important}
.homepage-v030{padding-top:28px}

.site-nav-drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.site-nav-scrim{position:absolute;inset:0;border:0;background:rgba(7,14,24,.46);opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .22s ease}
.site-nav-panel{position:absolute;left:0;top:0;bottom:0;width:min(320px,88vw);display:flex;flex-direction:column;background:#fff;box-shadow:22px 0 55px rgba(8,18,33,.18);transform:translateX(-102%);transition:transform .24s ease;overflow:auto;overscroll-behavior:contain}
body.nav-drawer-open{overflow:hidden}
body.nav-drawer-open .site-nav-drawer{visibility:visible;pointer-events:auto}
body.nav-drawer-open .site-nav-scrim{opacity:1}
body.nav-drawer-open .site-nav-panel{transform:translateX(0)}
.drawer-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 20px 18px;border-bottom:1px solid #e8edf2}
.drawer-brand{display:inline-flex;font-size:28px;line-height:1;font-weight:750;letter-spacing:-1.8px;color:#0f141b}.drawer-brand b{color:var(--blue)}
.drawer-brand-row small{display:block;margin-top:6px;color:#7a8491;font:500 14px/1.45 Inter,sans-serif}
.drawer-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe5ec;border-radius:8px;background:#fff;color:#293645;font:400 24px/1 Inter,sans-serif;cursor:pointer}.drawer-close:hover{background:#f5f8fb;color:var(--blue)}
.drawer-navigation{padding:8px 0 18px}
.drawer-group{padding:15px 20px 12px;border-bottom:1px solid #edf1f5}.drawer-group:last-child{border-bottom:0}
.drawer-group h2{margin:0 0 8px;color:var(--blue);font:800 14px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.drawer-group a{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#2f3946;font:600 14px/1.35 Inter,sans-serif;border-bottom:1px solid #f2f4f7}.drawer-group a:last-child{border-bottom:0}.drawer-group a span{color:#9ba7b4;transition:transform .18s ease,color .18s ease}.drawer-group a:hover{color:var(--blue)}.drawer-group a:hover span{color:var(--blue);transform:translateX(2px)}
.drawer-utility{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 20px 22px;border-top:1px solid #e8edf2;background:#fafbfd}.drawer-utility a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:7px;font:700 14px Inter,sans-serif}.drawer-utility a:first-child{border:1px solid #b9d0ef;color:var(--blue);background:#fff}.drawer-utility a:last-child{border:1px solid var(--blue);color:#fff;background:var(--blue)}

.discovery-index-page{padding-top:16px}.discovery-index-head{padding:22px 0 18px;border-bottom:1px solid #e3e8ee}.discovery-index-head>span{color:var(--blue);font:800 14px Inter,sans-serif;letter-spacing:.08em}.discovery-index-head h1{margin:5px 0 6px;font-size:36px;letter-spacing:-.04em}.discovery-index-head p{margin:0;color:#747f8c}
.discovery-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 0}.discovery-index-grid a{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:15px 16px;border:1px solid #e1e7ee;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035)}.discovery-index-grid strong{font-size:15px}.discovery-index-grid span{grid-column:1;color:#8994a0;font:500 14px Inter,sans-serif}.discovery-index-grid i{grid-column:2;grid-row:1/3;font-style:normal;color:var(--blue)}.discovery-index-grid a:hover{border-color:#b8cdeb;box-shadow:0 9px 22px rgba(15,23,42,.06)}

/* The legacy `.featured figcaption` rule is absolute. Explicitly neutralise it
   so credit and watermark are true stacked siblings and never overlap. */
.image-attribution-signature{width:max-content;max-width:calc(100% - 28px);gap:6px!important}
.featured-v055 .image-credit-overlay{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:4px 8px!important;border:0!important;border-radius:5px!important;background:rgba(11,18,28,.70)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;color:rgba(255,255,255,.86)!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}
.featured-v055 .image-credit-overlay strong{min-width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#fff!important}
.featured-v055 .image-credit-overlay span{color:rgba(255,255,255,.72)!important}

@media(max-width:900px){.menu-toggle-label{display:none}.site-menu-toggle{padding:9px 10px}}
@media(max-width:700px){
  .site-header .brandrow{min-height:68px;padding:10px 0;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .site-header .brand-block{display:block;min-width:0}.site-header .brand{font-size:36px}.site-header .tagline{display:none}.brand-divider{display:none}
  .site-header .header-actions{display:flex!important;grid-template-columns:none;width:auto;justify-self:end;gap:7px;margin:0}
  .site-header .header-actions .search{display:inline-flex!important;margin:0;padding:9px 8px}.site-header .header-actions .search-label{display:none}.site-header .header-actions .search-icon{font-size:18px}
  .site-header .newsroom-btn,.site-header .panel-btn{display:none!important}
  .site-menu-toggle{min-width:40px;padding:9px}.menu-toggle-label{display:none}
  .site-nav-panel{width:min(320px,88vw)}
  .homepage-v030{padding-top:22px}
  .discovery-index-grid{grid-template-columns:1fr 1fr}
  .image-attribution-signature{left:10px;bottom:10px;max-width:calc(100% - 20px);gap:5px!important}
}
@media(max-width:500px){.discovery-index-grid{grid-template-columns:1fr}.drawer-group{padding-left:18px;padding-right:18px}}

/* v0.5.7 — Practical News Alert
   Alert bar is conditional, content-led and type-aware. It is not a permanent decorative ticker. */
.news-alert-bar{--alert-accent:#2d7ff2;--alert-accent-rgb:45,127,242;background:linear-gradient(90deg,#0b1523 0%,#0f1d2f 58%,#0c1827 100%);color:#fff;border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
/* Breaking stays inside Nokitoku's navy shell. Red is now an editorial accent, not a full emergency bar. */
.news-alert-bar.news-alert-breaking{--alert-accent:#ef5b67;--alert-accent-rgb:239,91,103;background:linear-gradient(90deg,#0b1523 0%,#111d2d 64%,#0c1827 100%)}
.news-alert-bar.news-alert-live{--alert-accent:#4a91ff;--alert-accent-rgb:74,145,255;background:linear-gradient(90deg,#0a1728 0%,#0d2442 62%,#0b192a 100%)}
.news-alert-inner{min-height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px}
.news-alert-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 9px;border:1px solid rgba(var(--alert-accent-rgb),.32);border-radius:7px;background:rgba(var(--alert-accent-rgb),.10);font:800 14px/1 Inter,sans-serif;letter-spacing:.075em;color:#f8fbff}
.news-alert-label i{width:7px;height:7px;border-radius:50%;background:var(--alert-accent);box-shadow:0 0 0 4px rgba(var(--alert-accent-rgb),.14)}
.news-alert-breaking .news-alert-label{background:rgba(239,91,103,.115);border-color:rgba(239,91,103,.38)}
.news-alert-breaking .news-alert-label i{background:#ef5b67;box-shadow:0 0 0 4px rgba(239,91,103,.14)}
.news-alert-live .news-alert-label{background:rgba(74,145,255,.12);border-color:rgba(74,145,255,.36)}
.news-alert-live .news-alert-label i{background:#65a2ff;box-shadow:0 0 0 4px rgba(74,145,255,.15);animation:nkt-alert-pulse 1.8s ease-out infinite}
.news-alert-headline{min-width:0;color:#f8fbff;font:650 14px/1.4 Poppins,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.news-alert-headline:hover{color:#a9cbff}
.news-alert-time{white-space:nowrap;color:#aebccd;font:600 14px/1 Inter,sans-serif}
.news-alert-read{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:28px;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.055);color:#f7faff;font:750 14px/1 Inter,sans-serif;transition:background .16s ease,border-color .16s ease,color .16s ease}
.news-alert-read:hover{background:rgba(var(--alert-accent-rgb),.14);border-color:rgba(var(--alert-accent-rgb),.34);color:#fff;text-decoration:none}
@keyframes nkt-alert-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.34)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media(max-width:700px){
  .news-alert-inner{min-height:0;padding-top:10px;padding-bottom:10px;grid-template-columns:auto 1fr auto;gap:7px 9px}
  .news-alert-headline{grid-column:1/-1;grid-row:2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
  .news-alert-time{grid-column:2;grid-row:1;justify-self:start;font-size:14px}
  .news-alert-label{padding:5px 8px;font-size:14px}
  .news-alert-read{grid-column:3;grid-row:1;min-height:26px;padding:5px 8px;font-size:14px}
}


/* v0.5.8 — Global Public Shell Stability
   Keeps the horizontal origin, viewport gutter and shell width identical across
   home, discovery, search, article, drawer open/close and ad states. */
html{scrollbar-gutter:stable;overflow-y:scroll;scroll-behavior:auto}
body.nkt-public-shell{min-width:0;overflow-x:clip}
body.nkt-public-shell.nav-drawer-open{overflow:hidden;padding-right:var(--nkt-scrollbar-comp,0px)}
body.nkt-public-shell>header,body.nkt-public-shell>main,body.nkt-public-shell>footer{min-width:0}
.wrap{width:calc(100% - 36px);max-width:var(--max);margin-left:auto;margin-right:auto}
.site-header .brandrow{width:calc(100% - 36px);max-width:var(--max);margin-left:auto;margin-right:auto}
.site-header .brand-block,.site-header .header-actions,.homepage-v030,.article-shell-v051,.article-main,.article-left-rail,.article-right-rail{min-width:0}
.site-nav-panel{contain:layout paint;will-change:transform}
.site-nav-scrim{width:100%;height:100%;padding:0}
:where([id]){scroll-margin-top:18px}
.footer-pending-link{display:block;padding:3px 0;color:#748295;cursor:default}

/* Local horizontal overflow is contained by the component instead of widening the page. */
.topic-strip>div,.table-wrap,.drawer-navigation{max-width:100%}
.topic-strip>div{overscroll-behavior-inline:contain}
.nkt-ad-unit,.global-header-ad,.homepage-ad-slot,.article-ad-slot,.sidebar-ad-slot{max-width:100%;min-width:0}
.nkt-ad-copy,.nkt-ad-copy strong,.nkt-ad-copy>span{min-width:0;overflow-wrap:anywhere}

/* Avoid layout shifts caused by hover transforms on primary shell controls. */
.site-header .newsroom-btn:hover,.site-header .panel-btn:hover{transform:none}

@media(max-width:700px){
  .wrap,.site-header .brandrow{width:calc(100% - 28px)}
  body.nkt-public-shell.nav-drawer-open{padding-right:0}
}
@supports not (overflow:clip){body.nkt-public-shell{overflow-x:hidden}}

/* v0.5.9 — Ad Media Reliability */
.nkt-ad-media-missing .nkt-ad-copy{padding-top:32px}
.nkt-ad-unit[hidden]{display:none!important}

/* v0.5.10 — Premium campaign creative rendering */
.nkt-ad-unit{border-color:#dfe6ee;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.nkt-ad-unit:hover{box-shadow:0 12px 30px rgba(15,23,42,.085)}
.nkt-ad-format-image .nkt-ad-media img{width:100%;height:auto;object-fit:contain;background:#fff}
.nkt-ad-format-text{border-left:4px solid var(--blue);background:linear-gradient(135deg,#fff,#f7faff)}
.nkt-ad-format-text .nkt-ad-copy{padding:30px 18px 18px}.nkt-ad-format-text .nkt-ad-copy strong{font-size:17px}.nkt-ad-format-text .nkt-ad-copy>span{max-width:720px}.nkt-ad-format-text .nkt-ad-copy em{margin-top:10px}
.nkt-ad-format-native .nkt-ad-media{background:#eef3f8}.nkt-ad-format-native .nkt-ad-media img{width:100%;height:auto;object-fit:cover}.nkt-ad-format-native .nkt-ad-copy strong{font-size:16px}
.nkt-ad-format-html .nkt-ad-html{padding:0}.nkt-ad-format-html>a{display:block}.nkt-ad-format-html .nkt-ad-disclosure{background:rgba(255,255,255,.94)}
.sticky-ad-slot .nkt-ad-format-image .nkt-ad-media img{max-height:none!important;height:auto!important;object-fit:contain!important}
.article-inline-ad .nkt-ad-format-image .nkt-ad-media img{max-height:none;object-fit:contain}
.article-ad-after-featured .nkt-ad-format-native .nkt-ad-media img{max-height:190px;object-fit:cover}
.nkt-ad-context-global-banner.nkt-ad-format-image .nkt-ad-media img,.global-header-ad .nkt-ad-format-image .nkt-ad-media img{max-height:none;object-fit:contain}
@media(max-width:760px){.nkt-ad-format-text .nkt-ad-copy{padding:26px 14px 14px}.nkt-ad-format-text .nkt-ad-copy strong{font-size:15px}.mobile-anchor-ad .nkt-ad-format-image .nkt-ad-media img{height:60px!important;max-height:60px!important;object-fit:cover!important}}


/* v0.5.11 — Mobile Ads UX Hardening
   Mobile ads are treated as their own reading experience: low-height banners,
   compact native cards, consistent spacing and a collision-aware anchor. */
@media(max-width:760px){
  /* In-flow article advertising keeps editorial breathing room. */
  .article-ad-slot,.article-inline-ad{margin:26px 0!important}
  .article-ad-after-featured{margin:16px 0 30px!important}
  .article-ad-below-title{margin:18px 0 26px!important}
  .article-ad-bottom{margin:34px 0 14px!important}
  .article-inline-ad{padding:0!important;background:transparent!important}

  .article-ad-slot .nkt-ad-unit,
  .article-inline-ad .nkt-ad-unit{
    border-radius:10px!important;
    border:1px solid #e1e7ee!important;
    box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
    background:#fff!important;
  }
  .article-ad-slot .nkt-ad-disclosure,
  .article-inline-ad .nkt-ad-disclosure{
    top:6px;left:6px;padding:3px 6px;border-radius:4px;
    font-size:14px;letter-spacing:.07em
  }

  /* Artwork banners are never stretched into tall desktop-like cards. */
  .nkt-ad-context-article-banner.nkt-ad-format-image .nkt-ad-media img,
  .nkt-ad-context-article-inline.nkt-ad-format-image .nkt-ad-media img{
    width:100%!important;height:auto!important;max-height:112px!important;
    object-fit:contain!important;background:#fff!important
  }

  /* A true native unit becomes a compact horizontal card on mobile. */
  .nkt-ad-context-article-banner.nkt-ad-format-native.nkt-ad-has-media>a,
  .nkt-ad-context-article-inline.nkt-ad-format-native.nkt-ad-has-media>a{
    display:grid!important;grid-template-columns:minmax(96px,31%) minmax(0,1fr)!important;
    align-items:stretch!important
  }
  .nkt-ad-context-article-banner.nkt-ad-format-native .nkt-ad-media,
  .nkt-ad-context-article-inline.nkt-ad-format-native .nkt-ad-media{min-height:104px}
  .nkt-ad-context-article-banner.nkt-ad-format-native .nkt-ad-media img,
  .nkt-ad-context-article-inline.nkt-ad-format-native .nkt-ad-media img{
    width:100%!important;height:100%!important;min-height:104px!important;max-height:128px!important;
    object-fit:cover!important
  }
  .nkt-ad-context-article-banner.nkt-ad-format-native .nkt-ad-copy,
  .nkt-ad-context-article-inline.nkt-ad-format-native .nkt-ad-copy{padding:12px 11px!important;align-self:center}
  .nkt-ad-context-article-banner.nkt-ad-format-native .nkt-ad-copy strong,
  .nkt-ad-context-article-inline.nkt-ad-format-native .nkt-ad-copy strong{font-size:14px!important;line-height:1.35}
  .nkt-ad-context-article-banner.nkt-ad-format-native .nkt-ad-copy>span,
  .nkt-ad-context-article-inline.nkt-ad-format-native .nkt-ad-copy>span{
    display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    margin-top:4px;font-size:14px!important;line-height:1.4
  }
  .nkt-ad-context-article-banner.nkt-ad-format-native .nkt-ad-copy em,
  .nkt-ad-context-article-inline.nkt-ad-format-native .nkt-ad-copy em{margin-top:6px;font-size:14px}

  /* Text ads remain useful without turning into a large card. */
  .nkt-ad-context-article-banner.nkt-ad-format-text .nkt-ad-copy,
  .nkt-ad-context-article-inline.nkt-ad-format-text .nkt-ad-copy{padding:25px 13px 13px!important}
  .nkt-ad-context-article-banner.nkt-ad-format-text .nkt-ad-copy strong,
  .nkt-ad-context-article-inline.nkt-ad-format-text .nkt-ad-copy strong{font-size:14px!important}
  .nkt-ad-context-article-banner.nkt-ad-format-text .nkt-ad-copy>span,
  .nkt-ad-context-article-inline.nkt-ad-format-text .nkt-ad-copy>span{font-size:14px!important;line-height:1.45}

  /* Mobile anchor: one slim creative only, inside safe area, never a mini 300x250. */
  .mobile-anchor-ad{
    display:none;position:fixed;z-index:60;left:50%!important;right:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
    width:min(388px,calc(100% - 16px));max-height:64px!important;
    transform:translateX(-50%);margin:0!important
  }
  .mobile-anchor-ad.is-ready{display:block}
  .mobile-anchor-ad .nkt-ad-unit{
    max-height:64px!important;border-radius:10px!important;overflow:hidden!important;
    border:1px solid #dce4ec!important;background:#fff!important;
    box-shadow:0 12px 30px rgba(15,23,42,.18)!important
  }
  .mobile-anchor-ad .nkt-ad-unit>a{display:block!important;min-height:0!important}
  .mobile-anchor-ad .nkt-ad-media{display:block!important;height:auto!important;min-height:0!important}
  .mobile-anchor-ad .nkt-ad-format-image .nkt-ad-media img{
    width:100%!important;height:auto!important;max-height:62px!important;object-fit:contain!important;background:#fff!important
  }
  .mobile-anchor-ad .nkt-ad-format-text .nkt-ad-copy{padding:20px 38px 8px 12px!important;min-height:58px}
  .mobile-anchor-ad .nkt-ad-format-text .nkt-ad-copy strong{font-size:14px!important;line-height:1.25}
  .mobile-anchor-ad .nkt-ad-format-text .nkt-ad-copy>span,.mobile-anchor-ad .nkt-ad-format-text .nkt-ad-copy em{display:none!important}
  .mobile-anchor-ad .nkt-ad-disclosure{top:4px!important;left:5px!important;padding:2px 5px!important;font-size:14px!important}
  .mobile-anchor-ad>button{
    z-index:5;right:4px!important;top:4px!important;width:22px!important;height:22px!important;
    border-color:rgba(15,23,42,.12)!important;background:rgba(255,255,255,.94)!important;
    color:#465364!important;font:700 15px/20px Inter,sans-serif!important;box-shadow:0 2px 7px rgba(15,23,42,.10)!important
  }
}


/* v0.5.14 — Premium article share toolbar */
.article-share{margin:24px 0 6px;padding:18px 0;border-top:1px solid #e4e9ef;border-bottom:1px solid #edf1f5}
.article-share-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.article-share-head>span{font:800 14px/1 Inter,sans-serif;letter-spacing:.12em;color:#1368e8}
.article-share-head>strong{font-size:15px;color:#202b39}
.share-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:0!important;padding:0!important}
.share-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px!important;border:1px solid #dce4ed!important;border-radius:10px!important;background:#fff!important;color:#263548!important;font:700 14px/1 Inter,sans-serif!important;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.share-action:hover{transform:translateY(-1px);border-color:#c6d4e5!important;box-shadow:0 8px 20px rgba(15,23,42,.07)}
.share-action:focus-visible{outline:3px solid rgba(19,104,232,.16);outline-offset:2px}
.share-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}
.share-icon svg{width:18px;height:18px;display:block;fill:currentColor}
.share-whatsapp{color:#117a45!important;background:#f3fbf7!important;border-color:#d3eedf!important}
.share-facebook{color:#1769d1!important;background:#f5f8fe!important;border-color:#dbe7fb!important}
.share-telegram{color:#1688b9!important;background:#f3faff!important;border-color:#d4edf8!important}
.share-copy.is-copied{color:#147248!important;background:#eefaf4!important;border-color:#cbe9d8!important}
.share-native{color:#fff!important;background:#111c2b!important;border-color:#111c2b!important}
@media(max-width:760px){
  .article-share{margin-top:20px;padding:16px 0}
  .share-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .share-action{width:100%;min-width:0;padding:10px 11px!important}
  .share-native:not([hidden]){display:inline-flex}
}
@media(max-width:380px){.share-action{font-size:14px!important}.share-icon{width:18px;flex-basis:18px}.share-icon svg{width:17px;height:17px}}


/* v0.5.15 — Balanced header logo scale */
.site-header .brandrow{height:78px}
.site-header .brand{font-size:36px;letter-spacing:-2.2px;line-height:.96}
.site-header .brand-divider{height:23px;margin-left:15px;margin-right:15px}
.site-header .tagline{font-size:14px;line-height:1.35;white-space:nowrap}
@media(max-width:1100px){
  .site-header .brand{font-size:34px;letter-spacing:-2px}
  .site-header .brand-divider{height:22px;margin-left:12px;margin-right:12px}
}
@media(max-width:760px){
  .site-header .brandrow{min-height:64px;padding:9px 0}
  .site-header .brand{font-size:32px;letter-spacing:-1.9px}
}


/* v0.5.17 — Premium Editorial Rails + private Super Admin public edit control */
.editorial-rail-card{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;overflow:hidden}
.latest-rail.editorial-rail-card{padding:0!important}
.latest-rail .rail-head{min-height:70px;padding:15px 16px 13px;border-bottom:1px solid #e8edf3!important;background:linear-gradient(135deg,#fbfdff,#f6f9fd);position:relative}
.latest-rail .rail-head:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),rgba(19,104,232,.08) 62%,transparent)}
.latest-rail .rail-head .live-pulse{width:9px;height:9px;box-shadow:0 0 0 5px rgba(19,104,232,.10)}
.latest-rail .rail-head b{font-size:18px;letter-spacing:-.025em;color:#172235}.latest-rail .rail-head small{margin-top:2px;font:500 14px Inter,sans-serif;color:#8b96a5}
.latest-rail .latest-timeline{padding:4px 10px 0}
.latest-rail .latest-timeline>a{grid-template-columns:minmax(62px,72px) minmax(0,1fr);gap:10px;padding:12px 7px;border-bottom:1px solid #edf1f5;border-radius:8px;transition:background .16s ease,transform .16s ease}
.latest-rail .latest-timeline>a:hover{background:#f2f7ff;transform:translateX(2px)}
.latest-rail .latest-timeline time{align-self:start;white-space:nowrap;color:#0d63df;font:750 14px/1.35 Inter,sans-serif;background:#eef5ff;border:1px solid #dceaff;border-radius:7px;padding:4px 6px;text-align:center}
.latest-rail .latest-timeline span{font-size:14px;line-height:1.42;font-weight:650;color:#253244}
.latest-rail .rail-more{display:flex;align-items:center;justify-content:space-between;margin:3px 10px 10px;padding:10px 9px;border-radius:8px;color:#0d63df;font:700 14px Inter,sans-serif;background:#f7faff}
.latest-rail .rail-more:hover{background:#eef5ff}

.article-rail-module.editorial-rail-card{padding:0;margin-bottom:18px}
.article-rail-module .rail-module-head{margin:0!important;padding:14px 15px 12px!important;border-top:0!important;border-bottom:1px solid #e8edf3;background:linear-gradient(135deg,#fbfdff,#f6f9fd);position:relative}
.article-rail-module .rail-module-head:after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),rgba(19,104,232,.08) 62%,transparent)}
.article-rail-module .rail-module-head>span{display:inline-flex;align-items:center;gap:6px;font:800 14px Inter,sans-serif;letter-spacing:.1em;color:#0d63df}
.article-rail-module .rail-module-head>span:before{content:"";width:7px;height:7px;border-radius:50%;background:#2b7df0;box-shadow:0 0 0 4px rgba(43,125,240,.10)}
.article-rail-module .rail-module-head h2{font-size:17px;line-height:1.25;letter-spacing:-.025em;margin:5px 0 0;color:#172235}
.article-rail-module .rail-module-head small{margin-top:3px;color:#8b96a5;font:500 14px Inter,sans-serif}

.most-read-list{gap:0!important;padding:5px 10px 8px!important}
.most-read-list li{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;margin:0;padding:11px 6px!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;transition:background .16s ease,transform .16s ease}
.most-read-list li:last-child{border-bottom:0!important}.most-read-list li:hover{background:#f2f7ff!important;transform:translateX(2px)}
.most-read-list li>span{width:30px;height:30px;display:grid;place-items:center;padding:0!important;border-radius:9px;background:#f0f4f8;color:#8492a5!important;font:800 14px Inter,sans-serif!important}
.most-read-list li:first-child>span{background:#eaf3ff;color:#0d63df!important}.most-read-list strong{font-size:14px!important;line-height:1.42!important;color:#253244!important}.most-read-list small{font-size:14px!important;color:#929ca9!important}

.read-more-like .rail-topic-chips{padding:13px 14px 15px}.read-more-like .rail-topic-chips a{padding:7px 9px;border:1px solid #e1e8f0;border-radius:8px;background:#f7f9fc;color:#485a70;font:650 14px Inter,sans-serif;transition:background .16s ease,border-color .16s ease,color .16s ease}.read-more-like .rail-topic-chips a:hover{background:#eef5ff;border-color:#d7e7ff;color:#0d63df}

.right-latest-list{border-top:0!important;padding:5px 10px 8px}.right-latest-list a{grid-template-columns:minmax(58px,68px) minmax(0,1fr)!important;gap:9px!important;padding:11px 6px!important;border-bottom:1px solid #edf1f5!important;border-radius:8px;transition:background .16s ease,transform .16s ease}.right-latest-list a:last-child{border-bottom:0!important}.right-latest-list a:hover{background:#f2f7ff;transform:translateX(2px)}
.right-latest-list time{white-space:nowrap;align-self:start;color:#0d63df!important;background:#eef5ff;border:1px solid #dceaff;border-radius:7px;padding:4px 5px;text-align:center;font:750 14px/1.35 Inter,sans-serif!important}.right-latest-list strong{font-size:14px!important;line-height:1.42!important;color:#253244!important}

.related-article-module{padding-bottom:7px!important}.right-related{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;margin:0 10px;padding:11px 5px!important;border-bottom:1px solid #edf1f5!important;border-radius:8px;transition:background .16s ease,transform .16s ease}.right-related:last-child{border-bottom:0!important}.right-related:hover{background:#f2f7ff;transform:translateX(2px)}.right-related img{width:82px!important;height:62px!important;border-radius:8px!important}.right-related strong{font-size:14px!important;line-height:1.4;color:#253244}.right-related small{color:#929ca9!important}

.article-public-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 24px}.article-public-toolbar .breadcrumbs{margin:0!important;min-width:0}.public-admin-edit-slot{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.public-admin-edit-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid #bfd8fb;border-radius:9px;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 5px 16px rgba(19,104,232,.08);color:#0d63df;font:700 14px Inter,sans-serif;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.public-admin-edit-button:hover{transform:translateY(-1px);border-color:#8fbcf7;box-shadow:0 9px 22px rgba(19,104,232,.13)}.public-admin-edit-button>span:first-child{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#eaf3ff;font-size:14px}.public-admin-edit-button small{font:800 14px Inter,sans-serif;letter-spacing:.08em;color:#7f94af;margin-left:2px}

@media(max-width:760px){.latest-rail.editorial-rail-card{border-radius:12px!important}.latest-rail .latest-timeline>a{grid-template-columns:64px minmax(0,1fr)}.article-public-toolbar{align-items:flex-start;flex-wrap:wrap}.public-admin-edit-slot{width:100%;justify-content:flex-start}.public-admin-edit-button{min-height:34px}.public-admin-edit-button small{display:none}}

/* SmartDidik Core v1.0 — Portal + modular ecosystem */
:root{--sd-green:#069669;--sd-green-dark:#047857;--sd-green-soft:#ecfdf5;--sd-navy:#0f2748;--sd-text:#10233f;--sd-muted:#607087;--sd-border:#dce7e3;--sd-bg:#f7faf9;--sd-purple:#7c3aed;--sd-orange:#f59e0b;--sd-blue:#2563eb;--sd-radius:18px;--sd-shadow:0 12px 34px rgba(15,39,72,.07)}
*{box-sizing:border-box}body.sd-public{margin:0;background:#fff;color:var(--sd-text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}.sd-public a{color:inherit;text-decoration:none}.sd-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e7efec}.sd-header-main{max-width:1440px;margin:auto;min-height:76px;padding:12px 28px;display:grid;grid-template-columns:230px minmax(340px,680px) 1fr;align-items:center;gap:24px}.sd-brand{display:flex;align-items:center}.sd-brand img{display:block;max-width:100%;height:auto}.sd-search-box{display:grid;grid-template-columns:22px 1fr 44px;align-items:center;gap:9px;border:1px solid #dbe7e3;background:#fff;border-radius:999px;padding:4px 4px 4px 14px;box-shadow:0 5px 18px rgba(20,62,52,.04)}.sd-search-box input{border:0;outline:0;background:transparent;min-width:0;font:500 15px Inter;color:var(--sd-text)}.sd-search-box button{width:42px;height:42px;border:0;border-radius:50%;background:var(--sd-green);display:grid;place-items:center;cursor:pointer}.sd-account-actions{justify-self:end;display:flex;align-items:center;gap:12px;font:600 14px Poppins}.sd-login-link{padding:10px}.sd-account-btn{background:var(--sd-green);color:#fff!important;border-radius:12px;padding:11px 17px;box-shadow:0 7px 18px rgba(6,150,105,.18)}.sd-mobile-menu{display:none}.sd-main-nav{max-width:1440px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:4px;min-height:48px;border-top:1px solid #f0f4f3}.sd-main-nav a{display:flex;align-items:center;gap:8px;padding:12px 16px;font:600 14px Poppins;border-bottom:3px solid transparent}.sd-main-nav a:hover{color:var(--sd-green);border-bottom-color:var(--sd-green)}.sd-home-link{padding-left:6px!important}.sd-page-wrap{max-width:1440px;margin:auto;padding:0 28px 54px}.sd-hero{margin:0 -28px 18px;padding:34px max(28px,calc((100vw - 1440px)/2 + 28px));display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:28px;background:linear-gradient(115deg,#f7fffb 0%,#e8fbf1 56%,#ffffff 100%);overflow:hidden;min-height:370px}.sd-hero-copy{max-width:760px}.sd-kicker{display:block;color:var(--sd-green);font:800 14px Poppins;letter-spacing:.08em;text-transform:uppercase}.sd-hero h1{font:800 clamp(36px,4vw,62px)/1.05 Poppins;margin:8px 0 16px;color:var(--sd-navy);letter-spacing:-.035em}.sd-hero h1 em{font-style:normal;color:var(--sd-green)}.sd-hero p{font-size:18px;color:#465b72;max-width:760px;margin:0 0 22px}.sd-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.sd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:999px;font:700 14px Poppins;border:1px solid transparent}.sd-btn-primary{background:var(--sd-green);color:#fff!important;box-shadow:0 8px 20px rgba(6,150,105,.18)}.sd-btn-secondary{background:#fff;border-color:var(--sd-green);color:var(--sd-green)!important}.sd-hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.sd-hero-points span{font-size:14px;color:#456052;display:flex;align-items:center;gap:6px}.sd-hero-points span:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dff7eb;color:var(--sd-green);font-weight:900}.sd-hero-visual{position:relative;justify-self:end}.sd-hero-visual>img{width:min(520px,100%);height:auto;border-radius:30px;display:block;box-shadow:0 20px 55px rgba(28,79,60,.14)}.sd-hero-note{position:absolute;right:12px;top:14px;background:#fffef5;border:1px solid #e8f0b8;padding:14px 18px;border-radius:50% 45% 48% 42%;font:600 14px/1.35 Poppins;color:#18765b;transform:rotate(-4deg)}.sd-module-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 26px}.sd-module-shortcut{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:10px;border:1px solid #e3ece9;border-radius:16px;padding:13px;background:linear-gradient(180deg,#fff,#f7fcfa);min-width:0}.sd-module-shortcut img{padding:7px;border-radius:13px;background:#ecfdf5}.sd-module-shortcut span{min-width:0}.sd-module-shortcut strong,.sd-module-shortcut small{display:block}.sd-module-shortcut strong{font:700 14px Poppins}.sd-module-shortcut small{font-size:14px;color:#718078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-module-shortcut>b{color:var(--sd-green)}.sd-section{margin:34px 0}.sd-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.sd-section-head h2{font:800 25px Poppins;color:var(--sd-navy);margin:2px 0}.sd-section-head>a{color:var(--sd-green);font:700 14px Poppins}.sd-news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.sd-news-lead{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--sd-border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--sd-shadow)}.sd-news-lead-media{min-height:300px}.sd-news-lead-media img{width:100%;height:100%;object-fit:cover;display:block}.sd-news-lead-copy{padding:24px;align-self:center}.sd-badge{display:inline-flex;background:#e6faf0;color:#047857;border-radius:999px;padding:4px 9px;font:700 14px Poppins}.sd-badge.soft{background:#f0efff;color:#6757ce}.sd-news-lead h3{font:800 26px/1.2 Poppins;margin:10px 0;color:var(--sd-navy)}.sd-news-lead p{color:var(--sd-muted);margin:0 0 12px}.sd-news-lead small{color:#84908c}.sd-news-list{display:grid;gap:10px}.sd-news-list article{display:grid;grid-template-columns:130px 1fr;gap:12px;border-bottom:1px solid #edf1ef;padding:0 0 10px}.sd-news-list img{width:130px;height:88px;object-fit:cover;border-radius:13px;background:#eef5f2}.sd-news-list small{color:#7f8c88;font-size:14px}.sd-news-list h3{font:700 15px/1.35 Poppins;margin:4px 0}.sd-three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.sd-compact-section{margin:24px 0}.sd-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sd-mini-card{border:1px solid var(--sd-border);border-radius:14px;padding:14px;text-align:center;background:#fff}.sd-mini-card img{display:block;margin:0 auto 7px}.sd-mini-card strong,.sd-mini-card small{display:block}.sd-mini-card strong{font:700 14px Poppins}.sd-mini-card small{font-size:14px;color:#7c8984}.sd-tool-stack{display:grid;gap:9px}.sd-tool-row{display:grid;grid-template-columns:52px 1fr 20px;align-items:center;gap:10px;padding:12px;border:1px solid var(--sd-border);border-radius:14px;background:#fff}.sd-tool-row strong,.sd-tool-row small{display:block}.sd-tool-row strong{font:700 15px Poppins;color:var(--sd-green-dark)}.sd-tool-row small{font-size:14px;color:#73817c}.sd-game-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sd-game-mini{border:1px solid var(--sd-border);border-radius:14px;overflow:hidden;background:#fff;padding-bottom:12px}.sd-game-mini>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#f0f7f4}.sd-game-mini h3{font:700 14px Poppins;margin:9px 10px 2px}.sd-game-mini p{font-size:14px;color:#75837f;margin:0 10px 8px}.sd-small-btn{display:block;margin:0 10px;background:var(--sd-green);color:#fff!important;text-align:center;border-radius:999px;padding:6px 8px;font:700 14px Poppins}.sd-product-grid,.sd-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sd-product-card,.sd-content-card,.sd-game-card,.sd-subject-card,.sd-tool-card{border:1px solid var(--sd-border);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,39,72,.045)}.sd-product-card>img,.sd-game-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f7f5}.sd-product-card>div{padding:12px}.sd-product-card h3,.sd-product-card h2{font:700 15px/1.35 Poppins;margin:8px 0 3px}.sd-product-card small{display:block;color:#7b8884}.sd-product-card strong{display:block;margin-top:8px;color:var(--sd-green);font:800 18px Poppins}.sd-vendor-cta{margin-top:18px;padding:22px 26px;border-radius:20px;background:linear-gradient(110deg,#eafbf3,#f9fffc);border:1px solid #d2eee0;display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:18px}.sd-vendor-cta h2{font:800 24px Poppins;margin:2px 0}.sd-vendor-cta p{margin:0;color:#65756f}.sd-community-cta{margin:44px -28px -54px;padding:36px max(28px,calc((100vw - 1440px)/2 + 28px));background:linear-gradient(110deg,#bbf7d0,#e7fff2);display:flex;align-items:center;justify-content:space-between;gap:20px}.sd-community-cta h2{font:800 28px Poppins;margin:5px 0}.sd-community-cta p{margin:0;color:#4d6b5c}.sd-module-hero{margin:22px 0;padding:30px;border:1px solid #dcebe5;border-radius:24px;background:linear-gradient(115deg,#f8fffb,#eafaf2)}.sd-module-hero h1{font:800 38px Poppins;margin:3px 0}.sd-module-hero p{margin:0;color:#5d7067;max-width:800px}.sd-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.sd-content-card .sd-card-media{display:block}.sd-content-card .sd-card-media img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f0f6f4}.sd-card-body{padding:17px}.sd-card-body h2{font:700 18px/1.35 Poppins;margin:8px 0}.sd-card-body p{font-size:14px;color:var(--sd-muted)}.sd-tool-card{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:18px}.sd-tool-card h2{font:800 20px Poppins;margin:6px 0}.sd-tool-card p{color:var(--sd-muted);margin:0 0 8px}.sd-text-link{color:var(--sd-green)!important;font:700 14px Poppins}.sd-game-card>div{padding:14px}.sd-game-card h2{font:700 18px Poppins;margin:8px 0 2px}.sd-subject-card{text-align:center;padding:22px}.sd-subject-card img{margin-bottom:10px}.sd-subject-card h2{font:800 18px Poppins;margin:0}.sd-subject-card p{color:#788781;margin:3px 0}.sd-empty-state,.sd-module-offline{text-align:center;max-width:720px;margin:60px auto;padding:35px;border:1px solid var(--sd-border);border-radius:24px;background:#fbfefc}.sd-empty-state img,.sd-module-offline img{display:block;margin:auto}.sd-empty-state h2,.sd-module-offline h1{font:800 28px Poppins}.sd-empty-state p,.sd-module-offline p{color:#63746c}.sd-offline-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sd-empty-inline{grid-column:1/-1;padding:24px;border:1px dashed #d5e6df;border-radius:15px;color:#66786f;background:#fbfefc}.sd-footer{background:#0c2f2a;color:#dbe9e5;padding:38px max(28px,calc((100vw - 1440px)/2 + 28px)) 18px}.sd-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:30px}.sd-footer-grid strong{display:block;color:#fff;font:700 14px Poppins;margin-bottom:8px}.sd-footer-grid a,.sd-footer-grid p{display:block;color:#bad0ca;font-size:14px;margin:5px 0}.sd-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:25px;padding-top:16px;font-size:14px;color:#9db7b0}
@media(max-width:1100px){.sd-header-main{grid-template-columns:210px 1fr auto}.sd-account-actions .sd-login-link{display:none}.sd-module-shortcuts{grid-template-columns:repeat(3,1fr)}.sd-three-column{grid-template-columns:1fr 1fr}.sd-section.sd-compact-section:last-child{grid-column:1/-1}.sd-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body.sd-public{font-size:16px}.sd-header-main{padding:10px 16px;grid-template-columns:170px 1fr 42px;gap:10px}.sd-search-box{display:none}.sd-account-actions{justify-self:end}.sd-account-btn{padding:9px 12px;font-size:14px}.sd-mobile-menu{display:block;border:0;background:#eef7f4;border-radius:10px;width:40px;height:40px}.sd-main-nav{display:none;padding:8px 14px;position:absolute;left:0;right:0;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.09);flex-direction:column;align-items:stretch}.sd-main-nav.is-open{display:flex}.sd-main-nav a{border-bottom:1px solid #edf2f0}.sd-page-wrap{padding:0 16px 42px}.sd-hero{margin:0 -16px 14px;padding:24px 16px;grid-template-columns:1fr;min-height:0}.sd-hero h1{font-size:39px}.sd-hero p{font-size:16px}.sd-hero-visual{justify-self:stretch}.sd-hero-visual>img{width:100%}.sd-hero-note{display:none}.sd-hero-points{gap:9px}.sd-module-shortcuts{grid-template-columns:1fr 1fr}.sd-module-shortcut{grid-template-columns:42px 1fr 14px}.sd-module-shortcut small{display:none}.sd-news-layout,.sd-news-lead{grid-template-columns:1fr}.sd-news-lead-media{min-height:210px}.sd-news-lead h3{font-size:22px}.sd-news-list article{grid-template-columns:105px 1fr}.sd-news-list img{width:105px;height:76px}.sd-three-column{grid-template-columns:1fr}.sd-section.sd-compact-section:last-child{grid-column:auto}.sd-product-grid,.sd-module-grid{grid-template-columns:1fr 1fr}.sd-vendor-cta{grid-template-columns:60px 1fr}.sd-vendor-cta .sd-btn{grid-column:1/-1}.sd-community-cta{margin-left:-16px;margin-right:-16px;margin-bottom:-42px;padding:28px 16px;display:block}.sd-community-cta .sd-btn{margin-top:15px}.sd-footer{padding:30px 20px 15px}.sd-footer-grid{grid-template-columns:1fr 1fr}.sd-module-hero{padding:22px}.sd-module-hero h1{font-size:31px}}
@media(max-width:480px){.sd-module-shortcuts,.sd-product-grid,.sd-module-grid,.sd-mini-grid,.sd-game-mini-grid,.sd-footer-grid{grid-template-columns:1fr}.sd-account-btn{display:none}.sd-header-main{grid-template-columns:1fr 42px}.sd-module-shortcut small{display:block}.sd-news-list article{grid-template-columns:88px 1fr}.sd-news-list img{width:88px;height:70px}}
.sd-author-card{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:start;margin:28px 0;padding:20px;border:1px solid var(--sd-border);border-radius:18px;background:#f9fdfb}.sd-author-card>img,.sd-author-profile-hero>img{border-radius:50%;object-fit:cover;background:#edf8f3}.sd-author-card h2{font:800 20px Poppins;margin:3px 0}.sd-author-card strong{color:var(--sd-green);font-size:14px}.sd-author-card p{color:var(--sd-muted);font-size:14px}.sd-article-author{display:inline-flex;align-items:center;gap:7px}.sd-article-author img{border-radius:50%;object-fit:cover}.sd-author-profile-hero{margin:26px 0;display:grid;grid-template-columns:120px 1fr;gap:22px;padding:28px;border:1px solid var(--sd-border);border-radius:22px;background:linear-gradient(115deg,#fbfffd,#effbf5)}.sd-author-profile-hero h1{font:800 34px Poppins;margin:2px 0}.sd-author-profile-hero p{color:var(--sd-muted);max-width:820px}.sd-author-expertise{color:var(--sd-green)!important;font-weight:700}@media(max-width:600px){.sd-author-profile-hero{grid-template-columns:1fr;text-align:center}.sd-author-profile-hero>img{margin:auto}.sd-author-card{grid-template-columns:60px 1fr}}

/* SmartDidik v1.0.2 — Premium Public UI Pass */
:root{
  --sd-green:#079669;--sd-green-dark:#047857;--sd-green-soft:#eafaf2;--sd-navy:#0d2344;
  --sd-text:#17304f;--sd-muted:#65758a;--sd-border:#dfe9e6;--sd-bg:#f8fbfa;
  --sd-news:#2f80ed;--sd-news-soft:#eaf4ff;--sd-subjects:#19b86b;--sd-subjects-soft:#eafaf2;
  --sd-games:#ff7a22;--sd-games-soft:#fff1e8;--sd-market:#f04e6d;--sd-market-soft:#fff0f4;
  --sd-tools:#7c4dff;--sd-tools-soft:#f2edff;--sd-yellow:#f6c344;--sd-radius:20px;
  --sd-shadow:0 14px 36px rgba(18,53,72,.08);--sd-shadow-hover:0 18px 45px rgba(18,53,72,.13);
}
body.sd-public{background:#fff;color:var(--sd-text);font-size:16px;line-height:1.62;overflow-x:hidden}
.sd-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sd-header{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid #e9f0ee;box-shadow:0 6px 22px rgba(15,39,72,.035)}
.sd-header-main{max-width:1500px;min-height:78px;padding:10px 34px;grid-template-columns:240px minmax(360px,700px) 1fr;gap:24px}
.sd-brand img{width:218px;height:auto}
.sd-search-wrap{align-self:center;min-width:0}
.sd-search-box{border:1px solid #dbe7e3;box-shadow:0 6px 18px rgba(20,62,52,.045);transition:border-color .2s ease,box-shadow .2s ease}
.sd-search-box:focus-within{border-color:#8ed9bd;box-shadow:0 0 0 4px rgba(7,150,105,.08),0 8px 22px rgba(20,62,52,.06)}
.sd-search-box input{font-size:15px}
.sd-search-hint{display:block;padding:4px 15px 0;color:#8a9893;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-account-actions{gap:13px}.sd-user-greeting{display:flex;flex-direction:column;line-height:1.15;text-align:right}.sd-user-greeting small{font:500 14px Inter;color:#86938f}.sd-user-greeting strong{font:700 14px Poppins;color:var(--sd-navy)}
.sd-account-btn{border-radius:13px;padding:11px 18px;background:linear-gradient(135deg,#0aaa77,#078f66);box-shadow:0 9px 20px rgba(7,150,105,.19)}
.sd-main-nav{max-width:1500px;padding:0 34px;min-height:50px;gap:7px;border-top:1px solid #f0f5f3}
.sd-main-nav a{min-height:50px;padding:11px 14px;border-bottom:3px solid transparent;font-size:14px;transition:color .18s ease,background .18s ease,border-color .18s ease}
.sd-main-nav a img{width:22px;height:22px}.sd-main-nav a:hover,.sd-main-nav a.is-active{color:var(--sd-green);border-bottom-color:var(--sd-green);background:#fbfefc}
.sd-home-link{padding-inline:8px!important}.sd-page-wrap{max-width:1500px;padding:0 34px 58px}

.sd-hero{position:relative;margin:0 -34px 18px;padding:38px max(34px,calc((100vw - 1500px)/2 + 34px));grid-template-columns:minmax(0,.93fr) minmax(480px,1.07fr);gap:26px;min-height:420px;background:linear-gradient(105deg,#f4fff9 0%,#e8fbf2 48%,#f9fffc 100%);isolation:isolate}
.sd-hero:before,.sd-hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}.sd-hero:before{width:210px;height:210px;left:-92px;top:54px;background:#baf2cc}.sd-hero:after{width:115px;height:115px;left:43%;top:105px;background:#d8f8e6;opacity:.75}
.sd-hero-copy{max-width:700px;padding-left:8px}.sd-kicker{font-size:14px;letter-spacing:.085em}.sd-hero h1{font-size:clamp(42px,4.35vw,66px);line-height:1.035;margin:9px 0 15px;letter-spacing:-.045em}.sd-hero p{font-size:18px;line-height:1.55;max-width:650px;margin-bottom:21px}
.sd-btn{min-height:47px;padding:11px 20px;gap:9px;transition:transform .18s ease,box-shadow .18s ease}.sd-btn:hover{transform:translateY(-1px)}.sd-btn-primary{background:linear-gradient(135deg,#0aaa77,#078e66);box-shadow:0 10px 22px rgba(7,150,105,.2)}.sd-btn-primary:hover{box-shadow:0 14px 28px rgba(7,150,105,.26)}
.sd-hero-points{gap:12px 18px;margin-top:23px}.sd-hero-points span{font-size:14px;color:#3f6254}.sd-hero-points span:before{width:19px;height:19px;background:#d9f7e8}
.sd-hero-visual{align-self:stretch;justify-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;margin-right:-34px;min-width:0}.sd-hero-visual>img{width:100%;max-width:790px;height:100%;min-height:350px;max-height:420px;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}.sd-hero-note{display:none}

.sd-module-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 28px}.sd-module-shortcut{position:relative;grid-template-columns:54px minmax(0,1fr) 22px;padding:12px 14px;border:1px solid transparent;border-radius:17px;background:#f8fbfa;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sd-module-shortcut:hover{transform:translateY(-2px);box-shadow:var(--sd-shadow-hover)}.sd-module-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;box-shadow:0 6px 14px rgba(29,72,91,.07)}.sd-module-icon img{width:46px;height:46px}.sd-module-shortcut strong{font-size:14px;color:var(--sd-navy)}.sd-module-shortcut small{font-size:14px;color:#6f7e89}.sd-module-shortcut>b{font-size:19px}
.sd-tone-news{background:linear-gradient(145deg,#f7fbff,#edf6ff);border-color:#d8ebff}.sd-tone-news>b{color:var(--sd-news)}
.sd-tone-subjects{background:linear-gradient(145deg,#f9fffb,#edf9f2);border-color:#d9f0e3}.sd-tone-subjects>b{color:var(--sd-subjects)}
.sd-tone-games{background:linear-gradient(145deg,#fffaf6,#fff0e6);border-color:#ffe2cd}.sd-tone-games>b{color:var(--sd-games)}
.sd-tone-marketplace{background:linear-gradient(145deg,#fff9fb,#fff0f4);border-color:#ffdce5}.sd-tone-marketplace>b{color:var(--sd-market)}
.sd-tone-tools{background:linear-gradient(145deg,#fbf9ff,#f3efff);border-color:#e6dcff}.sd-tone-tools>b{color:var(--sd-tools)}

.sd-section{margin:28px 0}.sd-section-head{align-items:center;margin-bottom:13px}.sd-section-head h2{font-size:24px;letter-spacing:-.025em}.sd-section-head>a{font-size:14px;display:inline-flex;align-items:center;gap:5px}.sd-section-head>a:hover{text-decoration:underline}
.sd-home-feature-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(330px,.78fr);gap:24px;align-items:start}.sd-home-feature-grid.is-single{grid-template-columns:1fr}.sd-feature-section{min-width:0;margin:22px 0}
.sd-news-layout{grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);gap:16px}.sd-news-lead{position:relative;grid-template-columns:1fr;min-height:350px;border:1px solid #dce9e5;box-shadow:var(--sd-shadow);border-radius:20px}.sd-news-lead-media{position:absolute;inset:0;min-height:0}.sd-news-lead-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,32,48,.03) 25%,rgba(7,31,47,.84) 100%)}.sd-news-lead-media img{height:100%}.sd-news-lead-copy{position:relative;z-index:1;align-self:end;margin:0 16px 16px;padding:20px;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 12px 30px rgba(12,35,55,.14)}.sd-news-lead h3{font-size:23px;margin:8px 0 6px}.sd-news-lead p{font-size:14px;line-height:1.5;margin-bottom:8px}.sd-card-meta{display:flex;gap:12px;flex-wrap:wrap;color:#84908c;font-size:14px}.sd-news-list{gap:9px}.sd-news-list article{grid-template-columns:114px 1fr;gap:11px;border:1px solid #e6eeeb;border-radius:14px;padding:7px;background:#fff;transition:transform .18s ease,box-shadow .18s ease}.sd-news-list article:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,39,72,.06)}.sd-news-list img{width:114px;height:76px;border-radius:10px}.sd-news-list h3{font-size:14px;line-height:1.3;margin-top:3px}
.sd-badge-news{background:#eaf4ff;color:#1e68c8}.sd-badge-market{background:#fff0f4;color:#cf3654}

.sd-tools-feature{min-width:0}.sd-tool-stack{gap:10px}.sd-tool-row{position:relative;grid-template-columns:58px 1fr 28px;gap:11px;padding:11px 13px;border-radius:16px;box-shadow:0 6px 18px rgba(15,39,72,.035);transition:transform .18s ease,box-shadow .18s ease}.sd-tool-row:hover{transform:translateY(-2px);box-shadow:var(--sd-shadow)}.sd-tool-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px}.sd-tool-icon img{width:54px;height:54px}.sd-tool-row strong{font-size:16px}.sd-tool-row small{font-size:14px}.sd-tool-row>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:21px;background:#eef8f4;color:var(--sd-green)}
.sd-tool-smartrph{border-color:#cdeee2;background:linear-gradient(90deg,#fff,#f8fffc)}.sd-tool-smartpbd{border-color:#ffd9df;background:linear-gradient(90deg,#fff,#fff9fa)}.sd-tool-smartpbd strong{color:#d7465d}.sd-tool-smartpbd>b{background:#fff0f3;color:#dd4961}.sd-tool-smartsijil{border-color:#ffe9ad;background:linear-gradient(90deg,#fff,#fffdf7)}.sd-tool-smartsijil strong{color:#bf8500}.sd-tool-smartsijil>b{background:#fff7dc;color:#bf8500}.sd-tool-smartworksheet{border-color:#d9e7ff;background:linear-gradient(90deg,#fff,#f9fbff)}.sd-tool-smartworksheet strong{color:#2c69cf}.sd-tool-smartworksheet>b{background:#eef4ff;color:#2c69cf}

.sd-home-discovery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.sd-discovery-panel{min-width:0;margin:18px 0}.sd-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-mini-card{position:relative;padding:14px 10px 13px;border-color:transparent;box-shadow:0 8px 20px rgba(15,39,72,.04);transition:transform .18s ease,box-shadow .18s ease}.sd-mini-card:hover{transform:translateY(-2px);box-shadow:var(--sd-shadow)}.sd-subject-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 7px;border-radius:15px;background:rgba(255,255,255,.75)}.sd-mini-card img{width:46px;height:46px;margin:0}.sd-mini-card strong{font-size:14px}.sd-mini-card small{font-size:14px}.sd-subject-tone-1{background:#fff0f4}.sd-subject-tone-2{background:#eef5ff}.sd-subject-tone-3{background:#edfaf3}.sd-subject-tone-4{background:#fff7de}.sd-subject-tone-5{background:#f4efff}.sd-subject-tone-6{background:#eef9f6}
.sd-game-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sd-game-mini{border-radius:17px;box-shadow:0 8px 20px rgba(15,39,72,.05);padding:0;overflow:hidden}.sd-game-mini>img{aspect-ratio:16/9}.sd-game-mini-body{padding:10px}.sd-game-mini h3{font-size:14px;margin:0 0 2px}.sd-game-mini p{margin:0 0 8px;font-size:14px}.sd-small-btn{margin:0;padding:7px 8px;font-size:14px}.sd-product-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sd-product-card{border-radius:17px;box-shadow:0 8px 20px rgba(15,39,72,.05)}.sd-product-card>img{aspect-ratio:1/1}.sd-product-card>div{padding:10px}.sd-product-card h3{font-size:14px}.sd-product-card strong{font-size:16px}

.sd-module-promo{position:relative;display:grid;grid-template-columns:minmax(220px,.82fr) 1fr;gap:20px;align-items:center;min-height:300px;padding:18px;border-radius:20px;border:1px solid #deebe7;overflow:hidden;background:#fff;box-shadow:var(--sd-shadow)}.sd-module-promo-art{height:100%;min-height:250px;border-radius:16px;overflow:hidden;background:#eff8f4}.sd-module-promo-art img{width:100%;height:100%;object-fit:cover}.sd-module-promo-copy{display:block;padding:8px}.sd-module-promo-copy strong{display:block;margin:10px 0 7px;font:800 25px/1.16 Poppins;color:var(--sd-navy);letter-spacing:-.025em}.sd-module-promo-copy small{display:block;color:var(--sd-muted);font-size:14px;line-height:1.55}.sd-module-promo-copy b{display:inline-flex;margin-top:14px;color:var(--sd-green);font:700 14px Poppins}.sd-module-promo-compact{grid-template-columns:110px 1fr;min-height:190px;padding:14px;box-shadow:0 8px 22px rgba(15,39,72,.04)}.sd-module-promo-compact .sd-module-promo-art{min-height:150px}.sd-module-promo-compact .sd-module-promo-copy{padding:2px}.sd-module-promo-compact .sd-module-promo-copy strong{font-size:17px;margin:0 0 6px}.sd-module-promo-compact .sd-module-promo-copy small{font-size:14px}.sd-module-promo-compact .sd-module-promo-copy b{font-size:14px;margin-top:9px}.sd-promo-news{background:linear-gradient(145deg,#fff,#f3f9ff);border-color:#dcecff}.sd-promo-subjects{background:linear-gradient(145deg,#fff,#f2fbf6);border-color:#d9f0e4}.sd-promo-games{background:linear-gradient(145deg,#fff,#fff6ef);border-color:#ffe4d2}.sd-promo-marketplace{background:linear-gradient(145deg,#fff,#fff4f7);border-color:#ffdee6}

.sd-vendor-section{margin-top:25px}.sd-vendor-cta{position:relative;grid-template-columns:92px minmax(0,1.1fr) minmax(260px,.8fr) auto;gap:20px;padding:24px 28px;border-radius:22px;background:linear-gradient(105deg,#e8fbf2 0%,#f9fffc 62%,#eefaf5 100%);border:1px solid #cfeadf;overflow:hidden;box-shadow:0 10px 28px rgba(15,72,51,.05)}.sd-vendor-cta:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-45px;bottom:-75px;background:#bdf2d0;opacity:.65}.sd-vendor-icon{display:grid;place-items:center;width:86px;height:86px;border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(15,72,51,.08)}.sd-vendor-icon img{width:82px;height:82px}.sd-vendor-cta h2{font-size:22px;margin:2px 0 4px}.sd-vendor-cta p{font-size:14px}.sd-vendor-cta ul{position:relative;z-index:1;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:8px}.sd-vendor-cta li{font-size:14px;color:#3f6455}.sd-vendor-cta li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:50%;background:#fff;color:var(--sd-green);font-weight:900;box-shadow:0 4px 10px rgba(7,150,105,.08)}.sd-vendor-cta .sd-btn{position:relative;z-index:1;white-space:nowrap}
.sd-community-cta{position:relative;margin-top:34px;padding-top:38px;padding-bottom:38px;background:linear-gradient(110deg,#c9f7d9 0%,#e8fff1 52%,#bbf4d0 100%);overflow:hidden}.sd-community-cta:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:-70px;bottom:-95px;background:#86e9ad;opacity:.55}.sd-community-cta>div,.sd-community-cta>a{position:relative;z-index:1}.sd-community-cta h2{font-size:30px;letter-spacing:-.025em}

.sd-module-hero{border-color:#dfece8;box-shadow:0 8px 24px rgba(15,39,72,.04)}.sd-module-news{background:linear-gradient(115deg,#f7fbff,#eaf4ff)}.sd-module-subjects{background:linear-gradient(115deg,#f8fffb,#eafaf2)}.sd-module-games{background:linear-gradient(115deg,#fffaf6,#fff0e7)}.sd-module-marketplace{background:linear-gradient(115deg,#fff9fb,#fff0f4)}.sd-module-tools{background:linear-gradient(115deg,#fbf9ff,#f1edff)}.sd-empty-state{border-style:solid;box-shadow:0 10px 26px rgba(15,39,72,.04)}

.sd-footer{background:linear-gradient(135deg,#0a312b,#0b3c33);padding-top:42px}.sd-footer-grid{grid-template-columns:1.55fr .8fr .8fr 1.3fr;gap:38px}.sd-footer-brand p{max-width:360px}.sd-footer-brand small{color:#7fa79d;font-size:14px}.sd-footer-grid a{transition:color .18s ease}.sd-footer-grid a:hover{color:#fff}.sd-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sd-mobile-bottom-nav{display:none}

@media(max-width:1180px){
  .sd-header-main{grid-template-columns:210px minmax(300px,1fr) auto}.sd-main-nav{overflow-x:auto;scrollbar-width:none}.sd-hero{grid-template-columns:1fr 1fr}.sd-hero-visual>img{min-height:320px}.sd-module-shortcuts{grid-template-columns:repeat(3,1fr)}.sd-home-feature-grid{grid-template-columns:1fr}.sd-home-discovery-grid{grid-template-columns:1fr 1fr}.sd-marketplace-panel{grid-column:1/-1}.sd-vendor-cta{grid-template-columns:80px 1fr 1fr}.sd-vendor-cta .sd-btn{grid-column:2/-1;justify-self:start}
}
@media(max-width:860px){
  .sd-header-main{padding:10px 18px;grid-template-columns:190px 1fr 44px}.sd-search-wrap{display:none}.sd-account-actions{justify-self:end}.sd-account-actions .sd-login-link,.sd-user-greeting{display:none}.sd-mobile-menu{display:grid;place-items:center;border:0;background:#eef7f4;border-radius:11px;width:42px;height:42px;font-size:20px}.sd-main-nav{display:none;padding:8px 16px;position:absolute;left:0;right:0;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.09);flex-direction:column;align-items:stretch}.sd-main-nav.is-open{display:flex}.sd-main-nav a{border-bottom:1px solid #edf2f0}.sd-page-wrap{padding:0 18px 92px}.sd-hero{margin:0 -18px 12px;padding:26px 18px 0;grid-template-columns:1fr;min-height:0;gap:12px}.sd-hero-copy{padding:0;max-width:none}.sd-hero h1{font-size:clamp(40px,9vw,54px)}.sd-hero p{font-size:16px}.sd-hero-visual{margin-right:-18px;margin-left:-18px;justify-content:stretch}.sd-hero-visual>img{max-width:none;width:100%;min-height:260px;max-height:340px;object-position:center}.sd-module-shortcuts{grid-template-columns:1fr 1fr}.sd-home-discovery-grid{grid-template-columns:1fr}.sd-marketplace-panel{grid-column:auto}.sd-vendor-cta{grid-template-columns:70px 1fr}.sd-vendor-cta ul{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.sd-vendor-cta .sd-btn{grid-column:1/-1}.sd-footer-grid{grid-template-columns:1.25fr 1fr 1fr}.sd-footer-grid>div:last-child{grid-column:1/-1}.sd-mobile-bottom-nav{position:fixed;z-index:90;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px calc(7px + env(safe-area-inset-bottom));border:1px solid #dfe9e6;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 16px 44px rgba(12,45,36,.18)}.sd-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:3px;color:#6d7d79;font:600 14px/1.15 Poppins}.sd-mobile-bottom-nav a img{width:25px;height:25px}.sd-mobile-bottom-nav a.is-active{color:var(--sd-green)}
}
@media(max-width:560px){
  .sd-header-main{grid-template-columns:1fr auto 42px;padding:9px 14px}.sd-brand img{width:178px}.sd-account-btn{padding:9px 11px;font-size:14px}.sd-page-wrap{padding-left:14px;padding-right:14px}.sd-hero{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.sd-hero h1{font-size:40px}.sd-hero-actions{display:grid;grid-template-columns:1fr 1fr}.sd-btn{padding:10px 13px;font-size:14px}.sd-hero-visual{margin-left:-14px;margin-right:-14px}.sd-module-shortcuts{grid-template-columns:1fr 1fr;gap:8px}.sd-module-shortcut{grid-template-columns:44px 1fr 15px;padding:10px}.sd-module-icon{width:44px;height:44px}.sd-module-icon img{width:40px;height:40px}.sd-module-shortcut strong{font-size:14px}.sd-module-shortcut small{display:none}.sd-module-shortcuts>a:last-child:nth-child(odd){grid-column:1/-1}.sd-news-lead{min-height:320px}.sd-news-lead-copy{margin:0 10px 10px;padding:15px}.sd-news-lead h3{font-size:20px}.sd-news-list article{grid-template-columns:92px 1fr}.sd-news-list img{width:92px;height:68px}.sd-tool-row{grid-template-columns:52px 1fr 25px}.sd-home-feature-grid,.sd-home-discovery-grid{gap:8px}.sd-module-promo{grid-template-columns:1fr;min-height:0}.sd-module-promo-art{min-height:190px}.sd-module-promo-compact{grid-template-columns:90px 1fr}.sd-module-promo-compact .sd-module-promo-art{min-height:130px}.sd-mini-grid,.sd-game-mini-grid,.sd-product-mini-grid{grid-template-columns:1fr 1fr}.sd-vendor-cta{padding:18px}.sd-vendor-cta ul{grid-template-columns:1fr}.sd-community-cta{display:block}.sd-community-cta .sd-btn{margin-top:15px}.sd-footer{padding-left:18px;padding-right:18px}.sd-footer-grid{grid-template-columns:1fr 1fr;gap:26px}.sd-footer-brand,.sd-footer-grid>div:last-child{grid-column:1/-1}.sd-footer-bottom{display:block}.sd-footer-bottom span{display:block;margin:4px 0}.sd-mobile-bottom-nav a span{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* SmartDidik Core v1.0.3 — Hero & module rail refinement */
.sd-hero{
  grid-template-columns:minmax(0,1fr) minmax(520px,1fr);
  min-height:360px;
  padding-top:30px;
  padding-bottom:26px;
  gap:22px;
  background:linear-gradient(100deg,#f5fff9 0%,#e7fbf1 53%,#f8fffb 100%);
}
.sd-hero-copy{max-width:720px;padding-left:4px;position:relative;z-index:2}
.sd-hero h1{font-size:clamp(44px,4.1vw,62px);line-height:1.03;margin:0 0 14px;letter-spacing:-.045em}
.sd-hero h1>span{display:block;white-space:nowrap}
.sd-hero p{max-width:650px;font-size:17px;line-height:1.48;margin-bottom:18px}
.sd-hero-actions{gap:12px}.sd-hero-actions .sd-btn{gap:8px;min-height:44px;padding:10px 19px}.sd-hero-actions .sd-btn img{width:17px;height:17px;display:block}.sd-btn-primary img{filter:brightness(0) invert(1)}.sd-btn-secondary img{color:var(--sd-green)}
.sd-hero-points{gap:10px 18px;margin-top:20px;align-items:center}
.sd-hero-points span{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#3e6255;white-space:nowrap}
.sd-hero-points span:before{content:none!important}
.sd-hero-points img{width:26px;height:26px;display:block;flex:0 0 26px;border-radius:9px}
.sd-hero-visual{align-self:stretch;justify-self:stretch;display:flex;align-items:stretch;justify-content:flex-end;overflow:hidden;margin-right:calc(-1 * max(28px,calc((100vw - 1440px)/2 + 28px)));position:relative}
.sd-hero-visual>img{width:100%;max-width:none;height:100%;min-height:300px;object-fit:cover;object-position:center;border-radius:0;box-shadow:none;display:block}
/* mask the tiny cropped label inherited from the mock visual asset without changing the subject image */
.sd-hero-visual:after{content:"";position:absolute;left:0;bottom:0;width:118px;height:38px;background:linear-gradient(90deg,#e9fbf2 0%,#e9fbf2 74%,rgba(233,251,242,0) 100%);pointer-events:none}

.sd-module-shortcuts{gap:10px;margin:14px 0 27px}
.sd-module-shortcut{grid-template-columns:54px minmax(0,1fr) 24px;gap:10px;min-height:72px;padding:9px 12px;border-radius:14px;box-shadow:0 5px 15px rgba(15,39,72,.035)}
.sd-module-icon{width:50px;height:50px;border-radius:13px;background:transparent;box-shadow:none}
.sd-module-icon img{width:50px;height:50px;padding:0!important;background:transparent!important;border-radius:13px!important}
.sd-module-shortcut strong{font-size:14px;line-height:1.2}.sd-module-shortcut small{font-size:14px;line-height:1.25;margin-top:2px}
.sd-shortcut-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.72)}
.sd-shortcut-arrow img{width:16px!important;height:16px!important;padding:0!important;background:transparent!important;border-radius:0!important}
.sd-tone-news .sd-shortcut-arrow{color:var(--sd-news)}.sd-tone-subjects .sd-shortcut-arrow{color:var(--sd-subjects)}.sd-tone-games .sd-shortcut-arrow{color:var(--sd-games)}.sd-tone-marketplace .sd-shortcut-arrow{color:var(--sd-market)}.sd-tone-tools .sd-shortcut-arrow{color:var(--sd-tools)}

@media(max-width:1180px){
  .sd-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)}
  .sd-hero h1>span{white-space:normal}
  .sd-hero-visual{margin-right:-28px}
  .sd-module-shortcuts{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .sd-module-shortcuts::-webkit-scrollbar{display:none}
}
@media(max-width:860px){
  .sd-hero{grid-template-columns:1fr;padding-bottom:0;gap:16px}
  .sd-hero h1>span{white-space:normal}
  .sd-hero-visual{margin-left:-18px;margin-right:-18px;min-height:270px}
  .sd-hero-visual>img{min-height:270px;max-height:350px;object-position:center}
  .sd-hero-visual:after{left:0;width:105px;height:34px}
  .sd-hero-points{gap:9px 13px}.sd-hero-points span{font-size:14px}.sd-hero-points img{width:24px;height:24px;flex-basis:24px}
  .sd-module-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
}
@media(max-width:560px){
  .sd-hero h1{font-size:39px}.sd-hero p{font-size:15px}.sd-hero-actions{grid-template-columns:1fr 1fr}.sd-hero-actions .sd-btn{font-size:14px;padding:9px 11px;min-height:42px}
  .sd-hero-points{display:grid;grid-template-columns:1fr 1fr}.sd-hero-points span:last-child:nth-child(odd){grid-column:1/-1}
  .sd-module-shortcut{grid-template-columns:46px minmax(0,1fr) 20px;min-height:64px;padding:8px}.sd-module-icon,.sd-module-icon img{width:44px;height:44px}.sd-module-shortcut strong{font-size:14px}.sd-module-shortcut small{display:none}
}

/* SmartDidik Core v1.0.4 — official transparent logo rollout */
.sd-brand{display:flex;align-items:center;min-width:0}
.sd-brand img{width:228px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.sd-footer-brand img{width:222px;height:auto;max-height:42px;object-fit:contain;object-position:left center;filter:none;opacity:1}
.nkt-image-watermark{display:inline-flex;align-items:center;gap:6px}
.nkt-image-watermark>img{width:24px;height:24px;object-fit:contain;flex:0 0 auto}
@media(max-width:760px){.sd-brand img{width:182px;max-height:48px}.sd-footer-brand img{width:200px}}

/* SmartDidik Core v1.0.5 — balanced hero composition */
.sd-hero{
  --sd-hero-pad:max(34px,calc((100vw - 1500px)/2 + 34px));
  grid-template-columns:minmax(0,1.04fr) minmax(520px,.96fr);
  gap:38px;
  min-height:392px;
  padding:36px var(--sd-hero-pad) 30px;
  overflow:hidden;
  align-items:center;
  background:linear-gradient(102deg,#f5fff9 0%,#e9fbf2 50%,#f8fffb 100%);
}
.sd-hero-copy{
  align-self:center;
  max-width:720px;
  min-width:0;
  padding-left:4px;
  position:relative;
  z-index:3;
}
.sd-hero h1{
  max-width:720px;
  font-size:clamp(42px,3.65vw,57px);
  line-height:1.055;
  letter-spacing:-.043em;
  margin:0 0 16px;
}
.sd-hero h1>span{display:block;white-space:nowrap}
.sd-hero p{max-width:640px;font-size:17px;line-height:1.5;margin-bottom:19px}
.sd-hero-actions{margin-top:2px}
.sd-hero-points{max-width:670px;margin-top:19px;gap:10px 17px}
.sd-hero-visual{
  align-self:stretch;
  min-width:0;
  min-height:326px;
  margin:-36px calc(-1 * var(--sd-hero-pad)) -30px 0;
  overflow:hidden;
  position:relative;
  z-index:1;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
}
.sd-hero-visual:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:82px;
  pointer-events:none;
  background:linear-gradient(90deg,#e9fbf2 0%,rgba(233,251,242,.94) 28%,rgba(233,251,242,0) 100%);
}
.sd-hero-visual:after{display:none!important}
.sd-hero-visual>img{
  width:106%;
  max-width:none;
  height:100%;
  min-height:392px;
  max-height:none;
  object-fit:cover;
  object-position:69% center;
  transform:translateX(2.5%);
  border-radius:0;
  box-shadow:none;
  display:block;
}

@media(max-width:1280px){
  .sd-hero{grid-template-columns:minmax(0,1.02fr) minmax(455px,.98fr);gap:26px}
  .sd-hero h1{font-size:clamp(40px,4vw,53px)}
  .sd-hero h1>span{white-space:normal}
  .sd-hero-visual>img{object-position:68% center}
}
@media(max-width:980px){
  .sd-hero{grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:20px;min-height:360px}
  .sd-hero h1{font-size:44px}
  .sd-hero-visual>img{min-height:360px;object-position:67% center}
}
@media(max-width:860px){
  .sd-hero{
    --sd-hero-pad:18px;
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    padding:26px 18px 0;
    overflow:hidden;
  }
  .sd-hero-copy{max-width:none;padding:0}
  .sd-hero h1{font-size:clamp(38px,8.5vw,50px);max-width:720px}
  .sd-hero h1>span{white-space:normal}
  .sd-hero-visual{
    min-height:280px;
    margin:0 -18px;
  }
  .sd-hero-visual:before{width:52px;background:linear-gradient(90deg,#e9fbf2 0%,rgba(233,251,242,.72) 40%,rgba(233,251,242,0) 100%)}
  .sd-hero-visual>img{
    width:100%;
    min-height:280px;
    max-height:350px;
    transform:none;
    object-position:66% center;
  }
}
@media(max-width:560px){
  .sd-hero{--sd-hero-pad:14px;padding:22px 14px 0;gap:14px}
  .sd-hero h1{font-size:38px;line-height:1.06;margin-bottom:12px}
  .sd-hero p{font-size:15px;margin-bottom:15px}
  .sd-hero-points{margin-top:16px;gap:9px 12px}
  .sd-hero-visual{margin:0 -14px;min-height:248px}
  .sd-hero-visual>img{min-height:248px;max-height:310px;object-position:65% center}
}

/* SmartDidik Core v1.0.6 — clean split hero + refreshed education visual */
.sd-hero{
  --sd-hero-left:clamp(34px,3.2vw,54px);
  --sd-hero-right:0px;
  grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);
  gap:18px;
  min-height:420px;
  padding:34px var(--sd-hero-right) 28px var(--sd-hero-left);
  align-items:center;
  overflow:hidden;
  background:linear-gradient(102deg,#f5fff9 0%,#ebfbf3 42%,#f7fffb 100%);
}
.sd-hero-copy{
  max-width:600px;
  min-width:0;
  padding:0;
  position:relative;
  z-index:3;
}
.sd-hero h1{
  max-width:590px;
  font-size:clamp(42px,3.25vw,56px);
  line-height:1.055;
  letter-spacing:-.044em;
  margin:0 0 15px;
}
.sd-hero h1>span{display:block;white-space:nowrap}
.sd-hero p{max-width:570px;font-size:16.5px;line-height:1.5;margin:0 0 18px}
.sd-hero-actions{margin-top:0}
.sd-hero-points{max-width:590px;margin-top:18px;gap:9px 14px}
.sd-hero-points span{font-size:14px}
.sd-hero-points img{width:24px;height:24px;flex-basis:24px}
.sd-hero-visual{
  align-self:stretch;
  min-width:0;
  min-height:420px;
  margin:-34px 0 -28px 0;
  overflow:hidden;
  position:relative;
  z-index:1;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  border-left:1px solid rgba(16,124,91,.06);
}
.sd-hero-visual:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:42px;
  pointer-events:none;
  background:linear-gradient(90deg,#ebfbf3 0%,rgba(235,251,243,.76) 32%,rgba(235,251,243,0) 100%);
}
.sd-hero-visual:after{display:none!important}
.sd-hero-visual>img{
  width:100%;
  max-width:none;
  height:100%;
  min-height:420px;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  transform:none;
  border-radius:0;
  box-shadow:none;
  display:block;
}

@media(max-width:1320px){
  .sd-hero{grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);gap:14px;min-height:400px}
  .sd-hero h1{font-size:clamp(40px,3.7vw,52px)}
  .sd-hero h1>span{white-space:normal}
  .sd-hero-visual,.sd-hero-visual>img{min-height:400px}
}
@media(max-width:1050px){
  .sd-hero{--sd-hero-left:28px;grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr);min-height:378px}
  .sd-hero h1{font-size:44px}
  .sd-hero-visual,.sd-hero-visual>img{min-height:378px}
}
@media(max-width:860px){
  .sd-hero{
    --sd-hero-left:18px;
    --sd-hero-right:18px;
    grid-template-columns:1fr;
    gap:16px;
    min-height:0;
    padding:26px var(--sd-hero-right) 0 var(--sd-hero-left);
  }
  .sd-hero-copy{max-width:none}
  .sd-hero h1{max-width:720px;font-size:clamp(38px,8.5vw,50px)}
  .sd-hero h1>span{white-space:normal}
  .sd-hero p{max-width:680px}
  .sd-hero-visual{
    min-height:300px;
    margin:0 -18px;
    border-left:0;
    border-top:1px solid rgba(16,124,91,.06);
  }
  .sd-hero-visual:before{display:none}
  .sd-hero-visual>img{width:100%;min-height:300px;max-height:380px;object-position:center center}
}
@media(max-width:560px){
  .sd-hero{--sd-hero-left:14px;--sd-hero-right:14px;padding:22px 14px 0;gap:13px}
  .sd-hero h1{font-size:37px;line-height:1.065;margin-bottom:11px}
  .sd-hero p{font-size:15px;line-height:1.47;margin-bottom:14px}
  .sd-hero-points{margin-top:15px;gap:8px 11px}
  .sd-hero-visual{margin:0 -14px;min-height:255px}
  .sd-hero-visual>img{min-height:255px;max-height:320px;object-position:59% center}
}

/* SmartDidik Core v1.0.8 — exact edited hero image, clean split composition */
.sd-hero-visual>img{
  object-fit:cover;
  object-position:52% center;
}
@media(max-width:1320px){.sd-hero-visual>img{object-position:54% center}}
@media(max-width:1050px){.sd-hero-visual>img{object-position:56% center}}
@media(max-width:860px){.sd-hero-visual>img{object-position:55% center}}
@media(max-width:560px){.sd-hero-visual>img{object-position:53% center}}


/* SmartDidik Core v1.0.9 — high-contrast white footer identity */
.sd-footer-brand img{display:block;width:min(230px,100%);height:auto;max-height:44px;object-fit:contain;object-position:left center;background:transparent;filter:none}
@media(max-width:760px){.sd-footer-brand img{width:210px;max-height:40px}}

/* SmartDidik Core v1.0.10 — dark/green identity for light surfaces */
.sd-brand img{width:218px;height:auto;max-height:42px;object-fit:contain;object-position:left center;background:transparent;filter:none}
@media(max-width:760px){.sd-brand img{width:176px;max-height:36px}}

/* SmartDidik Core v1.0.12 — premium homepage advertising banner */
.sd-home-ad-slot{margin:42px 0 4px;position:relative;min-width:0}
.sd-home-ad-slot>.nkt-ad-unit{border-radius:20px;overflow:hidden;border:1px solid #d9ebe4;background:#fff;box-shadow:0 12px 34px rgba(7,76,58,.07)}
.sd-home-ad-slot>.nkt-ad-unit .nkt-ad-media img{max-height:none;object-fit:contain;background:#fff}
.sd-home-ad-slot>.nkt-ad-unit .nkt-ad-disclosure{top:10px;left:12px;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.94);color:#526a63;letter-spacing:.07em}
.sd-house-ad-picture{display:block;width:100%;overflow:hidden;border:1px solid #d9ebe4;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(7,76,58,.07)}
.sd-house-ad-image{display:block;width:100%;height:auto;aspect-ratio:2048/360;object-fit:contain;background:#fff}
@media(max-width:760px){
  .sd-home-ad-slot{margin:30px 0 2px}
  .sd-home-ad-slot>.nkt-ad-unit,.sd-house-ad-picture{border-radius:15px}
  .sd-house-ad-image{aspect-ratio:2048/360;object-fit:contain}
}

/* SmartDidik Core v1.0.14 — supplied premium house-ad artwork before footer */
.sd-home-ad-slot .sd-house-ad-picture{line-height:0}
.sd-home-ad-slot .sd-house-ad-image{max-height:none}

/* SmartDidik Core v1.0.15 — exact user-supplied header logo, compact sizing */
.sd-header .sd-brand img{
  width:190px;
  height:auto;
  max-height:32px;
  object-fit:contain;
  object-position:left center;
  background:transparent;
  filter:none;
}
@media(max-width:760px){
  .sd-header .sd-brand img{width:158px;max-height:27px}
}


/* SmartDidik Core v1.0.16 — smaller footer logo + dedicated bottom ads slot */
.sd-footer-brand img{width:180px!important;max-width:100%;height:auto!important;max-height:30px!important;object-fit:contain;object-position:left center}
@media(max-width:760px){.sd-footer-brand img{width:165px!important;max-height:27px!important}}
.sd-home-ad-slot{display:block!important;visibility:visible!important;opacity:1!important}

/* SmartDidik Core v1.0.17 — compact desktop layout (1320px) */
.sd-header-main,
.sd-main-nav,
.sd-page-wrap{
  max-width:1320px;
}
.sd-footer{
  padding-left:max(26px,calc((100vw - 1320px)/2 + 26px));
  padding-right:max(26px,calc((100vw - 1320px)/2 + 26px));
}
.sd-community-cta{
  padding-left:max(26px,calc((100vw - 1320px)/2 + 26px));
  padding-right:max(26px,calc((100vw - 1320px)/2 + 26px));
}

@media(min-width:1101px){
  .sd-header-main{
    min-height:72px;
    padding:8px 26px;
    grid-template-columns:210px minmax(360px,600px) 1fr;
    gap:20px;
  }
  .sd-header .sd-brand img{
    width:175px;
    max-height:28px;
  }
  .sd-main-nav{
    min-height:46px;
    padding:0 26px;
    gap:5px;
  }
  .sd-main-nav a{
    min-height:46px;
    padding:9px 12px;
  }
  .sd-page-wrap{
    padding-left:26px;
    padding-right:26px;
  }
  .sd-module-shortcuts{
    gap:9px;
    margin:11px 0 25px;
  }
  .sd-module-shortcut{
    grid-template-columns:48px minmax(0,1fr) 20px;
    padding:10px 12px;
    border-radius:15px;
  }
  .sd-module-icon{
    width:46px;
    height:46px;
    border-radius:13px;
  }
  .sd-module-icon img{
    width:42px;
    height:42px;
  }
}

@media(min-width:1321px){
  .sd-hero{
    --sd-hero-left:36px;
    grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
    gap:14px;
    min-height:390px;
    margin:0 -26px 16px;
    padding:30px 0 24px var(--sd-hero-left);
  }
  .sd-hero-copy{
    max-width:560px;
  }
  .sd-hero h1{
    max-width:555px;
    font-size:clamp(40px,3vw,50px);
    margin-bottom:13px;
  }
  .sd-hero p{
    max-width:540px;
    font-size:16px;
    margin-bottom:16px;
  }
  .sd-hero-points{
    max-width:550px;
    margin-top:14px;
    gap:8px 12px;
  }
  .sd-hero-visual{
    min-height:390px;
    margin:-30px 0 -24px 0;
  }
  .sd-hero-visual>img{
    min-height:390px;
  }
}

/* SmartDidik Core v1.0.18 — mobile-first cleanup (<=768px)
   Keep desktop v1.0.17 intact; simplify hierarchy on phones. */
@media(max-width:768px){
  body.sd-public{overflow-x:hidden;font-size:16px}

  /* Header: compact identity + account, search gets its own full-width row. */
  .sd-header{position:sticky;top:0}
  .sd-header-main{
    min-height:0;
    padding:9px 14px 10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px 10px;
  }
  .sd-header .sd-brand{grid-column:1;min-width:0}
  .sd-header .sd-brand img{width:146px;max-height:25px}
  .sd-account-actions{grid-column:2;justify-self:end;gap:6px}
  .sd-account-actions .sd-login-link,.sd-user-greeting{display:none!important}
  .sd-account-btn{display:inline-flex!important;align-items:center;min-height:36px;padding:8px 11px;border-radius:10px;font-size:14px}
  .sd-mobile-menu{display:none!important}
  .sd-search-wrap{display:block!important;grid-column:1/-1;width:100%;min-width:0}
  .sd-search-box{grid-template-columns:20px minmax(0,1fr) 38px;gap:7px;min-height:44px;padding:3px 3px 3px 11px;border-radius:13px;box-shadow:none}
  .sd-search-box input{font-size:14px;line-height:1.2}
  .sd-search-box button{width:38px;height:38px}
  .sd-search-hint{display:none!important}
  .sd-main-nav,.sd-main-nav.is-open{display:none!important}

  /* Page rhythm. */
  .sd-page-wrap{padding:0 14px 94px}
  .sd-section,.sd-feature-section,.sd-compact-section{margin:24px 0}
  .sd-section-head{align-items:center;gap:10px;margin-bottom:12px}
  .sd-section-head h2{font-size:22px;line-height:1.2;margin:2px 0}
  .sd-section-head>a{font-size:14px;white-space:nowrap}
  .sd-kicker{font-size:14px;line-height:1.25}

  /* Hero: one clear column, fewer repeated controls. */
  .sd-hero{
    margin:0 -14px 16px;
    padding:19px 14px 0;
    grid-template-columns:1fr;
    gap:13px;
    min-height:0;
  }
  .sd-hero-copy{max-width:none;padding:0}
  .sd-hero h1{font-size:32px;line-height:1.08;letter-spacing:-.032em;margin:5px 0 10px}
  .sd-hero h1>span{white-space:normal}
  .sd-hero p{font-size:16px;line-height:1.5;margin:0 0 14px}
  .sd-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .sd-hero-actions .sd-btn{min-height:43px;padding:9px 10px;font-size:14px;line-height:1.25;text-align:center}
  .sd-hero-points{display:none!important}
  .sd-hero-visual{margin:0 -14px;min-height:0!important;aspect-ratio:16/10;border-top:1px solid rgba(16,124,91,.06)}
  .sd-hero-visual:before{display:none!important}
  .sd-hero-visual>img{width:100%;height:100%;min-height:0!important;max-height:none!important;object-fit:cover;object-position:55% center}

  /* Bottom nav already provides the same five modules; remove duplicate cards. */
  .sd-module-shortcuts{display:none!important}

  /* Home grids become a single, readable flow. */
  .sd-home-feature-grid,.sd-home-discovery-grid{grid-template-columns:1fr!important;gap:0!important}

  /* News: lead story first, then clean full-width list. */
  .sd-news-layout{grid-template-columns:1fr!important;gap:12px}
  .sd-news-lead{display:block;min-height:0;border-radius:16px;overflow:hidden}
  .sd-news-lead-media{position:relative;display:block;inset:auto;min-height:0;aspect-ratio:16/9}
  .sd-news-lead-media:after{display:none}
  .sd-news-lead-copy{position:static;margin:0;padding:14px 15px 16px;border-radius:0;background:#fff;box-shadow:none}
  .sd-news-lead h3{font-size:20px;line-height:1.28;margin:7px 0 6px}
  .sd-news-lead p{font-size:14px;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sd-news-list{gap:8px}
  .sd-news-list article{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:8px;border:1px solid #e6eeeb;border-radius:14px;background:#fff}
  .sd-news-list img{width:100px;height:76px;border-radius:10px}
  .sd-news-list h3{font-size:14px;line-height:1.35;margin:3px 0}
  .sd-news-list small{font-size:14px}

  /* Remaining cards: one-column on phones for cleaner scanning. */
  .sd-mini-grid,.sd-game-mini-grid,.sd-product-mini-grid{grid-template-columns:1fr!important}
  .sd-tool-row{grid-template-columns:46px minmax(0,1fr) 20px;padding:10px}
  .sd-tool-row strong{font-size:14px}
  .sd-tool-row small{font-size:14px;line-height:1.35}

  /* Bottom advertising and footer. */
  .sd-home-ad-slot{margin:24px 0 0}
  .sd-home-ad-slot>.nkt-ad-unit,.sd-house-ad-picture{border-radius:12px}
  .sd-footer{padding:26px 18px 90px}
  .sd-footer-grid{grid-template-columns:1fr!important;gap:20px}
  .sd-footer-brand,.sd-footer-grid>div:last-child{grid-column:auto!important}
  .sd-footer-bottom{display:block}
  .sd-footer-bottom span{display:block;margin:4px 0}

  /* Persistent five-item navigation: compact but tappable. */
  .sd-mobile-bottom-nav{
    left:10px;
    right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    border-radius:16px;
  }
  .sd-mobile-bottom-nav a{min-height:48px;justify-content:center;gap:2px;padding:3px 2px;font-size:14px;line-height:1.1}
  .sd-mobile-bottom-nav a img{width:23px;height:23px}
  .sd-mobile-bottom-nav a span{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:380px){
  .sd-header .sd-brand img{width:138px}
  .sd-hero h1{font-size:30px}
  .sd-hero-actions{grid-template-columns:1fr}
  .sd-news-list article{grid-template-columns:88px minmax(0,1fr)}
  .sd-news-list img{width:88px;height:68px}
}

/* SmartDidik Core v1.0.19 — News-first homepage
   Hero + five ecosystem shortcuts remain unchanged. Everything below them is editorial. */
.sd-news-home{margin:28px 0 0}
.sd-news-home img{display:block;max-width:100%}
.sd-news-home-primary{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.sd-news-primary-column{min-width:0}
.sd-news-heading-row,.sd-news-block-head,.sd-news-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.sd-news-heading-row{margin-bottom:13px}
.sd-news-heading-row>div{min-width:0}
.sd-news-eyebrow{display:block;margin-bottom:2px;color:var(--sd-green);font:800 14px/1.2 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.sd-news-heading-row h2{margin:0;color:#536477;font:500 14px/1.4 Inter,sans-serif}
.sd-news-heading-row>a,.sd-news-block-head>a,.sd-news-category-head>a{flex:0 0 auto;color:var(--sd-green);font:700 14px/1.2 Poppins,sans-serif;white-space:nowrap}
.sd-news-feature-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(245px,.72fr);gap:16px;min-width:0}
.sd-news-hero-card{position:relative;min-height:430px;overflow:hidden;border:1px solid #dfe8e5;border-radius:17px;background:#10233f;box-shadow:0 12px 28px rgba(15,39,72,.08)}
.sd-news-hero-media{position:absolute;inset:0}
.sd-news-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,35,.03) 25%,rgba(7,19,34,.24) 50%,rgba(7,19,34,.93) 100%)}
.sd-news-hero-media img{width:100%;height:100%;object-fit:cover;background:#eff5f3}
.sd-news-hero-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:25px 25px 22px;color:#fff}
.sd-news-tag,.sd-news-mini-tag{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#e7f9f1;color:#07815c;font:800 14px/1.2 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.025em}
.sd-news-tag{padding:5px 9px;background:var(--sd-green);color:#fff}
.sd-news-mini-tag{padding:3px 7px}
.sd-news-hero-overlay h3{max-width:720px;margin:8px 0 7px;color:#fff;font:800 clamp(25px,2.35vw,36px)/1.12 Poppins,sans-serif;letter-spacing:-.025em}
.sd-news-hero-overlay h3 a{color:#fff}
.sd-news-hero-overlay p{max-width:690px;margin:0 0 10px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.48}
.sd-news-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:rgba(255,255,255,.78);font-size:14px}
.sd-news-meta span+span:before{content:"•";margin-right:16px;color:rgba(255,255,255,.45)}
.sd-news-side-list{display:grid;gap:0;border-top:1px solid #e7eeeb;border-bottom:1px solid #e7eeeb}
.sd-news-side-list article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e7eeeb;min-width:0}
.sd-news-side-list article:last-child{border-bottom:0}
.sd-news-side-media img{width:112px;height:78px;object-fit:cover;border-radius:10px;background:#eff5f3}
.sd-news-side-list h3{margin:4px 0 3px;color:var(--sd-navy);font:700 14px/1.3 Poppins,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sd-news-side-list small,.sd-news-card small,.sd-editor-list small,.sd-news-category-list small{color:#82908d;font-size:14px}
.sd-news-empty{min-height:260px;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:20px;padding:22px;border:1px solid #dfe9e6;border-radius:16px;background:#fbfefc}
.sd-news-empty img{width:100%;max-height:180px;object-fit:contain}
.sd-news-empty strong{display:block;font:800 22px Poppins;color:var(--sd-navy)}
.sd-news-empty p{margin:6px 0 9px;color:var(--sd-muted)}
.sd-news-empty a{color:var(--sd-green);font-weight:800}

.sd-most-read{border:1px solid #dfe9e6;border-radius:16px;background:linear-gradient(180deg,#fbfffd,#f4fcf8);overflow:hidden;box-shadow:0 9px 24px rgba(15,39,72,.04)}
.sd-most-read-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 15px 11px;border-bottom:1px solid #e4eeea}
.sd-most-read-head>div{display:flex;align-items:center;gap:7px}
.sd-most-read-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e0f7ec;color:var(--sd-green);font-weight:900}
.sd-most-read-head h2{margin:0;font:800 19px/1.2 Poppins;color:var(--sd-navy)}
.sd-most-read-head>small{padding:4px 8px;border-radius:999px;background:#dff6eb;color:#08795a;font:700 14px Poppins}
.sd-most-read ol{list-style:none;margin:0;padding:0 14px 4px}
.sd-most-read li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:start;padding:12px 0;border-bottom:1px solid #e5eeeb}
.sd-most-read li:last-child{border-bottom:0}
.sd-rank{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e5f8ef;color:#0a9d70;font:800 18px Poppins}
.sd-most-read h3{margin:1px 0 3px;color:var(--sd-navy);font:700 14px/1.35 Poppins}
.sd-most-read li small{color:#80908b;font-size:14px}
.sd-most-read-empty{padding:16px;margin:0;color:var(--sd-muted);font-size:14px}

.sd-editorial-nav{display:flex;align-items:center;gap:2px;margin:20px 0 22px;border-top:1px solid #e6eeeb;border-bottom:1px solid #e6eeeb;overflow-x:auto;scrollbar-width:none}
.sd-editorial-nav::-webkit-scrollbar{display:none}
.sd-editorial-nav a{position:relative;flex:0 0 auto;padding:12px 15px;color:#334960;font:600 14px/1.2 Poppins,sans-serif;white-space:nowrap}
.sd-editorial-nav a:hover{color:var(--sd-green)}
.sd-editorial-nav a.is-active{color:var(--sd-green);font-weight:800}
.sd-editorial-nav a.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:4px 4px 0 0;background:var(--sd-green)}

.sd-news-middle-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,.88fr);gap:22px;align-items:start}
.sd-news-block,.sd-editor-picks{min-width:0}
.sd-news-block-head{margin-bottom:12px}
.sd-news-block-head h2,.sd-news-category-head h2{margin:0;color:var(--sd-navy);font:800 22px/1.2 Poppins,sans-serif;letter-spacing:-.025em}
.sd-news-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.sd-news-card{overflow:hidden;border:1px solid #e1e9e6;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(15,39,72,.035)}
.sd-news-card-media{display:block;overflow:hidden;background:#eef5f2}
.sd-news-card-media img{width:100%;aspect-ratio:1.48/1;object-fit:cover;transition:transform .2s ease}
.sd-news-card:hover .sd-news-card-media img{transform:scale(1.025)}
.sd-news-card-body{padding:10px 10px 11px}
.sd-news-card h3{margin:6px 0 8px;color:var(--sd-navy);font:700 14px/1.34 Poppins,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sd-editor-lead{position:relative;overflow:hidden;border-radius:13px;background:#10233f}
.sd-editor-lead>a{display:block;position:relative;min-height:205px}
.sd-editor-lead>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,34,.04),rgba(7,20,34,.88))}
.sd-editor-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sd-editor-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:17px;color:#fff}
.sd-editor-overlay strong{color:#fff;font:800 17px/1.25 Poppins}
.sd-editor-overlay small{color:rgba(255,255,255,.78);font-size:14px}
.sd-editor-list{display:grid;gap:7px;margin-top:8px}
.sd-editor-list article{display:grid;grid-template-columns:104px minmax(0,1fr);gap:9px;align-items:center;padding:7px;border:1px solid #e3ebe8;border-radius:11px;background:#fff}
.sd-editor-list img{width:104px;height:68px;object-fit:cover;border-radius:8px;background:#eef5f2}
.sd-editor-list h3{margin:3px 0;color:var(--sd-navy);font:700 14px/1.32 Poppins;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.sd-news-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:34px 0 30px;padding-top:2px}
.sd-news-category-column{min-width:0}
.sd-news-category-head{padding-bottom:8px;border-bottom:2px solid #eef3f1}
.sd-news-category-head h2{font-size:18px}
.sd-news-category-head>a{font-size:14px}
.sd-news-category-list{display:grid}
.sd-news-category-list article{display:grid;grid-template-columns:83px minmax(0,1fr);gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #e8efec}
.sd-news-category-list article:last-child{border-bottom:0}
.sd-news-category-list img{width:83px;height:57px;object-fit:cover;border-radius:8px;background:#eef5f2}
.sd-news-category-list h3{margin:0 0 3px;color:var(--sd-navy);font:700 14px/1.35 Poppins;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sd-news-muted{margin:11px 0 0;color:#81908b;font-size:14px}

.sd-news-follow{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:15px;margin:26px 0 4px;padding:18px 20px;border:1px solid #d5ede3;border-radius:16px;background:linear-gradient(105deg,#f1fff8 0%,#e8faf2 72%,#f9fffc 100%)}
.sd-news-follow-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #d0eee0;border-radius:15px;background:#fff}
.sd-news-follow>div>span{display:block;color:var(--sd-green);font:800 14px/1.2 Poppins;text-transform:uppercase;letter-spacing:.06em}
.sd-news-follow h2{margin:3px 0 2px;color:var(--sd-navy);font:800 20px/1.25 Poppins;letter-spacing:-.02em}
.sd-news-follow p{margin:0;color:#64776f;font-size:14px}
.sd-news-follow-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.sd-news-follow-actions .sd-btn{min-height:42px;padding:9px 15px;font-size:14px}

@media(max-width:1180px){
  .sd-news-home-primary{grid-template-columns:1fr}
  .sd-most-read ol{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
  .sd-most-read li:nth-child(4),.sd-most-read li:nth-child(5){border-bottom:0}
  .sd-news-middle-grid{grid-template-columns:1fr}
  .sd-editor-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .sd-editor-picks>.sd-news-block-head{grid-column:1/-1;margin-bottom:0}
  .sd-editor-list{margin-top:0}
  .sd-news-category-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .sd-news-feature-layout{grid-template-columns:1fr}
  .sd-news-side-list{grid-template-columns:1fr 1fr;gap:0 14px}
  .sd-news-side-list article:nth-last-child(-n+2){border-bottom:0}
  .sd-news-card-grid{grid-template-columns:1fr 1fr}
  .sd-news-follow{grid-template-columns:56px minmax(0,1fr)}
  .sd-news-follow-actions{grid-column:1/-1;justify-content:flex-start}
}

@media(max-width:768px){
  .sd-news-home{margin-top:22px}
  .sd-news-home-primary{gap:17px}
  .sd-news-heading-row{align-items:flex-start}
  .sd-news-heading-row h2{font-size:14px}
  .sd-news-feature-layout{gap:10px}
  .sd-news-hero-card{min-height:390px;border-radius:15px}
  .sd-news-hero-overlay{padding:18px 16px 16px}
  .sd-news-hero-overlay h3{font-size:24px;line-height:1.16}
  .sd-news-hero-overlay p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sd-news-side-list{display:grid;grid-template-columns:1fr;gap:0;border-top:0}
  .sd-news-side-list article,.sd-news-side-list article:nth-last-child(-n+2){grid-template-columns:104px minmax(0,1fr);padding:9px 0;border-bottom:1px solid #e7eeeb}
  .sd-news-side-list article:last-child{border-bottom:0}
  .sd-news-side-media img{width:104px;height:72px}
  .sd-news-side-list h3{font-size:14px;-webkit-line-clamp:2}
  .sd-most-read ol{display:block}
  .sd-most-read li{grid-template-columns:40px minmax(0,1fr)}
  .sd-most-read h3{font-size:14px}
  .sd-editorial-nav{margin:17px -14px 20px;padding:0 14px}
  .sd-editorial-nav a{padding:11px 12px;font-size:14px}
  .sd-news-middle-grid{gap:27px}
  .sd-news-card-grid{grid-template-columns:1fr}
  .sd-news-card{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:stretch}
  .sd-news-card-media img{width:126px;height:100%;min-height:105px;aspect-ratio:auto}
  .sd-news-card h3{font-size:14px;-webkit-line-clamp:3}
  .sd-editor-picks{display:block}
  .sd-editor-picks>.sd-news-block-head{margin-bottom:12px}
  .sd-editor-lead>a{min-height:225px}
  .sd-editor-list{margin-top:8px}
  .sd-editor-list article{grid-template-columns:105px minmax(0,1fr)}
  .sd-editor-list h3{font-size:14px}
  .sd-news-category-grid{grid-template-columns:1fr;margin-top:30px;gap:25px}
  .sd-news-category-head h2{font-size:20px}
  .sd-news-category-list article{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:10px 0}
  .sd-news-category-list img{width:104px;height:70px}
  .sd-news-category-list h3{font-size:14px}
  .sd-news-follow{grid-template-columns:48px minmax(0,1fr);padding:15px;gap:11px}
  .sd-news-follow-icon{width:48px;height:48px;border-radius:13px}
  .sd-news-follow-icon img{width:44px;height:44px}
  .sd-news-follow h2{font-size:18px}
  .sd-news-follow p{font-size:14px}
  .sd-news-follow-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .sd-news-follow-actions .sd-btn{width:100%;padding:9px 8px;font-size:14px}
}

@media(max-width:430px){
  .sd-news-hero-card{min-height:360px}
  .sd-news-hero-overlay h3{font-size:22px}
  .sd-news-meta{font-size:14px;gap:6px 10px}
  .sd-news-meta span+span:before{margin-right:10px}
  .sd-news-block-head h2{font-size:20px}
  .sd-news-card{grid-template-columns:112px minmax(0,1fr)}
  .sd-news-card-media img{width:112px}
  .sd-news-card-body{padding:9px}
  .sd-news-card h3{font-size:14px;margin-top:5px}
  .sd-news-follow-actions{grid-template-columns:1fr}
}


/* SmartDidik Core v1.0.20 — News homepage layout fidelity
   Matches the approved visual guide below the existing hero/shortcut area.
   Article/detail pages are intentionally untouched. */
@media(min-width:1181px){
  .sd-news-home{margin-top:24px}
  .sd-news-home-primary{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
  .sd-news-heading-row{min-height:30px;margin-bottom:10px;align-items:center}
  .sd-news-eyebrow{margin:0;font-size:14px;line-height:1.15}
  .sd-news-heading-row>a{font-size:14px}

  .sd-news-feature-layout{grid-template-columns:minmax(0,1.20fr) minmax(300px,.78fr);gap:15px}
  .sd-news-hero-card{min-height:410px;border-radius:15px}
  .sd-news-hero-overlay{padding:22px 22px 20px}
  .sd-news-hero-overlay h3{font-size:clamp(25px,2vw,32px);line-height:1.13;margin:7px 0 6px}
  .sd-news-hero-overlay p{font-size:14px;line-height:1.45;margin-bottom:8px}

  .sd-news-side-list article{grid-template-columns:104px minmax(0,1fr);gap:9px;padding:7px 0}
  .sd-news-side-media img{width:104px;height:70px;border-radius:9px}
  .sd-news-side-list h3{font-size:14px;line-height:1.28;margin:3px 0 2px;-webkit-line-clamp:3}
  .sd-news-side-list small{font-size:14px}
  .sd-news-mini-tag{font-size:14px;padding:3px 6px}

  .sd-most-read{border-radius:15px}
  .sd-most-read-head{padding:13px 14px 10px}
  .sd-most-read-head h2{font-size:18px}
  .sd-most-read ol{padding:0 13px 3px}
  .sd-most-read li{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:10px 0}
  .sd-rank{width:35px;height:35px;font-size:17px}
  .sd-most-read h3{font-size:14px;line-height:1.32;margin:1px 0 2px}

  .sd-editorial-nav{margin:17px 0 20px}
  .sd-editorial-nav a{padding:11px 13px;font-size:14px}

  .sd-news-middle-grid{grid-template-columns:minmax(0,1.66fr) minmax(360px,.92fr);gap:20px}
  .sd-news-block-head{margin-bottom:10px}
  .sd-news-block-head h2{font-size:20px}
  .sd-news-card-grid{gap:10px}
  .sd-news-card-body{padding:9px 9px 10px}
  .sd-news-card h3{font-size:14px;line-height:1.32;margin:5px 0 7px}
  .sd-editor-lead>a{min-height:190px}
  .sd-editor-overlay{padding:15px}
  .sd-editor-overlay strong{font-size:16px;line-height:1.22}
  .sd-editor-list article{grid-template-columns:98px minmax(0,1fr);gap:8px;padding:6px}
  .sd-editor-list img{width:98px;height:64px}
  .sd-editor-list h3{font-size:14px}

  .sd-news-category-grid{gap:18px;margin:28px 0 26px}
  .sd-news-category-head h2{font-size:17px}
  .sd-news-category-list article{grid-template-columns:78px minmax(0,1fr);gap:8px;padding:8px 0}
  .sd-news-category-list img{width:78px;height:53px}
  .sd-news-category-list h3{font-size:14px;line-height:1.32}

  .sd-news-follow{margin-top:22px;padding:16px 18px}
  .sd-news-follow h2{font-size:19px}
}

@media(min-width:1181px) and (max-width:1320px){
  .sd-news-home-primary{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
  .sd-news-feature-layout{grid-template-columns:minmax(0,1.18fr) minmax(270px,.78fr);gap:14px}
  .sd-news-hero-card{min-height:390px}
  .sd-news-middle-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.9fr);gap:18px}
}

/* SmartDidik Core v1.0.21 — homepage shell lock
   Keep the existing global SmartDidik shell untouched. On wide desktop only,
   the editorial homepage uses the full 1320px page frame (the same outer
   container visible on article pages) instead of stopping at the inner
   26px content padding. Hero/header/article rules are not changed. */
@media(min-width:1321px){
  .sd-page-wrap > .sd-news-home{
    width:auto;
    max-width:none;
    margin-left:-26px;
    margin-right:-26px;
  }
  .sd-page-wrap > .sd-news-home,
  .sd-page-wrap > .sd-news-home > *{
    min-width:0;
  }
  .sd-news-home-primary,
  .sd-news-feature-layout,
  .sd-news-middle-grid,
  .sd-news-category-grid,
  .sd-news-card-grid{
    width:100%;
    max-width:100%;
    min-width:0;
  }
}

/* Do not allow the desktop shell adjustment to leak into smaller layouts. */
@media(max-width:1320px){
  .sd-page-wrap > .sd-news-home{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
}


/* SmartDidik Core v1.0.22 — one public shell, homepage is the master
   The outer width/padding now belongs to .sd-page-wrap only. Legacy public
   views are not allowed to create a second, narrower .wrap inside it. */
.sd-public{
  --sd-public-shell-max:1320px;
  --sd-public-shell-gutter:26px;
}

/* Header, navigation and every public page share the same outer frame. */
.sd-header-main,
.sd-main-nav,
.sd-page-wrap{
  width:100%;
  max-width:var(--sd-public-shell-max);
  margin-left:auto;
  margin-right:auto;
}

/* Remove the legacy 1180px inner shell used by article/search/category pages. */
.sd-page-wrap > .wrap{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

/* Article layout uses the same content width as the homepage content area. */
.sd-page-wrap > .article-shell-v051{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

/* v1.0.21 widened only the news block with negative margins. The public shell
   is now unified, so the homepage editorial area returns to the normal page
   content grid while hero bleed remains controlled by .sd-hero itself. */
.sd-page-wrap > .sd-news-home{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}

@media(min-width:1201px){
  .sd-page-wrap > .article-shell-v051{
    grid-template-columns:minmax(210px,235px) minmax(0,1fr) minmax(230px,270px);
    gap:28px;
  }
}

@media(max-width:1200px){
  .sd-page-wrap > .article-shell-v051{width:100%;max-width:none}
}

@media(max-width:768px){
  .sd-public{--sd-public-shell-gutter:14px}
  .sd-page-wrap > .wrap,
  .sd-page-wrap > .article-shell-v051{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
}

/* SmartDidik v1.0.23 — article featured-image watermark refined to match
   the Nokitoku-style two-block signature treatment. */
.featured-v055 .image-attribution-signature{
  left:14px;
  bottom:12px;
  width:max-content;
  max-width:calc(100% - 28px);
  gap:6px!important;
}
.featured-v055 .image-credit-overlay{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 9px!important;
  border-radius:7px!important;
  background:rgba(17,24,39,.82)!important;
  color:rgba(255,255,255,.9)!important;
  font:700 14px/1.3 Inter,sans-serif!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
}
.featured-v055 .image-credit-overlay span{
  color:rgba(255,255,255,.74)!important;
  font-weight:700!important;
}
.featured-v055 .image-credit-overlay strong{
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.featured-v055 .nkt-image-watermark{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  height:32px!important;
  padding:4px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.95)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.featured-v055 .nkt-watermark-mark,
.featured-v055 .nkt-watermark-word{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:24px!important;
  border-radius:5px!important;
  background:#fff!important;
}
.featured-v055 .nkt-watermark-mark{
  min-width:28px!important;
  padding:0 8px!important;
  color:#1368e8!important;
  border-right:0!important;
  font:800 14px/1 Inter,sans-serif!important;
  letter-spacing:-.02em!important;
  text-transform:lowercase!important;
}
.featured-v055 .nkt-watermark-word{
  padding:0 10px!important;
  color:#1a2430!important;
  font:800 14px/1 Inter,sans-serif!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
@media(max-width:760px){
  .featured-v055 .image-attribution-signature{
    left:10px;
    bottom:10px;
    max-width:calc(100% - 20px);
  }
  .featured-v055 .image-credit-overlay{
    font-size:14px!important;
    padding:4px 8px!important;
  }
  .featured-v055 .nkt-image-watermark{
    height:30px!important;
    padding:3px!important;
  }
  .featured-v055 .nkt-watermark-mark,
  .featured-v055 .nkt-watermark-word{
    height:22px!important;
  }
  .featured-v055 .nkt-watermark-mark{
    min-width:26px!important;
    padding:0 7px!important;
    font-size:14px!important;
  }
  .featured-v055 .nkt-watermark-word{
    padding:0 8px!important;
    font-size:14px!important;
  }
}

/* SmartDidik v1.0.24 — balanced Latest News + Editor Picks
   The approved two-column editorial composition is retained, but the editor
   column is compressed to the same visual depth as the four latest cards.
   This removes the large dead area below Berita Terkini on wide screens. */
@media(min-width:1181px){
  .sd-news-middle-grid{
    align-items:start;
  }
  .sd-editor-picks{
    min-width:0;
  }
  .sd-editor-picks .sd-news-block-head{
    margin-bottom:10px;
  }
  .sd-editor-lead>a{
    min-height:174px;
  }
  .sd-editor-overlay{
    padding:13px 14px;
    gap:4px;
  }
  .sd-editor-overlay strong{
    font-size:15px;
    line-height:1.2;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .sd-editor-overlay small{
    font-size:14px;
  }
  .sd-editor-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
  }
  .sd-editor-list article{
    grid-template-columns:76px minmax(0,1fr);
    gap:7px;
    min-height:70px;
    padding:5px;
    border-radius:10px;
  }
  .sd-editor-list img{
    width:76px;
    height:58px;
    border-radius:7px;
  }
  .sd-editor-list .sd-news-mini-tag{
    padding:2px 5px;
    font-size:14px;
  }
  .sd-editor-list h3{
    margin:2px 0 2px;
    font-size:14px;
    line-height:1.25;
    -webkit-line-clamp:2;
  }
  .sd-editor-list small{
    font-size:14px;
  }
  /* Keep the next editorial row close to the content instead of preserving
     an artificial desktop gap. */
  .sd-news-category-grid{
    margin-top:24px;
  }
}

@media(min-width:1181px) and (max-width:1260px){
  .sd-editor-lead>a{min-height:166px}
  .sd-editor-list article{grid-template-columns:70px minmax(0,1fr)}
  .sd-editor-list img{width:70px;height:56px}
  .sd-editor-list h3{font-size:14px}
}


/* SmartDidik Core v1.0.27 — restore full desktop hero image visibility
   The hero photo must appear fully visible. Remove the heavy transition
   overlay and mask so the image no longer looks covered on the left side. */
@media(min-width:861px){
  .sd-hero-visual{
    border-left:0!important;
  }
  .sd-hero-visual:before,
  .sd-hero-visual:after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  .sd-hero-visual>img{
    -webkit-mask-image:none!important;
    mask-image:none!important;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% center!important;
  }
}
@media(max-width:1320px) and (min-width:1051px){
  .sd-hero-visual>img{object-position:50% center!important}
}
@media(max-width:1050px) and (min-width:861px){
  .sd-hero-visual>img{object-position:51% center!important}
}
@media(max-width:860px){
  .sd-hero-visual>img{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

/* SmartDidik v1.0.48 — Subject Starter Hub */
.sd-subject-hero{margin:22px 0 12px;min-height:188px;border:1px solid #d7eee4;border-radius:25px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:24px;align-items:center;background:linear-gradient(110deg,#f5fffa 0%,#e7f9f0 58%,#eefbf5 100%);overflow:hidden;position:relative}.sd-subject-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:140px;bottom:-190px;background:rgba(6,150,105,.08)}.sd-subject-breadcrumb{font-size:14px;color:#667971;margin:5px 0}.sd-subject-breadcrumb span{color:#9eb1aa;margin:0 5px}.sd-subject-hero h1{font:800 clamp(30px,3vw,44px)/1.1 Poppins;margin:7px 0 8px;color:var(--sd-navy);letter-spacing:-.025em}.sd-subject-hero h1 strong{font-weight:800;color:var(--sd-green)}.sd-subject-hero p{font-size:16px;color:#5b7068;margin:0;max-width:720px}.sd-subject-hero-mark{position:relative;z-index:1;min-height:120px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.sd-subject-hero-mark>span:not(.sd-subject-book){background:#fff;border:1px solid #dcece5;border-radius:999px;padding:8px 12px;font:700 14px Poppins;box-shadow:0 8px 18px rgba(15,39,72,.05)}.sd-subject-book{display:grid;place-items:center;width:82px;height:82px;border-radius:22px;background:#fff;color:var(--sd-green);font:800 42px Poppins;box-shadow:0 12px 30px rgba(6,150,105,.13);margin-right:8px}.sd-subject-picker{display:grid;grid-template-columns:180px minmax(240px,330px) 1fr;gap:14px;align-items:end;margin:0 0 16px;padding:14px 16px;border:1px solid #e2ece8;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(15,39,72,.035)}.sd-subject-picker small{display:block;color:#61746d;font:700 14px Poppins;margin-bottom:7px}.sd-subject-choice-row{display:flex;gap:8px;flex-wrap:wrap}.sd-subject-choice-row>span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #dce8e3;border-radius:11px;padding:8px 14px;font:700 14px Poppins;background:#fff}.sd-subject-choice-row>span.is-active{background:var(--sd-green);border-color:var(--sd-green);color:#fff;box-shadow:0 7px 16px rgba(6,150,105,.16)}.sd-subject-picker>p{align-self:center;margin:0;color:#7a8b84;font-size:14px}.sd-subject-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:17px;align-items:start}.sd-topic-nav{border:1px solid #e1ebe7;border-radius:20px;background:#fff;padding:12px;position:sticky;top:142px}.sd-topic-nav h2{font:800 18px Poppins;margin:4px 5px 12px;color:var(--sd-navy)}.sd-topic-nav>a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border-radius:11px;color:#52665e;font-size:14px}.sd-topic-nav>a:hover{background:#f3faf7;color:var(--sd-green)}.sd-topic-nav>a.is-active{background:linear-gradient(135deg,#08aa75,#069669);color:#fff;font-weight:800}.sd-topic-nav .sd-topic-nav-cta{margin-top:12px;grid-template-columns:1fr 22px;background:#fff7dc!important;border:1px solid #f7e8ae;color:#624c0b!important;padding:12px}.sd-topic-nav-cta b,.sd-topic-nav-cta small{display:block}.sd-topic-nav-cta small{font-size:14px;font-weight:500;margin-top:2px}.sd-topic-nav-cta span{grid-column:2;grid-row:1/3;font-size:20px}.sd-subject-main{min-width:0}.sd-subject-section{border:1px solid #e3ece8;border-radius:20px;background:#fff;padding:18px;margin-bottom:15px;box-shadow:0 7px 22px rgba(15,39,72,.035)}.sd-subject-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.sd-subject-section-head>div{display:flex;align-items:center;gap:8px}.sd-subject-section-head>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf9f4;color:var(--sd-green);font-weight:900}.sd-subject-section-head h2{font:800 21px Poppins;margin:0;color:var(--sd-navy)}.sd-subject-section-head>a{font:700 14px Poppins;color:var(--sd-green)}.sd-topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.sd-topic-card{min-height:154px;border:1px solid #e2ebe7;border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}.sd-topic-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,39,72,.07)}.sd-topic-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.75);font:800 18px Poppins;margin-bottom:10px}.sd-topic-card strong{font:800 16px Poppins;color:var(--sd-navy)}.sd-topic-card small{font-size:14px;color:#657970;margin-top:2px}.sd-topic-card b{font:700 14px Poppins;color:var(--sd-green);margin-top:auto;padding-top:8px}.sd-topic-mint{background:#effaf5}.sd-topic-blue{background:#eef6ff}.sd-topic-rose{background:#fff1f3}.sd-topic-sky{background:#edf9ff}.sd-topic-lime{background:#f3fae7}.sd-topic-amber{background:#fff7df}.sd-activity-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sd-activity-card{min-height:126px;border:1px solid #e1ebe7;border-radius:15px;padding:13px;display:grid;grid-template-columns:42px 1fr 18px;gap:8px;align-items:start}.sd-activity-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;font:800 20px Poppins;box-shadow:0 5px 12px rgba(15,39,72,.05)}.sd-activity-card strong,.sd-activity-card small{display:block}.sd-activity-card strong{font:800 15px Poppins;color:var(--sd-navy);margin-top:2px}.sd-activity-card small{font-size:14px;color:#667a72;margin-top:4px;line-height:1.4}.sd-activity-card>b{color:var(--sd-green);font-size:20px}.sd-activity-mint{background:#effaf5}.sd-activity-blue{background:#eef7ff}.sd-activity-amber{background:#fff8e6}.sd-activity-violet{background:#f6f0ff}.sd-activity-rose{background:#fff1f1}.sd-subject-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sd-subject-recent-card{border:1px solid #e3ebe8;border-radius:15px;overflow:hidden;background:#fff}.sd-subject-recent-media{display:block}.sd-subject-recent-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#f2f7f5}.sd-subject-recent-card>div{padding:11px}.sd-subject-recent-card h3{font:700 14px/1.4 Poppins;margin:7px 0 0;color:var(--sd-navy)}
@media(max-width:1100px){.sd-subject-hero{grid-template-columns:1fr 320px}.sd-activity-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-subject-recent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:840px){.sd-subject-hero{grid-template-columns:1fr}.sd-subject-hero-mark{justify-content:flex-start}.sd-subject-picker{grid-template-columns:1fr 1fr}.sd-subject-picker>p{grid-column:1/-1}.sd-subject-layout{grid-template-columns:1fr}.sd-topic-nav{position:static;display:flex;gap:7px;overflow:auto;padding:10px}.sd-topic-nav h2,.sd-topic-nav .sd-topic-nav-cta{display:none}.sd-topic-nav>a{flex:0 0 auto;grid-template-columns:auto;padding:8px 12px}.sd-topic-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sd-subject-hero{margin-top:12px;padding:22px 18px}.sd-subject-hero-mark{min-height:0}.sd-subject-book{width:62px;height:62px;font-size:30px}.sd-subject-picker{grid-template-columns:1fr}.sd-subject-picker>p{grid-column:auto}.sd-topic-cards,.sd-activity-cards,.sd-subject-recent-grid{grid-template-columns:1fr}.sd-subject-section{padding:14px}.sd-topic-card{min-height:130px}.sd-activity-card{min-height:100px}}

/* SmartDidik v1.0.49 — Bahasa Melayu Tahun 4 material library */
.sd-material-featured-section{overflow:hidden}.sd-material-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sd-material-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:start;min-height:116px;padding:13px;border:1px solid #e1ebe7;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fcfa);transition:transform .18s ease,box-shadow .18s ease}.sd-material-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,39,72,.07)}.sd-material-filetype{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#eaf9f2;color:var(--sd-green);font:800 14px Poppins}.sd-material-card small,.sd-material-card strong,.sd-material-card span{display:block}.sd-material-card div>small{font:700 14px Poppins;color:#6d7f78}.sd-material-card strong{margin:4px 0 5px;font:800 15px/1.35 Poppins;color:var(--sd-navy)}.sd-material-card div>span{font-size:14px;color:var(--sd-green);font-weight:700}.sd-material-topic-strip{display:flex;gap:7px;overflow:auto;margin-top:12px;padding:1px 0 3px}.sd-material-topic-strip a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid #dfeae6;border-radius:999px;background:#fff;color:#53675f;font:700 14px Poppins}.sd-material-topic-strip a:hover{border-color:#b9dfd0;color:var(--sd-green)}.sd-material-topic-strip b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#edf8f3;color:var(--sd-green);font-size:14px}.sd-material-library-hero{margin:22px 0 14px;padding:27px 30px;border:1px solid #d7eee4;border-radius:24px;background:linear-gradient(110deg,#f5fffa,#e9f9f1);display:flex;align-items:center;justify-content:space-between;gap:24px}.sd-material-library-hero h1{font:800 clamp(28px,3vw,42px)/1.12 Poppins;color:var(--sd-navy);margin:7px 0 8px;letter-spacing:-.025em}.sd-material-library-hero p{font-size:16px;color:#5e726a;margin:0}.sd-material-library-count{flex:0 0 150px;min-height:116px;border:1px solid #d8ebe3;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 9px 24px rgba(15,39,72,.05)}.sd-material-library-count strong{font:800 34px Poppins;color:var(--sd-green)}.sd-material-library-count span{font:700 14px Poppins;color:#667b72}.sd-material-filterbar{display:flex;gap:8px;overflow:auto;padding:2px 0 14px}.sd-material-filterbar>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #dce8e3;border-radius:11px;background:#fff;color:#52665e;font:700 14px Poppins}.sd-material-filterbar>a.is-active{background:var(--sd-green);border-color:var(--sd-green);color:#fff}.sd-material-filterbar b{font-size:14px}.sd-material-library-wrap{border:1px solid #e2ebe7;border-radius:20px;background:#fff;padding:18px;margin-bottom:24px}.sd-material-library-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.sd-material-library-head h2{font:800 22px Poppins;color:var(--sd-navy);margin:0}.sd-material-library-head p{font-size:14px;color:#6d7f78;margin:2px 0 0}.sd-material-library-head>a{font:700 14px Poppins;color:var(--sd-green)}.sd-material-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sd-material-library-card{display:grid;grid-template-columns:52px minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:100px;padding:12px;border:1px solid #e1eae7;border-radius:14px;background:#fff}.sd-material-library-card:hover{background:#f7fcfa;border-color:#cce8dc}.sd-material-library-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#edf9f4;color:var(--sd-green);font:800 14px Poppins}.sd-material-library-copy span,.sd-material-library-copy small{display:block;font-size:14px}.sd-material-library-copy span{color:#6d8077;font-weight:700}.sd-material-library-copy h3{font:800 15px/1.35 Poppins;color:var(--sd-navy);margin:3px 0 4px}.sd-material-library-copy small{color:#7a8b84}.sd-material-library-card>b{font-size:20px;color:var(--sd-green)}.sd-material-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-radius:14px;background:#f6fbf8;font-size:14px}.sd-material-empty a{font-weight:800;color:var(--sd-green)}
@media(max-width:1050px){.sd-material-featured-grid,.sd-material-library-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sd-material-library-hero{padding:22px 18px;align-items:flex-start}.sd-material-library-count{flex-basis:110px;min-height:96px}.sd-material-library-count strong{font-size:28px}.sd-material-featured-grid,.sd-material-library-grid{grid-template-columns:1fr}.sd-material-library-head{align-items:flex-start;flex-direction:column}.sd-material-card{min-height:104px}}
@media(max-width:500px){.sd-material-library-hero{display:block}.sd-material-library-count{margin-top:15px;width:120px}.sd-material-library-wrap{padding:14px}}

/* SmartDidik v1.0.51 — note-only subject content */
.sd-content-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sd-content-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:start;min-height:118px;padding:14px;border:1px solid #e0ebe6;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fcfa);transition:transform .18s ease,box-shadow .18s ease}.sd-content-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,39,72,.07)}.sd-content-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eaf9f2;color:var(--sd-green);font:800 15px Poppins}.sd-content-card small,.sd-content-card strong,.sd-content-card span{display:block}.sd-content-card small{font:700 14px Poppins;color:#6d7f78}.sd-content-card strong{margin:3px 0 5px;font:800 16px/1.35 Poppins;color:var(--sd-navy)}.sd-content-card div>span{font:700 14px Poppins;color:var(--sd-green)}
.sd-content-library-hero{align-items:stretch}.sd-content-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:260px}.sd-content-stats>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;border:1px solid #d8ebe3;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(15,39,72,.04)}.sd-content-stats strong{font:800 30px Poppins;color:var(--sd-green)}.sd-content-stats small{font:700 14px Poppins;color:#667b72}.sd-content-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-content-library-card{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:12px;align-items:start;min-height:146px;padding:15px;border:1px solid #e0eae6;border-radius:16px;background:#fff}.sd-content-library-card:hover{background:#f8fcfa;border-color:#cce8dc}.sd-content-library-card small{display:block;font:700 14px Poppins;color:#73857d}.sd-content-library-card h3{font:800 17px/1.35 Poppins;color:var(--sd-navy);margin:3px 0 6px}.sd-content-library-card p{font-size:14px;line-height:1.55;color:#64766f;margin:0 0 8px}.sd-content-meta{display:flex;flex-wrap:wrap;gap:6px}.sd-content-meta b{font:700 14px Poppins;color:var(--sd-green);background:#edf9f4;border-radius:999px;padding:5px 8px}.sd-content-arrow{align-self:center;color:var(--sd-green);font-size:20px}
.sd-topic-detail-hero{margin:22px 0 14px;padding:27px 30px;border:1px solid #d7eee4;border-radius:24px;background:linear-gradient(110deg,#f5fffa,#e9f9f1)}.sd-topic-detail-hero h1{font:800 clamp(29px,3.5vw,46px)/1.1 Poppins;color:var(--sd-navy);margin:7px 0 8px;letter-spacing:-.03em}.sd-topic-detail-hero>p{max-width:820px;font-size:16px;line-height:1.65;color:#5f726a;margin:0}.sd-topic-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sd-topic-detail-meta span{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #d7ebe2;border-radius:999px;background:#fff;font:700 14px Poppins;color:#52665e}.sd-topic-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start;margin-bottom:26px}.sd-learning-card{border:1px solid #e0e9e5;border-radius:20px;background:#fff;padding:18px;margin-bottom:14px;box-shadow:0 7px 22px rgba(15,39,72,.03)}.sd-learning-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sd-learning-head>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#edf9f4;color:var(--sd-green);font:800 16px Poppins}.sd-learning-head h2{font:800 22px Poppins;color:var(--sd-navy);margin:0}.sd-learning-head p{font-size:14px;color:#70827a;margin:2px 0 0}.sd-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-note-block{border:1px solid #e7eeeb;border-radius:15px;background:#fbfdfc;padding:14px}.sd-note-block h3{font:800 16px Poppins;color:var(--sd-navy);margin:0 0 8px}.sd-note-block ul{margin:0;padding-left:20px}.sd-note-block li{font-size:15px;line-height:1.6;color:#53675f;margin:4px 0}.sd-question-list{display:grid;gap:10px}.sd-question-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border:1px solid #e2eae7;border-radius:15px;background:#fff}.sd-question-no{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf9f4;color:var(--sd-green);font:800 14px Poppins}.sd-question-card h3{font:700 16px/1.55 Poppins;color:var(--sd-navy);margin:0 0 10px}.sd-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sd-option-grid span{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #e5ece9;border-radius:10px;background:#fbfdfc;font-size:14px;line-height:1.45;color:#566a61}.sd-option-grid b{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:#eef8f4;color:var(--sd-green);font:800 14px Poppins}.sd-question-card details,.sd-reading-set details{margin-top:10px}.sd-question-card summary,.sd-reading-set summary{cursor:pointer;font:700 14px Poppins;color:var(--sd-green)}.sd-question-card details p,.sd-reading-set details p{font-size:14px;color:#53675f;margin:7px 0 0}.sd-load-more{display:inline-flex;margin-top:12px;min-height:40px;align-items:center;padding:8px 12px;border-radius:10px;background:#edf9f4;color:var(--sd-green);font:800 14px Poppins}.sd-correction-table{border:1px solid #e4ebe8;border-radius:14px;overflow:hidden}.sd-correction-row{display:grid;grid-template-columns:1fr 1fr}.sd-correction-row span{padding:10px 12px;border-bottom:1px solid #edf1ef;font-size:14px;color:#566a61}.sd-correction-row span+span{border-left:1px solid #edf1ef}.sd-correction-row.is-head span{font:800 14px Poppins;background:#f4faf7;color:var(--sd-navy)}.sd-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-theme-card{border:1px solid #e4ebe8;border-radius:14px;padding:13px;background:#fbfdfc}.sd-theme-card h3{font:800 16px Poppins;color:var(--sd-navy);margin:0 0 8px}.sd-theme-card ul{margin:0;padding-left:19px}.sd-theme-card li{font-size:14px;line-height:1.55;color:#586a63;margin:4px 0}.sd-reading-set{padding:14px;border:1px solid #e4ebe8;border-radius:14px;background:#fbfdfc;margin-bottom:10px}.sd-reading-set h3{font:800 17px Poppins;color:var(--sd-navy);margin:0 0 8px}.sd-reading-passage{font-size:15px;line-height:1.7;color:#52665e;margin:0 0 10px}.sd-reading-set ol{margin:0;padding-left:20px}.sd-reading-set li{font-size:14px;line-height:1.55;color:#586a63;margin:9px 0}.sd-writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-writing-card{border:1px solid #e4ebe8;border-radius:14px;background:#fbfdfc;padding:14px}.sd-writing-card>span{font:800 14px Poppins;color:var(--sd-green)}.sd-writing-card p{font-size:15px;line-height:1.65;color:#566a61;margin:7px 0 0}.sd-topic-detail-side{position:sticky;top:94px;display:grid;gap:10px}.sd-topic-side-card{border:1px solid #e0e9e5;border-radius:16px;background:#fff;padding:15px}.sd-topic-side-card span,.sd-topic-side-card strong,.sd-topic-side-card small,.sd-topic-side-card a{display:block}.sd-topic-side-card span,.sd-topic-side-card small{font-size:14px;color:#70827a}.sd-topic-side-card strong{font:800 18px Poppins;color:var(--sd-navy);margin:2px 0}.sd-topic-side-card a{margin-top:10px;font:800 14px Poppins;color:var(--sd-green)}
@media(max-width:900px){.sd-content-featured-grid{grid-template-columns:1fr 1fr}.sd-topic-detail-layout{grid-template-columns:1fr}.sd-topic-detail-side{position:static;grid-template-columns:1fr 1fr}.sd-content-library-grid{grid-template-columns:1fr}.sd-content-stats{min-width:220px}}
@media(max-width:620px){.sd-content-featured-grid,.sd-note-grid,.sd-theme-grid,.sd-writing-grid,.sd-option-grid{grid-template-columns:1fr}.sd-content-stats{margin-top:15px;min-width:0}.sd-content-library-hero{display:block}.sd-topic-detail-hero{padding:22px 18px}.sd-learning-card{padding:14px}.sd-topic-detail-side{grid-template-columns:1fr}.sd-question-card{grid-template-columns:32px minmax(0,1fr);padding:12px}.sd-question-no{width:32px;height:32px}}