:root{
  --font-ui:"Plus Jakarta Sans","Inter","Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ink:#0f1830;
  --ink-soft:#30405b;
  --muted:#667892;
  --paper:#fffdfa;
  --paper-soft:#f7f1e8;
  --ivory:#f6efe4;
  --line:rgba(18,34,63,.1);
  --line-strong:rgba(18,34,63,.16);
  --navy:#152a5d;
  --navy-2:#1c3c80;
  --red:#d23830;
  --red-deep:#8d1e22;
  --gold:#d5a021;
  --gold-deep:#8b6212;
  --green:#237450;
  --green-deep:#164f38;
  --purple:#6a45c2;
  --orange:#ef7e2f;
  --white:#fff;
  --shadow:0 24px 80px rgba(13,26,53,.12);
  --shadow-soft:0 14px 34px rgba(13,26,53,.08);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:20px;
  --radius-sm:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-ui);color:var(--ink);background:linear-gradient(180deg,#f6efe5 0%,#f8f2e8 35%,#fcfaf6 100%);line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{position:relative;z-index:2}
.public-app{position:relative}
.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(17,27,48,.25) .5px, transparent .5px);background-size:12px 12px;mask-image:linear-gradient(180deg,#000,transparent);z-index:-3}
.page-ambient{position:fixed;border-radius:50%;filter:blur(45px);pointer-events:none;z-index:-2;opacity:.32}
.ambient-red{top:80px;left:-80px;width:260px;height:260px;background:rgba(210,56,48,.45)}
.ambient-gold{right:-90px;top:38%;width:300px;height:300px;background:rgba(213,160,33,.35)}
.ambient-green{left:18%;bottom:70px;width:220px;height:220px;background:rgba(35,116,80,.25)}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.08);z-index:9999}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--gold),var(--green));box-shadow:0 0 18px rgba(210,56,48,.3)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
[data-float]{animation:floatY 6.5s ease-in-out infinite}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,[data-float],.paper-spread,.magnetic-card{transition:none!important;animation:none!important;transform:none!important}}

.brand-mark,.gateway-brand{display:flex;align-items:center;gap:.85rem}.brand-mark strong,.gateway-brand strong{display:block;font-size:1rem;font-weight:900;line-height:1.1}.brand-mark small,.gateway-brand small{display:block;color:var(--muted);font-size:.77rem;font-weight:700;letter-spacing:.02em}
.brand-mark__icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(210,56,48,.13),rgba(213,160,33,.18));border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft)}.brand-mark__icon i{font-size:1.35rem;color:var(--navy)}.site-logo{width:38px;height:38px;object-fit:contain}
.section-space{padding:5rem 0}.section-heading{max-width:760px;margin:0 auto 2rem;text-align:center}.section-kicker,.eyebrow-pill,.paper-kicker{display:inline-flex;align-items:center;gap:.48rem;padding:.52rem .92rem;border-radius:999px;border:1px solid rgba(18,34,63,.08);background:rgba(21,42,93,.05);font-size:.82rem;font-weight:900;color:var(--navy)}.section-heading h2{font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.06;font-weight:900;margin:1rem 0 .65rem}.section-heading p{color:var(--muted);font-size:1rem;margin:0 auto;max-width:62ch}
.hero-title{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.02;font-weight:900;margin:.9rem 0 .75rem;max-width:12ch}.hero-subtitle{font-size:1.05rem;color:var(--ink-soft);max-width:60ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.48rem;padding:.88rem 1.22rem;border-radius:999px;font-weight:900;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:.58rem .96rem;font-size:.9rem}.btn-lg{padding:1rem 1.42rem}.btn-gradient{background:linear-gradient(135deg,var(--red),var(--navy));box-shadow:0 14px 34px rgba(18,34,63,.18);color:#fff}.btn-gradient:hover,.btn-gradient:focus{color:#fff;box-shadow:0 16px 38px rgba(18,34,63,.24)}.btn-ghost{background:#fff;color:var(--navy);border-color:rgba(18,34,63,.12);box-shadow:var(--shadow-soft)}.btn-ghost:hover{color:var(--red)}.btn-outline-premium{background:transparent;color:var(--navy);border-color:rgba(18,34,63,.2)}.btn-outline-premium:hover{background:rgba(21,42,93,.05);color:var(--navy)}
.form-control,.form-select{border-radius:16px;border:1px solid rgba(18,34,63,.14);padding:.84rem 1rem;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:rgba(21,42,93,.34);box-shadow:0 0 0 .22rem rgba(21,42,93,.1)!important}.form-label{font-weight:800;color:var(--ink)}.form-text{color:var(--muted)}

/* Gateway */
.premium-gateway{min-height:100vh;display:flex;align-items:center;padding:2.4rem 0;background:
radial-gradient(circle at 18% 18%, rgba(210,56,48,.16), transparent 20%),
radial-gradient(circle at 82% 18%, rgba(106,69,194,.14), transparent 22%),
radial-gradient(circle at 82% 76%, rgba(213,160,33,.18), transparent 24%),
radial-gradient(circle at 20% 82%, rgba(35,116,80,.12), transparent 22%);
}
.gateway-brand{justify-content:center;margin-bottom:1.15rem}
.gateway-stage{max-width:1180px;margin:0 auto;padding:2.2rem;background:linear-gradient(145deg,rgba(255,253,250,.96),rgba(248,240,227,.94));border:1px solid rgba(18,34,63,.08);border-radius:36px;box-shadow:0 30px 90px rgba(13,26,53,.14);position:relative;overflow:hidden}.gateway-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.42),transparent 35%,rgba(255,255,255,.18) 60%,transparent);pointer-events:none}
.gateway-copy-block{text-align:center;max-width:820px;margin:0 auto 1.8rem}.gateway-copy-block h1{font-size:clamp(2.4rem,4.6vw,4.3rem);line-height:1.03;font-weight:900;max-width:13ch;margin:1rem auto .85rem}.gateway-copy-block p{max-width:70ch;margin:0 auto;color:var(--ink-soft);font-size:1.05rem}.gateway-theme-strips{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}
.theme-pill,.hero-category{display:inline-flex;align-items:center;gap:.45rem;padding:.56rem .92rem;border-radius:999px;font-size:.82rem;font-weight:900}.theme-kebangsaan{background:rgba(210,56,48,.13)!important;color:var(--red-deep)!important}.theme-sejarah{background:rgba(213,160,33,.16)!important;color:var(--gold-deep)!important}.theme-budaya{background:rgba(35,116,80,.14)!important;color:var(--green-deep)!important}
.premium-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.audience-choice-card{position:relative;display:flex;flex-direction:column;gap:1rem;min-height:280px;padding:1.2rem;border-radius:28px;color:#fff;overflow:hidden;box-shadow:0 18px 44px rgba(13,26,53,.16);border:1px solid rgba(255,255,255,.16);transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease}.audience-choice-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(13,26,53,.22);color:#fff}.card-glow{position:absolute;inset:-40%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.26), transparent 26%);pointer-events:none;mix-blend-mode:screen;opacity:.9}.audience-choice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;position:relative;z-index:1}.audience-choice-kicker{padding:.38rem .72rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-size:.75rem;font-weight:900;letter-spacing:.03em}.audience-choice-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.audience-choice-content,.audience-choice-foot{position:relative;z-index:1}.audience-choice-content strong{display:block;font-size:1.7rem;line-height:1.08;font-weight:900;margin-bottom:.55rem}.audience-choice-content p{margin:0;color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.58}.audience-choice-foot{margin-top:auto;display:flex;flex-direction:column;gap:.55rem}.audience-count{font-size:.82rem;font-weight:800;color:rgba(255,255,255,.82)}.audience-choice-cta{display:inline-flex;align-items:center;gap:.4rem;font-weight:900}
.audience-choice-sd{background:linear-gradient(135deg,#ef7e2f 0%,#d53b3f 100%)}
.audience-choice-smp{background:linear-gradient(135deg,#2a8a8b 0%,#237450 100%)}
.audience-choice-sma{background:linear-gradient(135deg,#26479b 0%,#152a5d 100%)}
.audience-choice-mahasiswa{background:linear-gradient(135deg,#7f2e8f 0%,#6a45c2 48%,#152a5d 100%)}
.gateway-admin{text-align:center;margin-top:1.1rem}.gateway-admin a{display:inline-flex;align-items:center;gap:.42rem;color:var(--navy);font-weight:900}.gateway-admin a:hover{color:var(--red)}

/* Navbar */
.navbar-modern{padding:.95rem 0;background:rgba(255,253,249,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,34,63,.08)}
.navbar-modern .nav-link{padding:.7rem 1rem!important;border-radius:999px;color:var(--ink-soft);font-weight:800}.navbar-modern .nav-link:hover{background:rgba(21,42,93,.05);color:var(--navy)}.active-jenjang{background:rgba(213,160,33,.14);color:var(--gold-deep)!important}.navbar-toggler{border:0;box-shadow:none!important}

/* Hero */
.magazine-hero{padding:2rem 0 1.1rem}
.hero-sheet{display:grid;grid-template-columns:1.05fr .95fr;gap:1.6rem;padding:2rem;background:linear-gradient(145deg,#fffdfa 0%,#f9f1e4 45%,#fffdf9 100%);border-radius:36px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-sheet::before{content:"";position:absolute;right:-80px;top:-80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(210,56,48,.14),transparent 70%)}.hero-sheet::after{content:"";position:absolute;left:-90px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(213,160,33,.15),transparent 70%)}
.hero-sheet__copy,.hero-sheet__visual{position:relative;z-index:1}.hero-theme-line{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.hero-edition{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin:1.4rem 0 0}.hero-stats-wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.45rem}.mini-stat{padding:1rem;border-radius:20px;background:rgba(255,255,255,.84);border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft)}.mini-stat strong{display:block;font-size:1.15rem;font-weight:900}.mini-stat span{display:block;color:var(--muted);font-size:.86rem}
.hero-sheet__visual{min-height:420px;display:flex;align-items:center;justify-content:center}
.hero-cover-frame{position:relative;width:min(100%,470px);border-radius:28px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(249,241,228,.92));border:1px solid rgba(18,34,63,.08);box-shadow:0 26px 56px rgba(13,26,53,.16)}.hero-cover-image{width:100%;height:420px;object-fit:cover;border-radius:22px}.hero-cover-placeholder{height:420px;border-radius:22px;background:linear-gradient(135deg,var(--red),var(--navy) 58%,var(--green));display:grid;place-items:center;text-align:center;color:#fff;padding:1.6rem}.cover-chip{display:inline-flex;padding:.45rem .84rem;border-radius:999px;background:rgba(255,255,255,.18);font-size:.8rem;font-weight:900}.hero-cover-placeholder strong{display:block;font-size:2.2rem;line-height:1.05;font-weight:900;margin:.85rem 0 .45rem}.hero-cover-placeholder small{color:rgba(255,255,255,.84);font-weight:700}
.hero-cover-overlay{position:absolute;left:28px;bottom:28px;padding:.8rem .95rem;border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);color:var(--ink)}.hero-cover-overlay span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.hero-cover-overlay strong{display:block;font-weight:900}
.hero-float-card{position:absolute;display:inline-flex;align-items:center;gap:.48rem;padding:.76rem .95rem;border-radius:18px;background:#fff;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft);font-weight:900;color:var(--ink)}.float-red{top:10px;left:5%}.float-gold{right:1%;top:34%}.float-green{left:4%;bottom:14%}

/* Paper Stage */
.theme-tabbar{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.theme-tab{display:inline-flex;align-items:center;gap:.48rem;padding:.82rem 1.08rem;border-radius:999px;border:1px solid rgba(18,34,63,.12);background:#fff;font-weight:900;color:var(--ink-soft);box-shadow:var(--shadow-soft);transition:.2s ease}.theme-tab:hover{transform:translateY(-1px)}.theme-tab.is-active{color:#fff;border-color:transparent}.theme-tab.theme-kebangsaan.is-active{background:linear-gradient(135deg,var(--red),var(--red-deep))}.theme-tab.theme-sejarah.is-active{background:linear-gradient(135deg,var(--gold),var(--gold-deep))}.theme-tab.theme-budaya.is-active{background:linear-gradient(135deg,var(--green),var(--green-deep))}
.paper-stage{position:relative;min-height:540px}.paper-spread{display:none;grid-template-columns:1fr 1fr;position:relative;background:linear-gradient(145deg,#fffdf9,#f8f1e5);border-radius:34px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow);overflow:hidden}.paper-spread.is-active{display:grid;animation:openPaper .72s cubic-bezier(.2,.8,.2,1)}@keyframes openPaper{0%{opacity:0;transform:perspective(1400px) rotateY(-72deg) scale(.98);transform-origin:left center}100%{opacity:1;transform:perspective(1400px) rotateY(0) scale(1);transform-origin:left center}}
.paper-spread::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(18,34,63,.16),transparent)}
.paper-page{min-height:500px;position:relative;padding:1.6rem 1.4rem}.paper-page__inner{height:100%;background:rgba(255,255,255,.56);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column}.paper-page--left .paper-page__inner{justify-content:center}.paper-page h3{font-size:2.45rem;line-height:1.02;font-weight:900;margin:1rem 0 .7rem}.paper-page p{color:var(--ink-soft);margin:0 0 1.2rem}.paper-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.35rem}.paper-stats div{padding:.9rem;border-radius:18px;background:#fff;border:1px solid rgba(18,34,63,.08)}.paper-stats strong{display:block;font-size:1.15rem;font-weight:900}.paper-stats span{display:block;color:var(--muted);font-size:.84rem}
.paper-lead{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:stretch}.paper-lead.with-image img{width:100%;height:100%;min-height:200px;object-fit:cover;border-radius:18px}.paper-lead__body{display:flex;flex-direction:column}.paper-lead__eyebrow{display:inline-flex;align-self:flex-start;padding:.38rem .72rem;border-radius:999px;background:rgba(21,42,93,.06);font-size:.74rem;font-weight:900;color:var(--navy)}.paper-lead__body h4{font-size:1.5rem;line-height:1.1;font-weight:900;margin:.8rem 0 .6rem}.paper-lead__body p{flex:1;margin:0 0 .8rem;color:var(--muted)}.paper-lead__body a{display:inline-flex;align-items:center;gap:.38rem;font-weight:900;color:var(--navy)}.paper-lead__body a:hover{color:var(--red)}
.paper-mini-list{display:grid;gap:.65rem;margin-top:1rem}.paper-mini-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.88rem 1rem;border-radius:16px;background:#fff;border:1px solid rgba(18,34,63,.08);transition:.2s ease}.paper-mini-item:hover{transform:translateX(3px);border-color:rgba(18,34,63,.15)}.paper-mini-title{font-weight:800}.paper-mini-item small{color:var(--muted)}
.paper-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);padding:2rem}.paper-empty i{font-size:3rem;color:var(--navy);margin-bottom:.75rem}

/* Editorial */
.premium-editorial-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-areas:"one two" "one three";gap:1rem}.editorial-1{grid-area:one}.editorial-2{grid-area:two}.editorial-3{grid-area:three}
.editorial-card{display:flex;gap:1rem;padding:1rem;background:linear-gradient(145deg,#fffdfa,#f8f0e4);border-radius:28px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease}.editorial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.editorial-card::after{content:"";position:absolute;right:-42px;bottom:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(21,42,93,.08),transparent 70%)}.editorial-1{flex-direction:column;min-height:500px}.editorial-1 .editorial-media{min-height:280px}.editorial-media{flex:0 0 38%;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f2e7da,#f8f3ec);display:flex;align-items:center;justify-content:center}.editorial-media.with-image img{width:100%;height:100%;object-fit:cover}.editorial-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:220px;font-size:2.2rem;color:var(--navy)}.editorial-body{display:flex;flex-direction:column;gap:.65rem;justify-content:center;position:relative;z-index:1}.editorial-body h3{margin:0;font-size:1.34rem;line-height:1.13;font-weight:900}.editorial-body p{margin:0;color:var(--muted)}.editorial-tag{display:inline-flex;align-self:flex-start;padding:.42rem .74rem;border-radius:999px;font-size:.77rem;font-weight:900}.editorial-cta{display:inline-flex;align-items:center;gap:.38rem;font-weight:900;color:var(--navy)}

/* Filter / shelf */
.article-filter-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) auto auto;gap:1rem;padding:1rem;background:linear-gradient(145deg,#fffdfa,#f7f0e4);border-radius:24px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft)}.filter-search{display:flex;align-items:center;gap:.72rem;padding:.18rem 1rem;background:#fff;border:1px solid rgba(18,34,63,.1);border-radius:18px}.filter-search i{color:var(--navy)}.filter-search input{width:100%;border:0;background:transparent;padding:.85rem 0;font:inherit;color:var(--ink)}.filter-search input:focus{outline:none}
.article-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.shelf-card--wide{grid-column:span 2}
.article-card{height:100%;background:linear-gradient(145deg,#fffdfa,#f8f1e5);border-radius:28px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease;position:relative}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.article-card__media{position:relative;min-height:220px;background:linear-gradient(135deg,#f0e5d8,#f8f2e8)}.article-card__media.with-image img{width:100%;height:100%;object-fit:cover}.article-cover{width:100%;height:100%;object-fit:cover}.article-placeholder{min-height:220px;display:grid;place-items:center;font-size:2rem;color:var(--navy)}.article-chip{position:absolute;top:16px;left:16px;padding:.45rem .78rem;border-radius:999px;font-size:.76rem;font-weight:900;box-shadow:0 8px 18px rgba(13,26,53,.16)}.article-card__body{padding:1.15rem 1.15rem 1.25rem}.article-meta{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--muted);font-size:.83rem;font-weight:800;margin-bottom:.85rem}.article-meta span{display:inline-flex;align-items:center;gap:.38rem}.article-card__body h3{font-size:1.2rem;line-height:1.16;font-weight:900;margin:0 0 .72rem}.article-card__body p{color:var(--muted);margin:0 0 1rem}.link-cta{display:inline-flex;align-items:center;gap:.4rem;font-weight:900;color:var(--navy)}.link-cta:hover{color:var(--red)}
.empty-state{text-align:center;padding:3rem 1.6rem;background:#fff;border:1px dashed rgba(18,34,63,.16);border-radius:28px;box-shadow:var(--shadow-soft);grid-column:1/-1}.empty-state i{font-size:3rem;color:var(--navy)}.empty-state h3{font-size:1.5rem;font-weight:900;margin:1rem 0 .5rem}.empty-state p{margin:0 auto;color:var(--muted);max-width:58ch}

/* Utility theme */
.theme-border-kebangsaan{border-top:4px solid var(--red)!important}.theme-border-sejarah{border-top:4px solid var(--gold)!important}.theme-border-budaya{border-top:4px solid var(--green)!important}
.article-chip.theme-kebangsaan,.editorial-tag.theme-kebangsaan{background:var(--red)!important;color:#fff!important}.article-chip.theme-sejarah,.editorial-tag.theme-sejarah{background:var(--gold)!important;color:#4b3300!important}.article-chip.theme-budaya,.editorial-tag.theme-budaya{background:var(--green)!important;color:#fff!important}

/* Leader / footer */
.leader-panel{display:grid;grid-template-columns:minmax(250px,320px) 1fr;background:linear-gradient(145deg,#fffdfa,#f8f0e4);border-radius:32px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow);overflow:hidden}.leader-panel__media{background:#fff}.leader-photo{width:100%;height:100%;min-height:320px;object-fit:cover}.leader-panel__body{padding:1.9rem}.leader-panel__body h2{font-size:2rem;font-weight:900;margin:.85rem 0 .35rem}.leader-title{margin:.2rem 0 1rem;color:var(--red);font-weight:900}.leader-message{margin:0;color:var(--ink-soft)}
.site-footer{padding:1rem 0 2.8rem}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1.5rem;background:linear-gradient(145deg,#fffdfa,#f8f0e5);border-radius:30px;padding:1.6rem;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft)}.site-footer h3{font-size:1rem;font-weight:900;margin-bottom:.85rem}.footer-copy{color:var(--muted);margin:1rem 0 0}.footer-links{display:grid;gap:.52rem}.footer-links a,.footer-links span{color:var(--muted);font-weight:700;line-height:1.6}.footer-links a:hover{color:var(--red)}

/* Article detail */
.article-detail-page .article-hero{padding:2rem 0 1rem}.article-hero__panel{max-width:980px;margin:0 auto;background:linear-gradient(145deg,#fffdfa,#f7efdf);border-radius:30px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow);padding:2rem;position:relative;overflow:hidden}.article-hero__meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.article-hero__panel h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;font-weight:900;max-width:15ch;margin:.95rem 0 .7rem}.article-meta--hero{width:100%;font-size:.89rem;color:var(--muted)}.article-shell{max-width:900px;background:linear-gradient(145deg,#fffdfa,#f8f1e5);border-radius:30px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow);padding:1.2rem}.article-hero-image{border-radius:24px;overflow:hidden;background:#f3ebdd;margin-bottom:1.25rem}.article-detail-cover{width:100%;max-height:500px;object-fit:cover}.prose-content{padding:.3rem 1rem 1rem;font-size:1.05rem;line-height:1.95;color:#26364f}.article-footer-note{display:flex;align-items:flex-start;gap:.7rem;margin:0 1rem 1rem;padding:1rem 1.1rem;border-radius:18px;color:#37495e;font-weight:700}

/* Admin */
.admin-bg{min-height:100vh;background:linear-gradient(180deg,#f3ebde 0%,#f8f3eb 52%,#fbf8f3 100%)}
.admin-topbar{padding:1rem 0;background:rgba(17,32,60,.96)}.admin-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:900}.admin-brand__icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--red),var(--gold));display:grid;place-items:center;box-shadow:0 12px 24px rgba(0,0,0,.2)}
.admin-shell{padding:1.45rem 0 3rem}.admin-nav-actions{display:flex;gap:.55rem;flex-wrap:wrap}.admin-nav-actions .btn{border-radius:14px;font-weight:800}.admin-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.admin-header h1{font-size:2rem;font-weight:900;margin:.2rem 0}.admin-header p{color:var(--muted);margin:0}
.admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}.kpi-card{display:flex;gap:1rem;align-items:center;background:#fff;border-radius:24px;padding:1.15rem;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow-soft)}.kpi-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--red));color:#fff;font-size:1.25rem}.kpi-card strong{display:block;font-size:1.6rem;line-height:1}.kpi-card span{display:block;color:var(--muted);font-weight:700}
.admin-panel,.form-card,.admin-section-card{background:rgba(255,255,255,.94);border:1px solid rgba(18,34,63,.08);border-radius:28px;box-shadow:var(--shadow)}.admin-panel .panel-header,.admin-section-card .section-title{padding:1rem 1.2rem;border-bottom:1px solid rgba(18,34,63,.08);font-weight:900}.admin-section-card .section-title{background:rgba(21,42,93,.03)}.table{--bs-table-bg:transparent}.table>thead th{background:rgba(21,42,93,.05)!important;color:#506073;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}.table>tbody td{padding-top:1rem;padding-bottom:1rem;vertical-align:middle}.badge{padding:.52rem .72rem;border-radius:999px;font-weight:900}.text-bg-success{background:rgba(35,116,80,.14)!important;color:var(--green-deep)!important}.text-bg-secondary{background:rgba(102,120,146,.14)!important;color:#5d6d83!important}.setting-preview{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .74rem;border-radius:999px;background:rgba(213,160,33,.14);color:var(--gold-deep);font-weight:800;font-size:.82rem}.img-thumbnail{border-radius:16px;border:1px solid rgba(18,34,63,.1);padding:.35rem}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem 0}.login-shell{display:grid;grid-template-columns:1.1fr 420px;gap:1.2rem;align-items:stretch}.login-showcase{padding:2rem;border-radius:34px;color:#fff;background:linear-gradient(135deg,#8e231f 0%,#152a5d 58%,#237450 100%);box-shadow:0 26px 58px rgba(13,26,53,.24);position:relative;overflow:hidden}.login-showcase::before,.login-showcase::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.login-showcase::before{width:220px;height:220px;right:-60px;top:-60px}.login-showcase::after{width:180px;height:180px;left:-40px;bottom:-50px}.login-showcase h1{font-size:2.2rem;line-height:1.06;font-weight:900;margin:1rem 0}.login-showcase p{max-width:54ch;color:rgba(255,255,255,.82)}.login-badges{display:grid;gap:.8rem;margin-top:1.5rem}.login-badges span{display:flex;align-items:center;gap:.7rem;padding:.95rem 1rem;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:800}.login-card{display:flex;align-items:center}.login-card .form-card{width:100%}.login-logo{max-height:72px;max-width:150px;margin:0 auto 1rem}
.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Magnetic / pointer */
.magnetic-card{will-change:transform;transform-style:preserve-3d}

/* Responsive */
@media (max-width:1199.98px){
  .premium-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-sheet,.leader-panel,.footer-grid,.login-shell{grid-template-columns:1fr}
  .premium-editorial-grid{grid-template-columns:1fr;grid-template-areas:"one" "two" "three"}
  .editorial-1{min-height:420px}
  .article-filter-panel{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}
}
@media (max-width:991.98px){
  .paper-spread,.article-shelf-grid{grid-template-columns:1fr}
  .paper-spread::before{display:none}
  .shelf-card--wide{grid-column:auto}
  .hero-title{max-width:none}
  .hero-sheet__visual{min-height:360px}
  .hero-stats-wide,.admin-kpis{grid-template-columns:1fr}
  .admin-header{flex-direction:column}
}
@media (max-width:767.98px){
  .section-space{padding:4rem 0}
  .gateway-stage,.hero-sheet,.paper-spread,.leader-panel,.article-shell,.article-hero__panel,.footer-grid,.admin-panel,.form-card,.admin-section-card{border-radius:24px}
  .gateway-stage,.hero-sheet,.article-hero__panel{padding:1.25rem}
  .premium-audience-grid,.article-filter-panel,.article-shelf-grid,.paper-stats{grid-template-columns:1fr}
  .paper-lead{grid-template-columns:1fr}.paper-lead.with-image img{min-height:220px}
  .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}
  .hero-float-card{display:none}
  .footer-grid{padding:1.2rem}
  .editorial-card{flex-direction:column}.editorial-media{min-height:230px}
}
@media (max-width:575.98px){
  .gateway-copy-block h1,.hero-title{font-size:2.25rem}
  .premium-audience-grid{grid-template-columns:1fr}
  .article-card__media{min-height:210px}.article-placeholder{min-height:210px}
  .admin-nav-actions{width:100%}.admin-nav-actions .btn,.admin-nav-actions form{flex:1 1 auto}.admin-nav-actions form .btn{width:100%}
}

/* Intro cinematic */
.intro-underlay{filter:blur(4px) saturate(.88);transition:filter .7s ease}
.intro-underlay.intro-ready{filter:none}
.intro-cinematic{position:fixed;inset:0;z-index:10000;overflow:hidden;background:linear-gradient(180deg,#0e1e45 0%,#173870 28%,#b4402f 62%,#f6a02d 100%);display:flex;align-items:center;justify-content:center}
.intro-cinematic::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%,rgba(0,0,0,.18));pointer-events:none}
.intro-cinematic__sky{position:absolute;inset:0;background:
radial-gradient(circle at 22% 20%, rgba(255,255,255,.2), transparent 20%),
radial-gradient(circle at 80% 18%, rgba(255,255,255,.12), transparent 18%),
radial-gradient(circle at 62% 30%, rgba(255,255,255,.09), transparent 14%);
animation:skyShift 14s linear infinite alternate}
@keyframes skyShift{from{transform:scale(1) translateX(0)}to{transform:scale(1.08) translateX(-2%)}}
.intro-cinematic__sun{position:absolute;right:12%;top:14%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#ffe9a0 0%,#ffcf4c 45%,rgba(255,207,76,0) 72%);box-shadow:0 0 90px rgba(255,210,90,.5);animation:sunPulse 6s ease-in-out infinite}@keyframes sunPulse{50%{transform:scale(1.05)}}
.intro-cinematic__mountain{position:absolute;left:-5%;right:-5%;background-repeat:no-repeat;background-size:100% 100%;transform-origin:center bottom}.mountain-back{bottom:28%;height:38%;background:linear-gradient(180deg,#25457f,#12254f);clip-path:polygon(0 100%,10% 72%,20% 80%,34% 46%,48% 72%,58% 58%,68% 76%,82% 44%,94% 78%,100% 66%,100% 100%);animation:parallaxSlow 14s ease-in-out infinite alternate}.mountain-mid{bottom:18%;height:34%;background:linear-gradient(180deg,#1f514e,#143e3d);clip-path:polygon(0 100%,0 70%,14% 78%,29% 42%,42% 72%,56% 48%,67% 66%,82% 34%,100% 74%,100% 100%);animation:parallaxMid 11s ease-in-out infinite alternate}.mountain-front{bottom:8%;height:32%;background:linear-gradient(180deg,#542515,#7e3526,#173b36);clip-path:polygon(0 100%,0 62%,11% 74%,22% 58%,34% 76%,45% 54%,56% 70%,67% 48%,79% 62%,90% 40%,100% 58%,100% 100%);animation:parallaxFast 9s ease-in-out infinite alternate}
@keyframes parallaxSlow{from{transform:translateX(0)}to{transform:translateX(-1.5%)}}@keyframes parallaxMid{from{transform:translateX(0)}to{transform:translateX(1.5%)}}@keyframes parallaxFast{from{transform:translateX(0)}to{transform:translateX(-2%)}}
.intro-cinematic__temple{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);width:220px;height:180px;background:linear-gradient(180deg,#211e2a,#0d101c);clip-path:polygon(50% 0,64% 14%,60% 14%,64% 26%,78% 26%,72% 40%,84% 40%,74% 58%,89% 58%,78% 78%,60% 78%,60% 100%,40% 100%,40% 78%,22% 78%,11% 58%,26% 58%,16% 40%,28% 40%,22% 26%,36% 26%,40% 14%,36% 14%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.35));animation:templeRise 8s ease-in-out infinite alternate}@keyframes templeRise{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-5px)}}
.intro-cinematic__wave{position:absolute;left:-10%;right:-10%;height:120px;border-radius:50%;filter:blur(1px)}.wave-one{bottom:7%;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(27,75,114,.76));animation:waveMove 10s linear infinite}.wave-two{bottom:2%;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(15,48,84,.92));animation:waveMove2 7s linear infinite}@keyframes waveMove{from{transform:translateX(0)}to{transform:translateX(-4%)}}@keyframes waveMove2{from{transform:translateX(-2%)}to{transform:translateX(3%)}}
.intro-cinematic__birds{position:absolute;left:12%;top:20%;width:260px;height:80px}.intro-cinematic__birds::before,.intro-cinematic__birds::after{content:"";position:absolute;width:34px;height:14px;border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:birdsFly 10s linear infinite}.intro-cinematic__birds::before{left:0;top:20px;box-shadow:40px 14px 0 -1px rgba(255,255,255,.72),98px -8px 0 -1px rgba(255,255,255,.62),150px 10px 0 -1px rgba(255,255,255,.68)}.intro-cinematic__birds::after{left:18px;top:2px;box-shadow:55px 14px 0 -1px rgba(255,255,255,.56),118px 10px 0 -1px rgba(255,255,255,.7)}@keyframes birdsFly{from{transform:translateX(0)}to{transform:translateX(24px)}}
.intro-cinematic__mist{position:absolute;left:-10%;right:-10%;bottom:12%;height:120px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.18) 55%,rgba(255,255,255,0));filter:blur(18px);animation:mistFlow 10s ease-in-out infinite alternate}@keyframes mistFlow{from{transform:translateX(0)}to{transform:translateX(4%)}}
.intro-cinematic__content{position:relative;max-width:760px;text-align:center;color:#fff;padding:2rem 1.5rem 1rem;z-index:1}.intro-label{display:inline-flex;align-items:center;gap:.48rem;padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);font-size:.83rem;font-weight:900}.intro-cinematic__content h1{font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.02;font-weight:900;margin:1.1rem auto .8rem;max-width:13ch}.intro-cinematic__content p{font-size:1.05rem;max-width:58ch;margin:0 auto 1.5rem;color:rgba(255,255,255,.86)}.intro-start-btn{box-shadow:0 22px 40px rgba(0,0,0,.24)!important}
.intro-cinematic.is-closing{animation:introFadeOut .8s ease forwards}@keyframes introFadeOut{to{opacity:0;visibility:hidden}}

/* Story reader */
.story-reader{background:linear-gradient(145deg,#fffdfa,#f7efdf);border-radius:32px;border:1px solid rgba(18,34,63,.08);box-shadow:var(--shadow);padding:1rem 1rem 1.2rem;overflow:hidden}.story-reader__toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.4rem .4rem 1rem}.story-reader__meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.story-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:999px;font-weight:900}.story-counter{font-weight:900;color:var(--ink-soft)}.story-reader__actions{display:flex;gap:.6rem;flex-wrap:wrap}.story-reader__viewport{overflow:hidden;border-radius:24px;perspective:1600px}.story-reader__track{display:flex;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.story-page{min-width:100%;padding:1.1rem;transform-origin:left center}.story-page.is-turning{animation:pageTurn .6s ease}@keyframes pageTurn{0%{transform:rotateY(0)}45%{transform:rotateY(-14deg)}100%{transform:rotateY(0)}}
.story-page__page-num{text-align:right;color:var(--muted);font-size:.82rem;font-weight:800;margin-bottom:.6rem}.story-page__content{min-height:480px;padding:1.6rem 1.5rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(252,249,243,.96));border:1px solid rgba(18,34,63,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.story-page__content p{font-size:1.05rem;line-height:1.92;color:#26364f;margin-bottom:1.2rem}.story-page__content p:last-child{margin-bottom:0}
.story-cover-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.2rem;align-items:center}.story-cover-visual{border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#f0e4d3,#f9f3ea);min-height:340px}.story-cover-visual.with-image img{width:100%;height:100%;min-height:340px;object-fit:cover}.story-cover-placeholder{min-height:340px;display:grid;place-items:center;font-size:3rem;color:var(--navy)}.story-cover-copy h2{font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.08;font-weight:900;margin:.9rem 0 .8rem}.story-cover-copy p{color:var(--ink-soft);font-size:1.02rem}.story-cover-notes{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.story-cover-notes span{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:999px;background:#fff;border:1px solid rgba(18,34,63,.08);font-weight:800;color:var(--ink-soft)}
.story-reader__dots{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;padding-top:1rem}.story-dot{width:12px;height:12px;border-radius:50%;border:0;background:rgba(18,34,63,.16);transition:transform .2s ease,background .2s ease}.story-dot.is-active{background:linear-gradient(135deg,var(--red),var(--gold));transform:scale(1.18)}

@media (max-width:991.98px){.intro-cinematic__content h1{font-size:3rem}.story-cover-layout{grid-template-columns:1fr}.story-page__content{min-height:440px}}
@media (max-width:767.98px){.intro-cinematic__sun{width:120px;height:120px}.intro-cinematic__temple{width:160px;height:130px}.intro-cinematic__content{padding:1.4rem}.story-reader__toolbar{flex-direction:column;align-items:flex-start}.story-page{padding:.5rem}.story-page__content{padding:1.15rem 1rem;min-height:390px}.story-cover-visual,.story-cover-visual.with-image img,.story-cover-placeholder{min-height:250px}}

/* Cinematic v4 — deeper motion, clouds, water, sun arc, typewriter */
.intro-cinematic{isolation:isolate}
.intro-cinematic__sun-orbit{position:absolute;inset:0;pointer-events:none;animation:sunTravel 12s cubic-bezier(.35,.05,.2,1) infinite alternate;transform-origin:center bottom}
.intro-cinematic__sun{right:12%;top:15%;animation:sunPulse 4.5s ease-in-out infinite,sunGlow 8s ease-in-out infinite alternate}
@keyframes sunTravel{0%{transform:translate(-8%,8%) rotate(-2deg)}50%{transform:translate(0,-2%) rotate(0)}100%{transform:translate(9%,5%) rotate(2deg)}}
@keyframes sunGlow{0%{filter:brightness(.92) saturate(.95)}100%{filter:brightness(1.12) saturate(1.12)}}

.intro-cinematic__cloud{position:absolute;height:46px;border-radius:999px;background:rgba(255,255,255,.76);filter:drop-shadow(0 12px 22px rgba(8,20,44,.12));opacity:.9}
.intro-cinematic__cloud::before,.intro-cinematic__cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
.intro-cinematic__cloud::before{width:62px;height:62px;left:22px;top:-28px}.intro-cinematic__cloud::after{width:84px;height:84px;right:18px;top:-42px}
.cloud-far{transform:scale(.7);opacity:.48;filter:blur(.2px)}.cloud-near{opacity:.76}
.cloud-a{width:170px;top:13%;left:-220px;animation:cloudDriftA 20s linear infinite}.cloud-b{width:210px;top:26%;left:-260px;animation:cloudDriftB 28s linear infinite 3s}.cloud-c{width:235px;top:20%;left:-300px;animation:cloudDriftC 17s linear infinite 1s}.cloud-d{width:190px;top:34%;left:-250px;animation:cloudDriftD 23s linear infinite 6s}
@keyframes cloudDriftA{to{transform:translateX(calc(100vw + 440px)) scale(.7)}}
@keyframes cloudDriftB{to{transform:translateX(calc(100vw + 520px)) scale(.68)}}
@keyframes cloudDriftC{to{transform:translateX(calc(100vw + 560px)) scale(1)}}
@keyframes cloudDriftD{to{transform:translateX(calc(100vw + 500px)) scale(.9)}}

.intro-cinematic__water{position:absolute;left:0;right:0;bottom:0;height:23%;overflow:hidden;background:linear-gradient(180deg,rgba(44,117,157,.46),rgba(11,46,82,.95));box-shadow:inset 0 18px 40px rgba(255,255,255,.05)}
.intro-cinematic__wave{left:-20%;right:-20%;height:92px;border-radius:44%;transform-origin:center bottom;background:repeating-radial-gradient(ellipse at 50% 0,rgba(255,255,255,.18) 0 8px,rgba(255,255,255,.02) 9px 24px,transparent 25px 42px)}
.wave-one{bottom:48%;opacity:.55;animation:waterRoll1 6.8s linear infinite}.wave-two{bottom:28%;opacity:.42;animation:waterRoll2 5.1s linear infinite reverse}.wave-three{bottom:9%;opacity:.32;animation:waterRoll3 4.2s linear infinite}.wave-four{bottom:-20px;opacity:.22;animation:waterRoll4 3.7s linear infinite reverse}
@keyframes waterRoll1{0%{transform:translateX(-3%) translateY(0) rotate(.2deg)}50%{transform:translateX(2%) translateY(-7px) rotate(-.2deg)}100%{transform:translateX(7%) translateY(0) rotate(.2deg)}}
@keyframes waterRoll2{0%{transform:translateX(2%) translateY(0) scaleY(.94)}50%{transform:translateX(-4%) translateY(-10px) scaleY(1.05)}100%{transform:translateX(-8%) translateY(0) scaleY(.94)}}
@keyframes waterRoll3{0%{transform:translateX(-5%) translateY(0)}50%{transform:translateX(3%) translateY(-5px)}100%{transform:translateX(9%) translateY(0)}}
@keyframes waterRoll4{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(-6%) translateY(-4px)}100%{transform:translateX(-12%) translateY(0)}}
.water-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 35%,rgba(255,240,166,.2) 46%,rgba(255,255,255,.12) 50%,transparent 64%);animation:waterShimmer 5.8s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes waterShimmer{from{transform:translateX(-10%) skewX(-6deg);opacity:.45}to{transform:translateX(12%) skewX(4deg);opacity:.8}}

.intro-cinematic__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 28%,rgba(5,12,27,.08) 58%,rgba(5,12,27,.46) 100%);z-index:0}
.intro-cinematic__content{z-index:3;text-shadow:0 4px 22px rgba(0,0,0,.18)}
.cinematic-typewriter{min-height:2.1em;position:relative}.typewriter-caret{display:inline-block;width:.08em;height:.95em;margin-left:.08em;vertical-align:-.08em;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.75);animation:typeBlink .8s steps(1) infinite}@keyframes typeBlink{50%{opacity:0}}
.intro-cinematic__subtitle{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease}.intro-cinematic__subtitle.is-visible{opacity:1;transform:none}
.intro-start-btn{opacity:0;transform:translateY(14px) scale(.98);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.intro-start-btn.pulse-ready{opacity:1;transform:none;animation:introBtnPulse 2.2s ease-in-out infinite}@keyframes introBtnPulse{0%,100%{box-shadow:0 18px 34px rgba(0,0,0,.22),0 0 0 0 rgba(255,208,77,.26)}50%{box-shadow:0 24px 44px rgba(0,0,0,.28),0 0 0 14px rgba(255,208,77,0)}}
.intro-cinematic__timeline{width:min(420px,80vw);height:3px;margin:1.15rem auto 1.1rem;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.intro-cinematic__timeline span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fff3aa,#ffd34d,#fff);animation:introTimeline 12s linear forwards}@keyframes introTimeline{to{width:100%}}
.intro-skip-note{display:block;margin-top:.7rem;color:rgba(255,255,255,.7);font-weight:700}

@media (prefers-reduced-motion: reduce){.intro-cinematic__cloud,.intro-cinematic__sun-orbit,.intro-cinematic__sun,.intro-cinematic__wave,.water-shimmer,.intro-cinematic__mountain,.intro-cinematic__birds,.intro-cinematic__mist,.intro-cinematic__timeline span,.typewriter-caret{animation:none!important}.intro-start-btn,.intro-cinematic__subtitle{opacity:1!important;transform:none!important}}

/* Cinematic v5 — continuous edge-to-edge motion */
.intro-cinematic__sun-orbit{
  position:absolute;
  left:-240px;
  top:8%;
  width:200px;
  height:200px;
  inset:auto auto auto -240px;
  pointer-events:none;
  animation:sunAcrossScreen 26s linear infinite;
  transform-origin:center;
}
.intro-cinematic__sun{
  position:absolute;
  inset:0;
  width:170px;
  height:170px;
  animation:sunPulse 3.8s ease-in-out infinite,sunGlow 6s ease-in-out infinite alternate;
}
@keyframes sunAcrossScreen{
  0%{transform:translateX(-40px) translateY(48px) rotate(0deg)}
  18%{transform:translateX(calc(18vw + 60px)) translateY(10px) rotate(4deg)}
  50%{transform:translateX(calc(50vw + 120px)) translateY(-28px) rotate(8deg)}
  82%{transform:translateX(calc(82vw + 180px)) translateY(8px) rotate(12deg)}
  100%{transform:translateX(calc(100vw + 480px)) translateY(52px) rotate(16deg)}
}

.cloud-a{width:170px;top:12%;left:-230px;animation:cloudAcrossA 18s linear infinite}
.cloud-b{width:215px;top:26%;right:-280px;left:auto;animation:cloudAcrossB 25s linear infinite 2s}
.cloud-c{width:240px;top:19%;left:-310px;animation:cloudAcrossC 15s linear infinite 1s}
.cloud-d{width:195px;top:34%;right:-260px;left:auto;animation:cloudAcrossD 21s linear infinite 4s}
@keyframes cloudAcrossA{from{transform:translateX(0) scale(.7)}to{transform:translateX(calc(100vw + 520px)) scale(.7)}}
@keyframes cloudAcrossB{from{transform:translateX(0) scale(.72)}to{transform:translateX(calc(-100vw - 560px)) scale(.72)}}
@keyframes cloudAcrossC{from{transform:translateX(0) scale(1)}to{transform:translateX(calc(100vw + 620px)) scale(1)}}
@keyframes cloudAcrossD{from{transform:translateX(0) scale(.9)}to{transform:translateX(calc(-100vw - 540px)) scale(.9)}}

.wave-one{bottom:48%;opacity:.58;animation:waterRoll1Fast 4.2s linear infinite}
.wave-two{bottom:28%;opacity:.45;animation:waterRoll2Fast 3.25s linear infinite reverse}
.wave-three{bottom:9%;opacity:.36;animation:waterRoll3Fast 2.65s linear infinite}
.wave-four{bottom:-20px;opacity:.26;animation:waterRoll4Fast 2.2s linear infinite reverse}
@keyframes waterRoll1Fast{0%{transform:translateX(-6%) translateY(0)}50%{transform:translateX(2%) translateY(-9px)}100%{transform:translateX(10%) translateY(0)}}
@keyframes waterRoll2Fast{0%{transform:translateX(5%) translateY(0) scaleY(.95)}50%{transform:translateX(-4%) translateY(-12px) scaleY(1.08)}100%{transform:translateX(-12%) translateY(0) scaleY(.95)}}
@keyframes waterRoll3Fast{0%{transform:translateX(-8%) translateY(0)}50%{transform:translateX(3%) translateY(-7px)}100%{transform:translateX(13%) translateY(0)}}
@keyframes waterRoll4Fast{0%{transform:translateX(2%) translateY(0)}50%{transform:translateX(-7%) translateY(-5px)}100%{transform:translateX(-15%) translateY(0)}}
.water-shimmer{animation:waterShimmerFast 3.2s ease-in-out infinite alternate}
@keyframes waterShimmerFast{from{transform:translateX(-16%) skewX(-7deg);opacity:.38}to{transform:translateX(18%) skewX(5deg);opacity:.82}}

.intro-cinematic__timeline{display:none!important}
.intro-cinematic__subtitle{transition:opacity .45s ease,transform .45s ease}
.intro-start-btn{transition:opacity .42s ease,transform .42s ease,box-shadow .3s ease}
.intro-skip-note{margin-top:.8rem;color:rgba(255,255,255,.76)}

/* Cinematic v6 — true viewport traversal across desktop/tablet/mobile */
.intro-cinematic{--cinematic-edge:14vw}
.intro-cinematic__sun-orbit{
  left:0!important; right:auto!important; top:9%!important;
  width:clamp(116px,10vw,190px)!important;
  height:clamp(116px,10vw,190px)!important;
  animation:sunViewportCross 24s linear infinite!important;
  will-change:transform;
}
.intro-cinematic__sun{
  position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important;
  animation:sunPulse 3.4s ease-in-out infinite,sunGlow 5.5s ease-in-out infinite alternate!important;
}
@keyframes sunViewportCross{
  0%{transform:translate3d(calc(-100% - var(--cinematic-edge)),52px,0)}
  20%{transform:translate3d(calc(20vw - 50%),14px,0)}
  50%{transform:translate3d(calc(50vw - 50%),-30px,0)}
  80%{transform:translate3d(calc(80vw - 50%),12px,0)}
  100%{transform:translate3d(calc(100vw + var(--cinematic-edge)),50px,0)}
}

.intro-cinematic__cloud{
  left:0!important; right:auto!important;
  width:var(--cloud-width)!important;
  height:clamp(34px,3.2vw,52px)!important;
  animation-name:cloudViewportCross!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  will-change:transform;
}
.cloud-a{--cloud-width:clamp(150px,15vw,235px);top:12%!important;animation-duration:18s!important;animation-delay:-4s!important;animation-direction:normal!important;opacity:.48}
.cloud-b{--cloud-width:clamp(190px,18vw,290px);top:25%!important;animation-duration:26s!important;animation-delay:-13s!important;animation-direction:reverse!important;opacity:.44}
.cloud-c{--cloud-width:clamp(220px,22vw,360px);top:18%!important;animation-duration:16s!important;animation-delay:-8s!important;animation-direction:normal!important;opacity:.78}
.cloud-d{--cloud-width:clamp(175px,17vw,280px);top:34%!important;animation-duration:22s!important;animation-delay:-15s!important;animation-direction:reverse!important;opacity:.67}
@keyframes cloudViewportCross{
  from{transform:translate3d(calc(-100% - var(--cinematic-edge)),0,0)}
  to{transform:translate3d(calc(100vw + var(--cinematic-edge)),0,0)}
}

/* Water is intentionally livelier than the landscape. */
.wave-one{animation:waterRoll1Fast 2.9s linear infinite!important}
.wave-two{animation:waterRoll2Fast 2.25s linear infinite reverse!important}
.wave-three{animation:waterRoll3Fast 1.85s linear infinite!important}
.wave-four{animation:waterRoll4Fast 1.55s linear infinite reverse!important}
.water-shimmer{animation:waterShimmerFast 2.35s ease-in-out infinite alternate!important}
.intro-cinematic__water{height:25%!important}

/* Faster title reveal; readable immediately while still cinematic. */
.cinematic-typewriter{max-width:18ch!important;margin-left:auto!important;margin-right:auto!important}
.intro-cinematic__subtitle{max-width:62ch!important}

/* Desktop widescreen: larger scenery and longer physical travel, same viewport-safe path. */
@media (min-width:1200px){
  .intro-cinematic{--cinematic-edge:12vw}
  .cloud-a{top:11%!important}.cloud-b{top:24%!important}.cloud-c{top:18%!important}.cloud-d{top:33%!important}
  .intro-cinematic__water{height:26%!important}
  .intro-cinematic__content{max-width:1040px!important}
}

/* Tablet: keep clouds visible but never oversized; traversal remains edge-to-edge. */
@media (min-width:768px) and (max-width:1199.98px){
  .intro-cinematic{--cinematic-edge:18vw}
  .cloud-a{--cloud-width:clamp(135px,20vw,210px);top:11%!important;animation-duration:16s!important}
  .cloud-b{--cloud-width:clamp(165px,24vw,250px);top:25%!important;animation-duration:22s!important}
  .cloud-c{--cloud-width:clamp(190px,29vw,290px);top:18%!important;animation-duration:14s!important}
  .cloud-d{--cloud-width:clamp(155px,23vw,240px);top:34%!important;animation-duration:19s!important}
  .intro-cinematic__sun-orbit{width:clamp(112px,15vw,155px)!important;height:clamp(112px,15vw,155px)!important}
  .intro-cinematic__content h1{font-size:clamp(2.55rem,5.2vw,4.35rem)!important;max-width:16ch!important}
}

/* Mobile: oversized travel margin guarantees the full cloud exits narrow/tall screens. */
@media (max-width:767.98px){
  .intro-cinematic{--cinematic-edge:28vw}
  .cloud-a{--cloud-width:145px;top:10%!important;animation-duration:13s!important}
  .cloud-b{--cloud-width:178px;top:22%!important;animation-duration:18s!important}
  .cloud-c{--cloud-width:205px;top:16%!important;animation-duration:12s!important}
  .cloud-d{--cloud-width:160px;top:31%!important;animation-duration:16s!important}
  .intro-cinematic__sun-orbit{top:8%!important;width:104px!important;height:104px!important;animation-duration:19s!important}
  .intro-cinematic__water{height:28%!important}
  .wave-one{animation-duration:2.5s!important}.wave-two{animation-duration:1.95s!important}.wave-three{animation-duration:1.65s!important}.wave-four{animation-duration:1.4s!important}
  .intro-cinematic__content{padding:1.1rem 1rem!important}
  .intro-cinematic__content h1{font-size:clamp(2rem,9vw,3rem)!important;max-width:14ch!important}
  .intro-cinematic__content p{font-size:.96rem!important;max-width:34ch!important}
  .intro-label{font-size:.76rem!important}
}

@media (min-width:1200px){
  .intro-cinematic__content h1{font-size:clamp(3rem,4.8vw,5rem)!important;max-width:18ch!important;line-height:1.04!important}
  .intro-cinematic__content p{font-size:1.08rem!important;max-width:58ch!important}
}

/* Cinematic v10 — wider, calmer title composition */
@media (min-width:1200px){
  .intro-cinematic__content{max-width:1320px!important;width:min(92vw,1320px)!important}
  .intro-cinematic__content h1,
  .cinematic-typewriter{
    font-size:clamp(2.5rem,3.55vw,4rem)!important;
    max-width:26ch!important;
    width:100%!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .intro-cinematic__content p{max-width:72ch!important;font-size:1rem!important}
}
@media (min-width:768px) and (max-width:1199.98px){
  .intro-cinematic__content{max-width:980px!important;width:min(92vw,980px)!important}
  .intro-cinematic__content h1,
  .cinematic-typewriter{
    font-size:clamp(2.2rem,4.4vw,3.35rem)!important;
    max-width:22ch!important;
    width:100%!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }
  .intro-cinematic__content p{max-width:60ch!important}
}
@media (max-width:767.98px){
  .intro-cinematic__content{width:min(94vw,620px)!important;max-width:620px!important}
  .intro-cinematic__content h1,
  .cinematic-typewriter{
    font-size:clamp(1.7rem,7.2vw,2.55rem)!important;
    max-width:18ch!important;
    width:100%!important;
    line-height:1.1!important;
    letter-spacing:-.025em!important;
  }
}


/* Cinematic v11 — wider desktop title, cleaner opening */
@media (min-width:1200px){
  .intro-cinematic__content{
    max-width:1600px!important;
    width:min(96vw,1600px)!important;
    padding-left:2vw!important;
    padding-right:2vw!important;
  }
  .intro-cinematic__content h1,
  .cinematic-typewriter{
    font-size:clamp(2.35rem,3.15vw,3.75rem)!important;
    max-width:34ch!important;
    width:100%!important;
    line-height:1.07!important;
    letter-spacing:-.032em!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .intro-start-btn{margin-top:1.15rem!important}
}

/* =========================================================
   SD Theme — Cartoon Adventure / Storybook Indonesia
   Only active after the reader chooses SD.
   ========================================================= */
.audience-theme-sd{
  --sd-blue:#173b78;
  --sd-sky:#4f9ed8;
  --sd-sky-soft:#86c9ec;
  --sd-red:#e1463f;
  --sd-yellow:#f6c744;
  --sd-green:#2f8a59;
  --sd-teal:#287c88;
  --sd-orange:#ef7d31;
  --sd-purple:#6b50c7;
  background:linear-gradient(180deg,#76bfe6 0%,#c6e8f4 24%,#f9e8b6 56%,#f5d99a 100%);
}
.audience-theme-sd .page-noise{opacity:.05}
.audience-theme-sd .page-ambient{display:none}
.sd-adventure-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-4;background:linear-gradient(180deg,#4b94d2 0%,#80c7e7 34%,#ffd179 72%,#f5aa4f 100%)}
.sd-adventure-world::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,37,75,.03),transparent 46%,rgba(35,60,76,.08));}
.sd-sun{position:absolute;top:8%;right:8%;width:clamp(96px,10vw,170px);height:clamp(96px,10vw,170px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff9ad 0%,#ffec59 32%,#f9c83f 65%,#eaa526 100%);box-shadow:0 0 0 14px rgba(255,226,92,.12),0 0 60px rgba(255,211,74,.52);animation:sdSunFloat 8s ease-in-out infinite alternate}
@keyframes sdSunFloat{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(10px) rotate(3deg)}}
.sd-cloud{position:absolute;width:clamp(150px,17vw,270px);height:72px;border-radius:999px;background:rgba(255,255,255,.9);filter:drop-shadow(0 8px 0 rgba(44,91,130,.08));opacity:.92;animation:sdCloudTravel linear infinite}
.sd-cloud::before,.sd-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}.sd-cloud::before{width:42%;height:110%;left:14%;bottom:0}.sd-cloud::after{width:34%;height:90%;right:14%;bottom:0}
.sd-cloud-one{top:13%;left:-28vw;animation-duration:29s}.sd-cloud-two{top:28%;left:-32vw;animation-duration:41s;animation-delay:-17s;opacity:.72;transform:scale(.78)}.sd-cloud-three{top:20%;left:-30vw;animation-duration:34s;animation-delay:-8s;opacity:.82;transform:scale(.9)}
@keyframes sdCloudTravel{from{translate:-15vw 0}to{translate:145vw 0}}
.sd-bird-flight{position:absolute;top:26%;left:10%;width:120px;height:40px;opacity:.7;animation:sdBirdTravel 15s linear infinite}.sd-bird-flight::before,.sd-bird-flight::after{content:"";position:absolute;width:28px;height:12px;border-top:3px solid rgba(20,52,91,.7);border-radius:50%;box-shadow:38px 8px 0 -1px rgba(20,52,91,.62),82px -2px 0 -1px rgba(20,52,91,.54)}.sd-bird-flight::after{left:14px;top:13px;opacity:.7}@keyframes sdBirdTravel{from{transform:translateX(-25vw)}to{transform:translateX(120vw)}}
.sd-hill{position:absolute;left:-8%;right:-8%;bottom:14%;height:34%;transform-origin:center bottom}.sd-hill-back{background:linear-gradient(180deg,#2a6f62,#21554e);clip-path:polygon(0 100%,0 70%,10% 58%,19% 72%,31% 35%,44% 68%,58% 42%,70% 69%,83% 36%,100% 73%,100% 100%);opacity:.82}.sd-hill-front{bottom:8%;height:30%;background:linear-gradient(180deg,#3d8e57,#2a6848);clip-path:polygon(0 100%,0 62%,9% 72%,19% 52%,31% 74%,42% 50%,55% 69%,68% 44%,81% 63%,91% 48%,100% 62%,100% 100%)}
.sd-water{position:absolute;left:-12%;right:-12%;bottom:0;height:18%;border-radius:48% 52% 0 0/22% 26% 0 0;background:repeating-radial-gradient(ellipse at 50% 0,rgba(255,255,255,.22) 0 7px,rgba(255,255,255,0) 8px 25px),linear-gradient(180deg,#4fa5c4,#2e6f9a);opacity:.92;animation:sdWaterMove 3.4s linear infinite}.sd-water-two{height:13%;opacity:.64;animation-duration:2.2s;animation-direction:reverse;background:repeating-radial-gradient(ellipse at 45% 0,rgba(255,255,255,.16) 0 5px,transparent 6px 21px),linear-gradient(180deg,#3d94b8,#225f8c)}@keyframes sdWaterMove{from{transform:translateX(-2%)}to{transform:translateX(2%)}}

.audience-theme-sd .navbar-modern{background:rgba(255,250,236,.91)!important;border-bottom:2px solid rgba(31,67,112,.1)}
.audience-theme-sd .brand-mark__icon{background:linear-gradient(135deg,#ffcf4d,#ef7d31);box-shadow:0 8px 0 rgba(164,91,31,.13)}
.audience-theme-sd .brand-mark__icon i{color:#173b78}
.audience-theme-sd .active-jenjang{background:#ffdf76;color:#6e4d00!important}
.audience-theme-sd .btn-gradient{background:linear-gradient(135deg,#e34b42,#ef7d31 48%,#6b50c7);box-shadow:0 10px 0 rgba(115,46,65,.18),0 16px 30px rgba(38,57,104,.17)}
.audience-theme-sd .btn-outline-premium,.audience-theme-sd .btn-ghost{background:#fff9e9;border:2px solid rgba(29,64,108,.14);box-shadow:0 7px 0 rgba(56,80,113,.08)}

.audience-theme-sd .magazine-hero{padding-top:2.4rem}
.audience-theme-sd .hero-sheet{background:linear-gradient(145deg,rgba(255,252,237,.98),rgba(255,238,185,.96));border:3px solid rgba(25,58,101,.12);box-shadow:0 14px 0 rgba(45,85,116,.09),0 32px 70px rgba(34,68,104,.17);border-radius:32px;overflow:visible}
.audience-theme-sd .hero-sheet::before{background:radial-gradient(circle,rgba(239,125,49,.24),transparent 68%)}
.audience-theme-sd .hero-sheet::after{background:radial-gradient(circle,rgba(47,138,89,.2),transparent 68%)}
.sd-adventure-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:999px;background:linear-gradient(135deg,#ffcf4d,#ef7d31);color:#4f3200;font-weight:900;font-size:.82rem;border:2px solid rgba(114,72,16,.08);box-shadow:0 6px 0 rgba(170,101,29,.13);margin-bottom:.75rem}
.audience-theme-sd .hero-title{font-size:clamp(2.2rem,4.4vw,4.05rem);max-width:12ch;letter-spacing:-.035em;text-shadow:0 3px 0 rgba(255,255,255,.65)}
.audience-theme-sd .hero-subtitle{color:#40526b;font-weight:650}
.audience-theme-sd .hero-cover-frame{background:linear-gradient(145deg,#fff7df,#ffe19c);border:3px solid rgba(33,70,111,.12);box-shadow:10px 12px 0 rgba(44,90,118,.14),0 28px 50px rgba(39,68,101,.18);transform:rotate(1.2deg)}
.audience-theme-sd .hero-cover-image{filter:saturate(1.08) contrast(1.02)}
.audience-theme-sd .hero-cover-placeholder{background:linear-gradient(145deg,#e5483f,#ef8435 42%,#2c8b60 72%,#2e5d9b);}
.audience-theme-sd .hero-float-card{border:2px solid rgba(30,64,105,.1);box-shadow:0 7px 0 rgba(39,78,107,.1),0 16px 28px rgba(30,66,103,.12);border-radius:20px}

.audience-theme-sd .section-heading .section-kicker{background:#fff4c3;color:#6d5200;border:2px solid rgba(173,132,28,.11)}
.audience-theme-sd .section-heading h2{color:#173b78;text-shadow:0 2px 0 rgba(255,255,255,.6)}
.audience-theme-sd .theme-tabbar{gap:1rem}
.audience-theme-sd .theme-tab{border-width:2px;box-shadow:0 7px 0 rgba(42,74,107,.09);font-size:.95rem}
.audience-theme-sd .theme-tab.theme-kebangsaan.is-active{background:linear-gradient(135deg,#e2473e,#ef7b35)}
.audience-theme-sd .theme-tab.theme-sejarah.is-active{background:linear-gradient(135deg,#f0b42f,#d88c20);color:#503500}
.audience-theme-sd .theme-tab.theme-budaya.is-active{background:linear-gradient(135deg,#37a36c,#237450)}
.audience-theme-sd .paper-spread{background:linear-gradient(145deg,#fffaf0,#fff0bf);border:3px solid rgba(31,66,107,.1);box-shadow:0 12px 0 rgba(50,86,109,.08),0 30px 60px rgba(33,65,96,.14);border-radius:28px}
.audience-theme-sd .paper-page__inner{background:rgba(255,255,255,.62);border:2px solid rgba(33,70,112,.07)}
.audience-theme-sd .paper-page h3{color:#173b78}
.audience-theme-sd .paper-mini-item{border-width:2px;box-shadow:0 5px 0 rgba(48,81,106,.07)}

.audience-theme-sd .premium-editorial-grid .editorial-card,
.audience-theme-sd .article-card{background:linear-gradient(145deg,#fffdf5,#ffefbf);border:2px solid rgba(31,67,109,.1);box-shadow:0 9px 0 rgba(43,78,104,.08),0 18px 34px rgba(32,66,101,.12)}
.audience-theme-sd .editorial-card:hover,.audience-theme-sd .article-card:hover{transform:translateY(-7px) rotate(-.35deg);box-shadow:0 13px 0 rgba(43,78,104,.09),0 24px 44px rgba(32,66,101,.16)}
.audience-theme-sd .article-filter-panel{background:linear-gradient(145deg,#fff8dd,#ffe9ad);border:2px solid rgba(31,67,109,.1);box-shadow:0 8px 0 rgba(48,79,102,.08),0 18px 32px rgba(34,68,98,.1)}
.audience-theme-sd .article-chip.theme-kebangsaan{background:linear-gradient(135deg,#e2473e,#ef7d31)!important}.audience-theme-sd .article-chip.theme-sejarah{background:linear-gradient(135deg,#f2bd35,#d89520)!important}.audience-theme-sd .article-chip.theme-budaya{background:linear-gradient(135deg,#37a36c,#237450)!important}
.audience-theme-sd .site-footer .footer-grid{background:linear-gradient(145deg,#fff9e5,#ffe9ad);border:2px solid rgba(31,67,109,.1)}

/* SD article / storybook reader */
.article-storybook-sd .article-hero__panel{background:linear-gradient(145deg,#fff9df,#ffe8a8);border:3px solid rgba(31,67,109,.1);box-shadow:0 10px 0 rgba(51,87,113,.08),0 28px 60px rgba(31,66,101,.15)}
.article-storybook-sd .article-hero__panel h1{color:#173b78;text-shadow:0 2px 0 rgba(255,255,255,.62)}
.article-storybook-sd .story-reader{background:linear-gradient(145deg,#fff9df,#ffe8ac);border:3px solid rgba(31,67,109,.1);box-shadow:0 12px 0 rgba(51,87,113,.08),0 28px 60px rgba(31,66,101,.15)}
.article-storybook-sd .story-page__content{background:linear-gradient(180deg,#fffdf7,#fff5d9);border:2px solid rgba(31,67,109,.09);box-shadow:inset 0 0 0 2px rgba(255,255,255,.58),7px 8px 0 rgba(52,86,110,.07)}
.article-storybook-sd .story-page__content p{color:#2c405d;font-size:1.07rem;line-height:1.9}
.article-storybook-sd .story-cover-visual{border:3px solid rgba(31,67,109,.1);box-shadow:7px 8px 0 rgba(50,86,110,.08)}
.article-storybook-sd .story-cover-copy h2{color:#173b78}
.article-storybook-sd .story-dot{width:14px;height:14px;background:rgba(31,67,109,.2)}
.article-storybook-sd .story-dot.is-active{background:linear-gradient(135deg,#e2473e,#f0b42f);box-shadow:0 0 0 4px rgba(240,180,47,.15)}

@media (min-width:1200px){
  .audience-theme-sd .hero-sheet{grid-template-columns:1fr .9fr;gap:2rem}
  .audience-theme-sd .hero-title{font-size:clamp(2.5rem,4vw,4.25rem);max-width:13ch}
}
@media (min-width:768px) and (max-width:1199.98px){
  .sd-cloud-one{animation-duration:25s}.sd-cloud-two{animation-duration:34s}.sd-cloud-three{animation-duration:29s}
  .sd-hill-back{height:30%}.sd-hill-front{height:27%}.sd-water{height:16%}
}
@media (max-width:767.98px){
  .sd-adventure-world{background:linear-gradient(180deg,#559bd4 0%,#86c9e7 38%,#ffd37f 74%,#f4ad53 100%)}
  .sd-sun{top:8%;right:5%;width:92px;height:92px}
  .sd-cloud{width:140px;height:52px}.sd-cloud-one{top:12%;animation-duration:19s}.sd-cloud-two{top:25%;animation-duration:27s}.sd-cloud-three{top:18%;animation-duration:23s}
  .sd-hill-back{height:23%;bottom:13%}.sd-hill-front{height:20%;bottom:9%}.sd-water{height:13%}
  .audience-theme-sd .hero-sheet{border-radius:24px}
  .audience-theme-sd .hero-title{font-size:clamp(2rem,9vw,3rem);max-width:12ch}
  .sd-adventure-badge{font-size:.75rem}
}

/* =========================================================
   SMP Theme — 8bit / Pixel Quest
   Active only after the reader chooses SMP.
   ========================================================= */
.audience-theme-smp{
  --smp-navy:#121b44;
  --smp-blue:#2357b7;
  --smp-cyan:#25c8f6;
  --smp-green:#46d46a;
  --smp-lime:#c9ff55;
  --smp-orange:#ff9d2d;
  --smp-pink:#ff5c95;
  --smp-purple:#8557ff;
  --smp-paper:#f2f8ff;
  background:linear-gradient(180deg,#0d1236 0%,#1a245a 28%,#203a7a 54%,#0f2046 100%);
}
.audience-theme-smp .page-noise{opacity:.08}
.audience-theme-smp .page-ambient{display:none}
.smp-pixel-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-4;background:linear-gradient(180deg,#0d1236 0%,#1d255c 36%,#1d4c95 68%,#0f1c44 100%)}
.smp-pixel-world::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%,rgba(0,0,0,.16));image-rendering:pixelated}
.smp-pixel-world::after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,transparent,rgba(2,7,21,.38) 30%,rgba(2,7,21,.82));}
.smp-pixel-sun{position:absolute;top:8%;left:-18vw;width:110px;height:110px;background:linear-gradient(180deg,#fff280 0 12%,#ffd048 12% 26%,#ff9f29 26% 40%,#ff5d69 40% 60%,#8557ff 60% 100%);box-shadow:0 0 0 10px rgba(255,93,105,.12),0 0 38px rgba(255,172,62,.38);image-rendering:pixelated;animation:smpSunTravel 20s linear infinite;border-radius:0}
@keyframes smpSunTravel{from{transform:translateX(-25vw) translateY(0)}50%{transform:translateX(55vw) translateY(22px)}to{transform:translateX(125vw) translateY(0)}}
.smp-pixel-cloud{position:absolute;width:170px;height:56px;background:rgba(231,247,255,.95);image-rendering:pixelated;box-shadow:0 0 0 4px rgba(12,28,66,.25)}
.smp-pixel-cloud::before,.smp-pixel-cloud::after{content:"";position:absolute;background:inherit}.smp-pixel-cloud::before{width:54px;height:54px;left:20px;top:-18px}.smp-pixel-cloud::after{width:70px;height:70px;right:22px;top:-26px}
.smp-pixel-cloud-one{top:16%;left:-34vw;animation:smpCloudTravelA 16s steps(80,end) infinite}.smp-pixel-cloud-two{top:28%;left:120vw;width:130px;height:44px;transform:scale(.92);opacity:.75;animation:smpCloudTravelB 20s steps(90,end) infinite}.smp-pixel-cloud-three{top:11%;left:-28vw;width:100px;height:34px;transform:scale(.85);opacity:.6;animation:smpCloudTravelA 23s steps(90,end) infinite reverse}
@keyframes smpCloudTravelA{from{transform:translateX(-8vw)}to{transform:translateX(160vw)}}
@keyframes smpCloudTravelB{from{transform:translateX(0)}to{transform:translateX(-160vw)}}
.smp-pixel-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 28% 12%,rgba(255,255,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 44% 20%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 62% 12%,rgba(255,255,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 78% 18%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 90% 10%,rgba(255,255,255,.75) 0 1px,transparent 2px);opacity:.65;animation:smpTwinkle 1.6s steps(2,end) infinite}
@keyframes smpTwinkle{50%{opacity:.38}}
.smp-pixel-mountain{position:absolute;left:-6%;right:-6%;bottom:18%;image-rendering:pixelated}.smp-pixel-mountain-back{height:26%;background:linear-gradient(180deg,#274a88,#182b59);clip-path:polygon(0 100%,0 72%,8% 72%,8% 64%,16% 64%,16% 56%,24% 56%,24% 48%,32% 48%,32% 56%,40% 56%,40% 44%,48% 44%,48% 60%,56% 60%,56% 52%,64% 52%,64% 44%,72% 44%,72% 60%,80% 60%,80% 52%,88% 52%,88% 68%,100% 68%,100% 100%);opacity:.88}
.smp-pixel-mountain-front{height:20%;bottom:12%;background:linear-gradient(180deg,#31aa70,#1f714d);clip-path:polygon(0 100%,0 68%,10% 68%,10% 58%,20% 58%,20% 74%,30% 74%,30% 60%,40% 60%,40% 50%,50% 50%,50% 64%,60% 64%,60% 54%,70% 54%,70% 68%,80% 68%,80% 56%,90% 56%,90% 70%,100% 70%,100% 100%)}
.smp-pixel-grid{position:absolute;left:0;right:0;bottom:0;height:24%;background:
linear-gradient(180deg,rgba(37,200,246,.12),rgba(17,29,69,.18)),
repeating-linear-gradient(90deg,rgba(37,200,246,.35) 0 2px,transparent 2px 62px),
repeating-linear-gradient(180deg,rgba(37,200,246,.26) 0 2px,transparent 2px 30px);
transform:perspective(380px) rotateX(72deg);transform-origin:bottom;animation:smpGridMove 1.5s linear infinite}
@keyframes smpGridMove{from{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,0 30px}}
.smp-pixel-robot{position:absolute;left:9%;bottom:17%;width:92px;height:112px;image-rendering:pixelated;animation:smpRobotHop 2.6s steps(10,end) infinite}
.smp-pixel-robot::before{content:"";position:absolute;inset:0;background:
linear-gradient(#b9d5ff,#b9d5ff) 28px 18px/36px 28px no-repeat,
linear-gradient(#192c68,#192c68) 36px 26px/8px 8px no-repeat,
linear-gradient(#192c68,#192c68) 50px 26px/8px 8px no-repeat,
linear-gradient(#25c8f6,#25c8f6) 24px 52px/44px 28px no-repeat,
linear-gradient(#8557ff,#8557ff) 12px 58px/14px 12px no-repeat,
linear-gradient(#8557ff,#8557ff) 66px 58px/14px 12px no-repeat,
linear-gradient(#ff9d2d,#ff9d2d) 34px 84px/10px 20px no-repeat,
linear-gradient(#ff9d2d,#ff9d2d) 50px 84px/10px 20px no-repeat,
linear-gradient(#ff5c95,#ff5c95) 24px 0/6px 18px no-repeat,
linear-gradient(#c9ff55,#c9ff55) 14px 68px/10px 12px no-repeat,
linear-gradient(#c9ff55,#c9ff55) 68px 68px/10px 12px no-repeat;
box-shadow:0 0 0 4px rgba(13,20,54,.26)}
.smp-pixel-robot::after{content:"";position:absolute;left:10px;right:10px;bottom:-12px;height:10px;background:rgba(0,0,0,.22);filter:blur(3px)}
@keyframes smpRobotHop{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.smp-pixel-ball{position:absolute;right:8%;bottom:17%;width:44px;height:44px;background:
linear-gradient(135deg,#fff 0 22%,#ff5c95 22% 44%,#fff 44% 66%,#25c8f6 66% 82%,#fff 82% 100%);image-rendering:pixelated;box-shadow:0 0 0 4px rgba(13,20,54,.26);animation:smpBallRoll 4.2s steps(28,end) infinite}
@keyframes smpBallRoll{0%{transform:translateX(0) rotate(0)}50%{transform:translateX(-28vw) rotate(-180deg)}100%{transform:translateX(0) rotate(-360deg)}}

.audience-theme-smp .navbar-modern{background:rgba(11,16,44,.82)!important;border-bottom:2px solid rgba(37,200,246,.24)}
.audience-theme-smp .navbar-modern .nav-link{color:#dcecff}.audience-theme-smp .navbar-modern .nav-link:hover{background:rgba(37,200,246,.12);color:#fff}
.audience-theme-smp .brand-mark strong,.audience-theme-smp .brand-mark small{color:#f5fbff}.audience-theme-smp .brand-mark__icon{background:linear-gradient(135deg,#25c8f6,#8557ff);box-shadow:0 6px 0 rgba(17,22,63,.25)}.audience-theme-smp .brand-mark__icon i{color:#fff}.audience-theme-smp .active-jenjang{background:#c9ff55;color:#25313f!important}
.audience-theme-smp .btn-gradient{background:linear-gradient(135deg,#25c8f6,#8557ff 56%,#ff5c95);box-shadow:0 10px 0 rgba(15,18,47,.28),0 16px 30px rgba(9,13,37,.24)}
.audience-theme-smp .btn-outline-premium,.audience-theme-smp .btn-ghost{background:#edf7ff;border:2px solid rgba(37,200,246,.18);box-shadow:0 7px 0 rgba(13,20,54,.1)}
.audience-theme-smp .magazine-hero{padding-top:2.4rem}
.audience-theme-smp .hero-sheet{background:linear-gradient(145deg,rgba(242,248,255,.98),rgba(209,232,255,.97));border:3px solid rgba(37,200,246,.18);box-shadow:0 14px 0 rgba(13,20,54,.11),0 30px 60px rgba(12,16,46,.2);border-radius:26px;overflow:visible}
.audience-theme-smp .hero-sheet::before{background:radial-gradient(circle,rgba(133,87,255,.24),transparent 68%)}
.audience-theme-smp .hero-sheet::after{background:radial-gradient(circle,rgba(37,200,246,.2),transparent 68%)}
.smp-pixel-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:10px;background:linear-gradient(135deg,#c9ff55,#46d46a);color:#17325a;font-weight:900;font-size:.82rem;border:3px solid rgba(15,26,70,.12);box-shadow:0 6px 0 rgba(13,20,54,.12);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}
.audience-theme-smp .hero-title{font-size:clamp(2.25rem,4.4vw,4rem);max-width:12ch;letter-spacing:-.03em;color:#132c59;text-shadow:2px 2px 0 rgba(255,255,255,.45)}
.audience-theme-smp .hero-subtitle{color:#3a5278;font-weight:650}
.audience-theme-smp .hero-cover-frame{background:linear-gradient(145deg,#eff8ff,#d6e7ff);border:3px solid rgba(37,200,246,.18);box-shadow:8px 10px 0 rgba(13,20,54,.1),0 26px 44px rgba(14,18,45,.16)}
.audience-theme-smp .hero-cover-placeholder{background:linear-gradient(145deg,#25c8f6,#2357b7 34%,#8557ff 66%,#ff5c95)}
.audience-theme-smp .hero-float-card{border:2px solid rgba(37,200,246,.14);box-shadow:0 7px 0 rgba(13,20,54,.08),0 14px 24px rgba(13,20,54,.12);border-radius:12px}
.audience-theme-smp .section-heading .section-kicker{background:#dff6ff;color:#115d7f;border:2px solid rgba(37,200,246,.16)}
.audience-theme-smp .section-heading h2{color:#f7fbff;text-shadow:0 2px 0 rgba(8,12,31,.35)}
.audience-theme-smp .section-heading p{color:#d1e4ff}
.audience-theme-smp .theme-tab{border-width:2px;box-shadow:0 6px 0 rgba(13,20,54,.1);border-radius:12px;background:#eff7ff}
.audience-theme-smp .theme-tab.theme-kebangsaan.is-active{background:linear-gradient(135deg,#ff5c95,#ff9d2d)}
.audience-theme-smp .theme-tab.theme-sejarah.is-active{background:linear-gradient(135deg,#c9ff55,#46d46a);color:#203a25}
.audience-theme-smp .theme-tab.theme-budaya.is-active{background:linear-gradient(135deg,#25c8f6,#2357b7)}
.audience-theme-smp .paper-spread{background:linear-gradient(145deg,#f6fbff,#d8e9ff);border:3px solid rgba(37,200,246,.16);box-shadow:0 10px 0 rgba(13,20,54,.1),0 28px 54px rgba(10,16,46,.15);border-radius:22px}
.audience-theme-smp .paper-page__inner{background:rgba(255,255,255,.68);border:2px solid rgba(37,200,246,.1)}
.audience-theme-smp .paper-page h3{color:#14366a}.audience-theme-smp .paper-mini-item{border-width:2px;border-radius:12px;box-shadow:0 4px 0 rgba(13,20,54,.07)}
.audience-theme-smp .premium-editorial-grid .editorial-card,.audience-theme-smp .article-card{background:linear-gradient(145deg,#f5fbff,#dcecff);border:2px solid rgba(37,200,246,.16);box-shadow:0 8px 0 rgba(13,20,54,.08),0 18px 32px rgba(12,16,46,.12);border-radius:22px}.audience-theme-smp .editorial-card:hover,.audience-theme-smp .article-card:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 12px 0 rgba(13,20,54,.08),0 22px 36px rgba(12,16,46,.16)}
.audience-theme-smp .article-filter-panel{background:linear-gradient(145deg,#eff8ff,#d8ecff);border:2px solid rgba(37,200,246,.16);box-shadow:0 8px 0 rgba(13,20,54,.08),0 18px 32px rgba(12,16,46,.1)}
.audience-theme-smp .article-chip.theme-kebangsaan{background:linear-gradient(135deg,#ff5c95,#ff9d2d)!important}.audience-theme-smp .article-chip.theme-sejarah{background:linear-gradient(135deg,#c9ff55,#46d46a)!important;color:#253923!important}.audience-theme-smp .article-chip.theme-budaya{background:linear-gradient(135deg,#25c8f6,#2357b7)!important}
.audience-theme-smp .site-footer .footer-grid,.audience-theme-smp .leader-panel{background:linear-gradient(145deg,#f3faff,#dcecff);border:2px solid rgba(37,200,246,.16)}
.audience-theme-smp .footer-copy,.audience-theme-smp .footer-links a,.audience-theme-smp .footer-links span,.audience-theme-smp .leader-message{color:#3a5278}

.article-storybook-smp .article-hero__panel{background:linear-gradient(145deg,#f3faff,#d7eaff);border:3px solid rgba(37,200,246,.18);box-shadow:0 10px 0 rgba(13,20,54,.08),0 24px 44px rgba(13,20,54,.14)}
.article-storybook-smp .article-hero__panel h1{color:#14366a}
.article-storybook-smp .story-reader{background:linear-gradient(145deg,#f4faff,#d8eaff);border:3px solid rgba(37,200,246,.18);box-shadow:0 12px 0 rgba(13,20,54,.08),0 28px 50px rgba(13,20,54,.14)}
.article-storybook-smp .story-page__content{background:linear-gradient(180deg,#ffffff,#f0f8ff);border:2px solid rgba(37,200,246,.12);box-shadow:inset 0 0 0 2px rgba(255,255,255,.58),7px 8px 0 rgba(13,20,54,.06)}
.article-storybook-smp .story-page__content p{color:#2e466c;font-size:1.03rem;line-height:1.88}
.article-storybook-smp .story-cover-visual{border:3px solid rgba(37,200,246,.15);box-shadow:7px 8px 0 rgba(13,20,54,.07)}
.article-storybook-smp .story-cover-copy h2{color:#14366a}.article-storybook-smp .story-dot{width:14px;height:14px;background:rgba(13,20,54,.18);border-radius:4px}.article-storybook-smp .story-dot.is-active{background:linear-gradient(135deg,#25c8f6,#8557ff);box-shadow:0 0 0 4px rgba(37,200,246,.13)}

@media (min-width:1200px){
  .audience-theme-smp .hero-sheet{grid-template-columns:1fr .9fr;gap:2rem}
  .audience-theme-smp .hero-title{font-size:clamp(2.55rem,4vw,4.2rem);max-width:13ch}
  .smp-pixel-sun{width:128px;height:128px}
}
@media (min-width:768px) and (max-width:1199.98px){
  .smp-pixel-cloud-one{animation-duration:14s}.smp-pixel-cloud-two{animation-duration:18s}.smp-pixel-cloud-three{animation-duration:20s}
  .smp-pixel-mountain-back{height:22%}.smp-pixel-mountain-front{height:18%}.smp-pixel-grid{height:22%}
}
@media (max-width:767.98px){
  .smp-pixel-world{background:linear-gradient(180deg,#10163f 0%,#1c2d66 42%,#214a8c 72%,#101d46 100%)}
  .smp-pixel-sun{width:84px;height:84px;top:10%;animation-duration:16s}
  .smp-pixel-cloud{width:114px;height:34px}.smp-pixel-cloud::before{width:34px;height:34px;left:14px;top:-10px}.smp-pixel-cloud::after{width:42px;height:42px;right:14px;top:-14px}
  .smp-pixel-cloud-one{top:14%;animation-duration:12s}.smp-pixel-cloud-two{top:24%;animation-duration:15s}.smp-pixel-cloud-three{top:9%;animation-duration:18s}
  .smp-pixel-mountain-back{height:17%;bottom:17%}.smp-pixel-mountain-front{height:14%;bottom:12%}.smp-pixel-grid{height:18%}
  .smp-pixel-robot{width:64px;height:84px;left:6%;bottom:15%}.smp-pixel-ball{width:28px;height:28px;right:6%;bottom:15%}
  .audience-theme-smp .hero-sheet{border-radius:22px}.audience-theme-smp .hero-title{font-size:clamp(2rem,8.8vw,3rem);max-width:12ch}
  .smp-pixel-badge{font-size:.72rem}
}

/* =========================================================
   SMA Theme — Science / Talent / Future Explorer
   For readers who are entering discovery, achievement, and identity.
   ========================================================= */
.audience-theme-sma{
  --sma-ink:#0f1636;
  --sma-mid:#1c2f68;
  --sma-blue:#3a73ff;
  --sma-cyan:#38d4ff;
  --sma-violet:#865cff;
  --sma-magenta:#f460c2;
  --sma-lime:#afff5b;
  --sma-gold:#ffd66b;
  --sma-paper:#f4f8ff;
  background:radial-gradient(circle at 20% 18%, rgba(56,212,255,.18), transparent 18%),radial-gradient(circle at 84% 12%, rgba(134,92,255,.16), transparent 20%),linear-gradient(180deg,#091129 0%,#111d45 28%,#142f64 55%,#0e1a3c 100%);
}
.audience-theme-sma .page-noise{opacity:.05}
.audience-theme-sma .page-ambient{display:none}
.sma-science-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-4;background:linear-gradient(180deg,#0a1128 0%,#142453 36%,#18386f 62%,#0d1938 100%)}
.sma-science-world::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%,rgba(0,0,0,.2));}
.sma-aurora{position:absolute;border-radius:50%;filter:blur(34px);opacity:.48;animation:smaAuroraDrift 13s ease-in-out infinite alternate}.sma-aurora-one{width:340px;height:180px;left:-4%;top:10%;background:radial-gradient(circle at 45% 40%,rgba(56,212,255,.65),rgba(56,212,255,.1) 55%,transparent 72%)}.sma-aurora-two{width:360px;height:220px;right:-6%;top:18%;background:radial-gradient(circle at 50% 40%,rgba(134,92,255,.62),rgba(244,96,194,.16) 58%,transparent 74%)}@keyframes smaAuroraDrift{from{transform:translateY(0) scale(1)}to{transform:translateY(16px) scale(1.06)}}
.sma-starfield{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 26% 28%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 40% 14%,rgba(255,255,255,.8) 0 1.2px,transparent 2.2px),radial-gradient(circle at 54% 22%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 68% 16%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 82% 26%,rgba(255,255,255,.8) 0 1.1px,transparent 2.1px),radial-gradient(circle at 92% 14%,rgba(255,255,255,.68) 0 1px,transparent 2px);opacity:.72;animation:smaStarPulse 2.8s ease-in-out infinite}
@keyframes smaStarPulse{50%{opacity:.42}}
.sma-grid{position:absolute;left:-5%;right:-5%;bottom:-2%;height:26%;background:
linear-gradient(180deg,rgba(56,212,255,.08),rgba(9,17,40,.05)),
repeating-linear-gradient(90deg,rgba(56,212,255,.18) 0 1px,transparent 1px 86px),
repeating-linear-gradient(180deg,rgba(56,212,255,.16) 0 1px,transparent 1px 46px);
transform:perspective(480px) rotateX(72deg);transform-origin:bottom;animation:smaGridFlow 2.6s linear infinite}
@keyframes smaGridFlow{from{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,0 46px}}
.sma-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:smaOrbitSpin linear infinite}.sma-orbit span{position:absolute;top:50%;left:100%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--sma-cyan),#fff);box-shadow:0 0 18px rgba(56,212,255,.42)}.sma-orbit-one{width:190px;height:190px;right:11%;top:14%;animation-duration:11s}.sma-orbit-two{width:120px;height:120px;left:8%;top:22%;animation-duration:8s;animation-direction:reverse}.sma-orbit-two span{background:radial-gradient(circle,var(--sma-magenta),#fff);box-shadow:0 0 16px rgba(244,96,194,.4)}@keyframes smaOrbitSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.sma-wave{position:absolute;left:0;right:0;height:110px;opacity:.34;background-repeat:repeat-x;background-size:160px 100%;animation:smaWaveDrift linear infinite}.sma-wave-one{bottom:15%;background-image:radial-gradient(circle at 18px 72px,transparent 0 18px,rgba(56,212,255,.42) 19px 22px,transparent 23px),radial-gradient(circle at 98px 40px,transparent 0 18px,rgba(56,212,255,.36) 19px 22px,transparent 23px);animation-duration:8s}.sma-wave-two{bottom:8%;background-image:radial-gradient(circle at 26px 76px,transparent 0 24px,rgba(175,255,91,.28) 25px 28px,transparent 29px),radial-gradient(circle at 108px 44px,transparent 0 24px,rgba(134,92,255,.24) 25px 28px,transparent 29px);animation-duration:11s;animation-direction:reverse}@keyframes smaWaveDrift{from{background-position:0 0}to{background-position:160px 0}}
.sma-float-token{position:absolute;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:1.5rem;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 26px rgba(4,8,24,.2);animation:smaTokenFloat 6s ease-in-out infinite}.sma-float-token i{filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.sma-token-science{left:7%;top:38%;background:linear-gradient(135deg,rgba(56,212,255,.22),rgba(58,115,255,.24))}.sma-token-rocket{right:8%;top:40%;background:linear-gradient(135deg,rgba(134,92,255,.26),rgba(244,96,194,.22));animation-delay:-1.6s}.sma-token-music{left:18%;bottom:22%;background:linear-gradient(135deg,rgba(175,255,91,.2),rgba(56,212,255,.2));animation-delay:-2.3s}.sma-token-trophy{right:18%;bottom:20%;background:linear-gradient(135deg,rgba(255,214,107,.24),rgba(244,96,194,.2));animation-delay:-3.1s}@keyframes smaTokenFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.audience-theme-sma .navbar-modern{background:rgba(10,17,40,.78)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(56,212,255,.16)}
.audience-theme-sma .navbar-modern .nav-link{color:#d9e8ff}.audience-theme-sma .navbar-modern .nav-link:hover{background:rgba(56,212,255,.09);color:#fff}.audience-theme-sma .brand-mark strong,.audience-theme-sma .brand-mark small{color:#f5fbff}.audience-theme-sma .brand-mark__icon{background:linear-gradient(135deg,rgba(56,212,255,.95),rgba(134,92,255,.95));box-shadow:0 10px 24px rgba(6,10,31,.22)}.audience-theme-sma .brand-mark__icon i{color:#fff}.audience-theme-sma .active-jenjang{background:rgba(175,255,91,.92);color:#173229!important}
.audience-theme-sma .btn-gradient{background:linear-gradient(135deg,#38d4ff,#3a73ff 42%,#865cff 72%,#f460c2);box-shadow:0 12px 28px rgba(5,10,27,.26)}
.audience-theme-sma .btn-outline-premium,.audience-theme-sma .btn-ghost{background:rgba(244,248,255,.94);border:1px solid rgba(56,212,255,.18);box-shadow:0 8px 20px rgba(7,12,32,.08)}
.audience-theme-sma .magazine-hero{padding-top:2.5rem}
.audience-theme-sma .hero-sheet{background:linear-gradient(145deg,rgba(244,248,255,.98),rgba(226,236,255,.97));border:1px solid rgba(56,212,255,.18);box-shadow:0 26px 60px rgba(5,9,27,.22);border-radius:34px;overflow:visible}
.audience-theme-sma .hero-sheet::before{background:radial-gradient(circle,rgba(56,212,255,.18),transparent 68%)}.audience-theme-sma .hero-sheet::after{background:radial-gradient(circle,rgba(134,92,255,.18),transparent 70%)}
.sma-science-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.56rem .98rem;border-radius:999px;background:linear-gradient(135deg,rgba(56,212,255,.14),rgba(134,92,255,.16));color:#163469;font-weight:900;font-size:.82rem;border:1px solid rgba(56,212,255,.22);box-shadow:0 10px 22px rgba(11,18,46,.08);margin-bottom:.8rem;backdrop-filter:blur(8px)}
.audience-theme-sma .hero-title{font-size:clamp(2.25rem,4.3vw,4.25rem);max-width:12ch;letter-spacing:-.035em;color:#102553}
.audience-theme-sma .hero-subtitle{color:#4b6188;font-weight:650}
.audience-theme-sma .hero-cover-frame{background:linear-gradient(145deg,#f4f8ff,#dce8ff);border:1px solid rgba(56,212,255,.18);box-shadow:0 20px 48px rgba(8,14,37,.14)}
.audience-theme-sma .hero-cover-placeholder{background:linear-gradient(145deg,#38d4ff,#3a73ff 34%,#865cff 68%,#f460c2)}
.audience-theme-sma .hero-float-card{border:1px solid rgba(56,212,255,.16);box-shadow:0 14px 28px rgba(7,12,31,.12);border-radius:18px}
.audience-theme-sma .mini-stat{background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border:1px solid rgba(56,212,255,.1)}
.audience-theme-sma .section-heading .section-kicker{background:rgba(255,255,255,.14);color:#e7f3ff;border:1px solid rgba(255,255,255,.16)}
.audience-theme-sma .section-heading h2{color:#f6fbff;text-shadow:0 2px 18px rgba(56,212,255,.18)}.audience-theme-sma .section-heading p{color:#d7e6ff}
.audience-theme-sma .theme-tab{border:1px solid rgba(56,212,255,.16);box-shadow:0 12px 26px rgba(5,10,27,.08);border-radius:16px;background:rgba(244,248,255,.96)}
.audience-theme-sma .theme-tab.theme-kebangsaan.is-active{background:linear-gradient(135deg,#f460c2,#865cff);color:#fff}.audience-theme-sma .theme-tab.theme-sejarah.is-active{background:linear-gradient(135deg,#ffd66b,#afff5b);color:#233220}.audience-theme-sma .theme-tab.theme-budaya.is-active{background:linear-gradient(135deg,#38d4ff,#3a73ff);color:#fff}
.audience-theme-sma .paper-spread{background:linear-gradient(145deg,#f7fbff,#e0eaff);border:1px solid rgba(56,212,255,.18);box-shadow:0 24px 50px rgba(6,10,28,.14);border-radius:30px}.audience-theme-sma .paper-page__inner{background:rgba(255,255,255,.68);backdrop-filter:blur(8px);border:1px solid rgba(56,212,255,.1)}.audience-theme-sma .paper-page h3{color:#15356a}.audience-theme-sma .paper-mini-item{border:1px solid rgba(56,212,255,.12);box-shadow:0 8px 18px rgba(8,12,29,.06)}
.audience-theme-sma .premium-editorial-grid .editorial-card,.audience-theme-sma .article-card{background:linear-gradient(145deg,rgba(247,251,255,.98),rgba(225,236,255,.96));border:1px solid rgba(56,212,255,.16);box-shadow:0 18px 36px rgba(7,12,31,.1)}.audience-theme-sma .editorial-card:hover,.audience-theme-sma .article-card:hover{transform:translateY(-8px);box-shadow:0 24px 42px rgba(7,12,31,.14)}
.audience-theme-sma .article-filter-panel{background:linear-gradient(145deg,rgba(244,248,255,.98),rgba(224,235,255,.96));border:1px solid rgba(56,212,255,.16);box-shadow:0 16px 32px rgba(7,12,31,.08)}
.audience-theme-sma .article-chip.theme-kebangsaan{background:linear-gradient(135deg,#f460c2,#865cff)!important}.audience-theme-sma .article-chip.theme-sejarah{background:linear-gradient(135deg,#ffd66b,#afff5b)!important;color:#2b341d!important}.audience-theme-sma .article-chip.theme-budaya{background:linear-gradient(135deg,#38d4ff,#3a73ff)!important}
.audience-theme-sma .site-footer .footer-grid,.audience-theme-sma .leader-panel{background:linear-gradient(145deg,rgba(245,249,255,.98),rgba(226,236,255,.96));border:1px solid rgba(56,212,255,.16);box-shadow:0 18px 36px rgba(7,12,31,.08)}
.audience-theme-sma .footer-copy,.audience-theme-sma .footer-links a,.audience-theme-sma .footer-links span,.audience-theme-sma .leader-message{color:#4b6188}

.article-storybook-sma .article-hero__panel{background:linear-gradient(145deg,rgba(246,250,255,.98),rgba(225,236,255,.98));border:1px solid rgba(56,212,255,.18);box-shadow:0 20px 44px rgba(7,12,31,.12)}
.article-storybook-sma .article-hero__panel h1{color:#14356c}
.article-storybook-sma .story-reader{background:linear-gradient(145deg,rgba(246,250,255,.98),rgba(224,235,255,.98));border:1px solid rgba(56,212,255,.18);box-shadow:0 22px 44px rgba(7,12,31,.12)}
.article-storybook-sma .story-page__content{background:linear-gradient(180deg,#ffffff,#f4f9ff);border:1px solid rgba(56,212,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 12px 24px rgba(7,12,31,.05)}
.article-storybook-sma .story-page__content p{color:#30486f;font-size:1.04rem;line-height:1.9}
.article-storybook-sma .story-cover-visual{border:1px solid rgba(56,212,255,.16);box-shadow:0 14px 26px rgba(8,12,29,.08)}
.article-storybook-sma .story-cover-copy h2{color:#14356c}
.article-storybook-sma .story-dot{width:14px;height:14px;background:rgba(16,37,82,.16);border-radius:5px}
.article-storybook-sma .story-dot.is-active{background:linear-gradient(135deg,#38d4ff,#865cff);box-shadow:0 0 0 4px rgba(56,212,255,.14)}

@media (min-width:1200px){
  .audience-theme-sma .hero-sheet{grid-template-columns:1fr .92fr;gap:2rem}
  .audience-theme-sma .hero-title{font-size:clamp(2.55rem,4vw,4.35rem);max-width:13ch}
}
@media (min-width:768px) and (max-width:1199.98px){
  .sma-float-token{width:60px;height:60px}
  .sma-grid{height:22%}
}
@media (max-width:767.98px){
  .sma-science-world{background:linear-gradient(180deg,#0b1230 0%,#15295f 48%,#193b72 74%,#0d1938 100%)}
  .sma-aurora-one{width:220px;height:130px}.sma-aurora-two{width:240px;height:150px}
  .sma-orbit-one{width:126px;height:126px;right:5%;top:16%}.sma-orbit-two{width:82px;height:82px;left:4%;top:26%}
  .sma-grid{height:19%}.sma-wave-one{bottom:13%}.sma-wave-two{bottom:7%}
  .sma-float-token{width:52px;height:52px;border-radius:16px;font-size:1.2rem}.sma-token-science{left:6%;top:42%}.sma-token-rocket{right:6%;top:44%}.sma-token-music{left:12%;bottom:18%}.sma-token-trophy{right:12%;bottom:17%}
  .audience-theme-sma .hero-sheet{border-radius:24px}.audience-theme-sma .hero-title{font-size:clamp(2rem,8.8vw,3rem);max-width:12ch}
  .sma-science-badge{font-size:.74rem}
}

/* =========================================================
   Mahasiswa Theme — Research / Technology / AI / Serious Visual
   ========================================================= */
.audience-theme-mahasiswa{
  --mhs-bg:#06111f;
  --mhs-panel:#0c1b31;
  --mhs-panel-2:#102746;
  --mhs-line:rgba(95,173,255,.16);
  --mhs-cyan:#65d6ff;
  --mhs-blue:#4b82ff;
  --mhs-indigo:#6b5cff;
  --mhs-purple:#a056ff;
  --mhs-lime:#90f7c4;
  --mhs-text:#e8f2ff;
  --mhs-muted:#99aec8;
  background:radial-gradient(circle at top left, rgba(75,130,255,.16), transparent 28%), radial-gradient(circle at 85% 10%, rgba(160,86,255,.16), transparent 24%), linear-gradient(180deg,#050d18 0%,#081425 34%,#0a1830 68%,#050c16 100%);
  color:var(--mhs-text);
}
.audience-theme-mahasiswa .page-noise{opacity:.04}
.audience-theme-mahasiswa .page-ambient{display:none}
.mahasiswa-research-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-4;background:linear-gradient(180deg,#050d18 0%,#09152a 38%,#0a1731 68%,#050c16 100%)}
.mahasiswa-research-world::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 22%, rgba(101,214,255,.16), transparent 16%),radial-gradient(circle at 76% 16%, rgba(160,86,255,.14), transparent 14%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%,rgba(0,0,0,.28));}
.mahasiswa-research-world::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 8% 16%,rgba(255,255,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 24% 10%,rgba(255,255,255,.35) 0 1px,transparent 2px),radial-gradient(circle at 38% 18%,rgba(255,255,255,.58) 0 1px,transparent 2px),radial-gradient(circle at 54% 9%,rgba(255,255,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 74% 14%,rgba(255,255,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 90% 11%,rgba(255,255,255,.38) 0 1px,transparent 2px);opacity:.32;animation:mhsTwinkle 6s ease-in-out infinite alternate}
@keyframes mhsTwinkle{from{opacity:.24}to{opacity:.42}}
.mhs-gradient-orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.7}.mhs-gradient-orb.orb-one{width:280px;height:280px;left:-70px;top:10%;background:radial-gradient(circle,rgba(75,130,255,.36),rgba(75,130,255,0));animation:mhsOrbOne 18s ease-in-out infinite alternate}.mhs-gradient-orb.orb-two{width:240px;height:240px;right:-60px;top:18%;background:radial-gradient(circle,rgba(160,86,255,.34),rgba(160,86,255,0));animation:mhsOrbTwo 20s ease-in-out infinite alternate}
@keyframes mhsOrbOne{from{transform:translateY(0)}to{transform:translateY(38px)}}@keyframes mhsOrbTwo{from{transform:translateY(0)}to{transform:translateY(-26px)}}
.mhs-grid{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(13,25,48,.14) 35%,rgba(13,25,48,.55));mask-image:linear-gradient(180deg,transparent 0,#000 30%);}
.mhs-grid::before,.mhs-grid::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2%;height:100%;transform-origin:bottom}
.mhs-grid::before{background:repeating-linear-gradient(90deg,rgba(101,214,255,.14) 0 1px,transparent 1px 80px),repeating-linear-gradient(180deg,rgba(101,214,255,.12) 0 1px,transparent 1px 48px);transform:perspective(520px) rotateX(78deg);animation:mhsGridMove 2.8s linear infinite}
.mhs-grid::after{background:linear-gradient(180deg,transparent,rgba(101,214,255,.09));transform:perspective(520px) rotateX(78deg)}
@keyframes mhsGridMove{from{background-position:0 0,0 0}to{background-position:0 0,0 48px}}
.mhs-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 42%,rgba(101,214,255,.62) 0 2px,transparent 3px),radial-gradient(circle at 34% 58%,rgba(75,130,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 46% 34%,rgba(160,86,255,.5) 0 2px,transparent 3px),radial-gradient(circle at 62% 50%,rgba(144,247,196,.52) 0 2px,transparent 3px),radial-gradient(circle at 76% 38%,rgba(101,214,255,.54) 0 2px,transparent 3px),radial-gradient(circle at 84% 56%,rgba(75,130,255,.56) 0 2px,transparent 3px);animation:mhsParticlesDrift 12s linear infinite alternate}
@keyframes mhsParticlesDrift{from{transform:translateY(0)}to{transform:translateY(18px)}}
.mhs-wave{position:absolute;left:-8%;right:-8%;height:190px;border-radius:50%;border:1px solid rgba(101,214,255,.14);filter:blur(.2px)}.mhs-wave-one{bottom:24%;background:radial-gradient(ellipse at center,rgba(101,214,255,.14),transparent 68%);animation:mhsWavePulse 8s ease-in-out infinite}.mhs-wave-two{bottom:17%;background:radial-gradient(ellipse at center,rgba(160,86,255,.12),transparent 70%);animation:mhsWavePulse 9s ease-in-out infinite reverse}
@keyframes mhsWavePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.mhs-network{position:absolute;inset:0;opacity:.36;background-image:linear-gradient(32deg,transparent 48%,rgba(101,214,255,.12) 49%,rgba(101,214,255,.12) 51%,transparent 52%),linear-gradient(-18deg,transparent 48%,rgba(160,86,255,.08) 49%,rgba(160,86,255,.08) 51%,transparent 52%);background-size:360px 220px,420px 240px;animation:mhsNetworkShift 20s linear infinite}
@keyframes mhsNetworkShift{from{background-position:0 0,0 0}to{background-position:360px 0,-420px 0}}
.mhs-float-card{position:absolute;display:flex;align-items:center;gap:.55rem;padding:.7rem .92rem;border-radius:14px;background:rgba(12,27,49,.72);backdrop-filter:blur(10px);border:1px solid rgba(101,214,255,.18);box-shadow:0 18px 32px rgba(2,6,18,.22);color:#e9f4ff;font-weight:800}.mhs-float-card i{color:var(--mhs-cyan)}.mhs-float-card span{font-size:.86rem;letter-spacing:.02em}.mhs-float-card-ai{top:18%;left:7%;animation:mhsCardFloat 8s ease-in-out infinite}.mhs-float-card-data{top:24%;right:8%;animation:mhsCardFloat 9s ease-in-out infinite reverse}.mhs-float-card-research{left:10%;bottom:24%;animation:mhsCardFloat 10s ease-in-out infinite}.mhs-float-card-lab{right:11%;bottom:26%;animation:mhsCardFloat 11s ease-in-out infinite reverse}
@keyframes mhsCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.audience-theme-mahasiswa .navbar-modern{background:rgba(5,12,24,.74)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(101,214,255,.12)}
.audience-theme-mahasiswa .navbar-modern .nav-link{color:#cedcf0}.audience-theme-mahasiswa .navbar-modern .nav-link:hover{background:rgba(101,214,255,.08);color:#fff}
.audience-theme-mahasiswa .brand-mark strong,.audience-theme-mahasiswa .brand-mark small{color:#eef5ff}.audience-theme-mahasiswa .brand-mark__icon{background:linear-gradient(135deg,rgba(101,214,255,.94),rgba(75,130,255,.94));box-shadow:0 14px 28px rgba(0,0,0,.22)}.audience-theme-mahasiswa .brand-mark__icon i{color:#fff}.audience-theme-mahasiswa .active-jenjang{background:rgba(144,247,196,.9);color:#18352a!important}
.audience-theme-mahasiswa .btn-gradient{background:linear-gradient(135deg,#65d6ff,#4b82ff 42%,#6b5cff 72%,#a056ff);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.audience-theme-mahasiswa .btn-outline-premium,.audience-theme-mahasiswa .btn-ghost{background:rgba(12,27,49,.88);color:#e9f4ff;border:1px solid rgba(101,214,255,.16);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.audience-theme-mahasiswa .btn-outline-premium:hover,.audience-theme-mahasiswa .btn-ghost:hover{background:rgba(15,32,58,.95);color:#fff}
.audience-theme-mahasiswa .magazine-hero{padding-top:2.7rem}
.audience-theme-mahasiswa .hero-sheet{background:linear-gradient(145deg,rgba(12,27,49,.92),rgba(16,39,70,.9));border:1px solid rgba(101,214,255,.12);box-shadow:0 32px 70px rgba(0,0,0,.28);border-radius:34px;overflow:visible}
.audience-theme-mahasiswa .hero-sheet::before{background:radial-gradient(circle,rgba(101,214,255,.16),transparent 70%)}.audience-theme-mahasiswa .hero-sheet::after{background:radial-gradient(circle,rgba(160,86,255,.14),transparent 72%)}
.mahasiswa-research-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.56rem .92rem;border-radius:999px;background:rgba(12,27,49,.78);color:#e8f4ff;border:1px solid rgba(101,214,255,.18);font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.2);margin-bottom:.85rem;letter-spacing:.03em}
.audience-theme-mahasiswa .hero-title{font-size:clamp(2.35rem,4.4vw,4.4rem);max-width:12ch;letter-spacing:-.038em;color:#f3f8ff;text-shadow:0 6px 26px rgba(101,214,255,.08)}
.audience-theme-mahasiswa .hero-subtitle{color:#b4c5da;font-weight:620}
.audience-theme-mahasiswa .hero-cover-frame{background:linear-gradient(145deg,rgba(12,27,49,.94),rgba(18,45,82,.94));border:1px solid rgba(101,214,255,.14);box-shadow:0 24px 50px rgba(0,0,0,.22)}
.audience-theme-mahasiswa .hero-cover-image{filter:saturate(1.02) contrast(1.04)}
.audience-theme-mahasiswa .hero-cover-placeholder{background:linear-gradient(145deg,#65d6ff,#4b82ff 34%,#6b5cff 66%,#102746)}
.audience-theme-mahasiswa .hero-cover-overlay{background:rgba(10,21,40,.82);color:#f5faff;border:1px solid rgba(101,214,255,.12)}
.audience-theme-mahasiswa .hero-cover-overlay span{color:#b9c8dc}
.audience-theme-mahasiswa .hero-float-card{background:rgba(10,21,40,.82);color:#eef5ff;border:1px solid rgba(101,214,255,.12);box-shadow:0 18px 32px rgba(0,0,0,.18);border-radius:16px}
.audience-theme-mahasiswa .mini-stat{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(101,214,255,.08)}.audience-theme-mahasiswa .mini-stat strong{color:#f4f8ff}.audience-theme-mahasiswa .mini-stat span{color:#97abc7}
.audience-theme-mahasiswa .section-heading .section-kicker{background:rgba(12,27,49,.76);color:#dbeaff;border:1px solid rgba(101,214,255,.12)}
.audience-theme-mahasiswa .section-heading h2{color:#f6fbff;text-shadow:0 4px 24px rgba(101,214,255,.06)}.audience-theme-mahasiswa .section-heading p{color:#b0c4dd}
.audience-theme-mahasiswa .theme-tab{border:1px solid rgba(101,214,255,.12);box-shadow:0 16px 28px rgba(0,0,0,.1);border-radius:16px;background:rgba(12,27,49,.88);color:#d6e3f6}.audience-theme-mahasiswa .theme-tab:hover{color:#fff}.audience-theme-mahasiswa .theme-tab.theme-kebangsaan.is-active{background:linear-gradient(135deg,#a056ff,#6b5cff)}.audience-theme-mahasiswa .theme-tab.theme-sejarah.is-active{background:linear-gradient(135deg,#90f7c4,#65d6ff);color:#102b33}.audience-theme-mahasiswa .theme-tab.theme-budaya.is-active{background:linear-gradient(135deg,#65d6ff,#4b82ff)}
.audience-theme-mahasiswa .paper-spread{background:linear-gradient(145deg,rgba(12,27,49,.92),rgba(16,39,70,.92));border:1px solid rgba(101,214,255,.12);box-shadow:0 26px 54px rgba(0,0,0,.22);border-radius:30px}.audience-theme-mahasiswa .paper-page__inner{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(101,214,255,.08)}.audience-theme-mahasiswa .paper-page h3{color:#edf5ff}.audience-theme-mahasiswa .paper-page p,.audience-theme-mahasiswa .paper-lead__body p,.audience-theme-mahasiswa .paper-mini-item small,.audience-theme-mahasiswa .paper-stats span{color:#9fb5d0}.audience-theme-mahasiswa .paper-stats div,.audience-theme-mahasiswa .paper-mini-item{background:rgba(255,255,255,.04);border:1px solid rgba(101,214,255,.08)}.audience-theme-mahasiswa .paper-mini-item{box-shadow:0 12px 22px rgba(0,0,0,.08)}.audience-theme-mahasiswa .paper-kicker,.audience-theme-mahasiswa .paper-lead__eyebrow{background:rgba(101,214,255,.08);color:#dff3ff;border:1px solid rgba(101,214,255,.12)}
.audience-theme-mahasiswa .premium-editorial-grid .editorial-card,.audience-theme-mahasiswa .article-card{background:linear-gradient(145deg,rgba(12,27,49,.92),rgba(16,39,70,.92));border:1px solid rgba(101,214,255,.12);box-shadow:0 20px 38px rgba(0,0,0,.18)}.audience-theme-mahasiswa .editorial-card:hover,.audience-theme-mahasiswa .article-card:hover{transform:translateY(-8px);box-shadow:0 26px 44px rgba(0,0,0,.24)}.audience-theme-mahasiswa .editorial-body h3,.audience-theme-mahasiswa .article-card__body h3,.audience-theme-mahasiswa .footer-grid h3,.audience-theme-mahasiswa .leader-panel__body h2{color:#eef6ff}.audience-theme-mahasiswa .editorial-body p,.audience-theme-mahasiswa .article-card__body p,.audience-theme-mahasiswa .article-meta,.audience-theme-mahasiswa .footer-copy,.audience-theme-mahasiswa .footer-links a,.audience-theme-mahasiswa .footer-links span,.audience-theme-mahasiswa .leader-message,.audience-theme-mahasiswa .leader-title{color:#9db1cc}
.audience-theme-mahasiswa .article-filter-panel{background:linear-gradient(145deg,rgba(12,27,49,.92),rgba(16,39,70,.92));border:1px solid rgba(101,214,255,.12);box-shadow:0 18px 36px rgba(0,0,0,.16)}.audience-theme-mahasiswa .filter-search{background:rgba(255,255,255,.06);border:1px solid rgba(101,214,255,.1)}.audience-theme-mahasiswa .filter-search input{color:#eef5ff}.audience-theme-mahasiswa .filter-search i{color:#8fe8ff}.audience-theme-mahasiswa .form-select{background:rgba(255,255,255,.06);color:#eef5ff;border-color:rgba(101,214,255,.1)}
.audience-theme-mahasiswa .article-chip.theme-kebangsaan{background:linear-gradient(135deg,#a056ff,#6b5cff)!important}.audience-theme-mahasiswa .article-chip.theme-sejarah{background:linear-gradient(135deg,#90f7c4,#65d6ff)!important;color:#14323a!important}.audience-theme-mahasiswa .article-chip.theme-budaya{background:linear-gradient(135deg,#65d6ff,#4b82ff)!important}
.audience-theme-mahasiswa .site-footer .footer-grid,.audience-theme-mahasiswa .leader-panel{background:linear-gradient(145deg,rgba(12,27,49,.92),rgba(16,39,70,.92));border:1px solid rgba(101,214,255,.12);box-shadow:0 20px 38px rgba(0,0,0,.18)}

.article-storybook-mahasiswa .article-hero__panel{background:linear-gradient(145deg,rgba(12,27,49,.94),rgba(16,39,70,.94));border:1px solid rgba(101,214,255,.12);box-shadow:0 26px 50px rgba(0,0,0,.22)}
.article-storybook-mahasiswa .article-hero__panel h1{color:#eef6ff}.article-storybook-mahasiswa .article-meta--hero,.article-storybook-mahasiswa .article-lead{color:#a7bbd5}
.article-storybook-mahasiswa .story-reader{background:linear-gradient(145deg,rgba(12,27,49,.94),rgba(16,39,70,.94));border:1px solid rgba(101,214,255,.12);box-shadow:0 26px 50px rgba(0,0,0,.22)}.article-storybook-mahasiswa .story-counter,.article-storybook-mahasiswa .story-page__page-num{color:#a3b6cf}
.article-storybook-mahasiswa .story-page__content{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(101,214,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.12)}.article-storybook-mahasiswa .story-page__content p{color:#d2e1f4;font-size:1.03rem;line-height:1.95}.article-storybook-mahasiswa .story-cover-visual{border:1px solid rgba(101,214,255,.14);box-shadow:0 16px 28px rgba(0,0,0,.14)}.article-storybook-mahasiswa .story-cover-copy h2{color:#eef6ff}.article-storybook-mahasiswa .story-cover-copy p,.article-storybook-mahasiswa .story-cover-notes span{color:#aec1d9}.article-storybook-mahasiswa .story-cover-notes span{background:rgba(255,255,255,.05);border:1px solid rgba(101,214,255,.1)}
.article-storybook-mahasiswa .story-dot{width:12px;height:12px;background:rgba(255,255,255,.16);border-radius:999px}.article-storybook-mahasiswa .story-dot.is-active{background:linear-gradient(135deg,#65d6ff,#6b5cff);box-shadow:0 0 0 5px rgba(101,214,255,.12)}
.article-storybook-mahasiswa .article-footer-note{background:rgba(255,255,255,.04);color:#b7c8dc}.article-storybook-mahasiswa .eyebrow-pill{background:rgba(255,255,255,.06);color:#eaf5ff;border:1px solid rgba(101,214,255,.1)}

@media (min-width:1200px){
  .audience-theme-mahasiswa .hero-sheet{grid-template-columns:1fr .94fr;gap:2rem}
  .audience-theme-mahasiswa .hero-title{font-size:clamp(2.7rem,4vw,4.5rem);max-width:13ch}
  .mhs-float-card-ai{left:8%}.mhs-float-card-data{right:10%}
}
@media (min-width:768px) and (max-width:1199.98px){
  .mhs-gradient-orb.orb-one{width:220px;height:220px}.mhs-gradient-orb.orb-two{width:200px;height:200px}
  .mhs-float-card{padding:.62rem .82rem}.mhs-float-card span{font-size:.8rem}
}
@media (max-width:767.98px){
  .mhs-gradient-orb.orb-one{width:180px;height:180px;left:-60px;top:8%}.mhs-gradient-orb.orb-two{width:160px;height:160px;right:-50px;top:14%}
  .mhs-grid{height:30%}.mhs-wave{height:140px}.mhs-float-card{padding:.5rem .72rem;border-radius:12px}.mhs-float-card span{font-size:.74rem}
  .mhs-float-card-ai{top:16%;left:4%}.mhs-float-card-data{top:24%;right:4%}.mhs-float-card-research{left:5%;bottom:22%}.mhs-float-card-lab{right:5%;bottom:24%}
  .audience-theme-mahasiswa .hero-sheet{border-radius:24px}.audience-theme-mahasiswa .hero-title{font-size:clamp(2rem,8.4vw,3rem);max-width:12ch}
  .mahasiswa-research-badge{font-size:.74rem}
}

/* =========================================================
   V16 — Colorful, text-light audience picker
   ========================================================= */
.colorful-jenjang-gateway{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:clamp(1.4rem,4vw,3.5rem) 0;
  background:
    radial-gradient(circle at 14% 16%,rgba(255,91,105,.28),transparent 25%),
    radial-gradient(circle at 86% 16%,rgba(36,202,255,.25),transparent 26%),
    radial-gradient(circle at 20% 86%,rgba(255,190,45,.23),transparent 28%),
    radial-gradient(circle at 82% 82%,rgba(145,92,255,.28),transparent 28%),
    linear-gradient(145deg,#fff8ee 0%,#f7f3ff 48%,#eefaff 100%);
  overflow:hidden;
}
.colorful-jenjang-gateway::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(20,35,72,.08) 1px,transparent 1px);
  background-size:26px 26px;opacity:.42;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 88%);
}
.jenjang-picker{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.jenjang-picker h1{
  margin:0 0 clamp(1.35rem,3vw,2.35rem);
  text-align:center;
  font-size:clamp(2.15rem,4vw,4.2rem);
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  color:#13203d;
}
.jenjang-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.9rem,1.8vw,1.45rem)}
.jenjang-color-card{
  position:relative;
  min-height:clamp(280px,31vw,410px);
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-items:start;
  gap:1rem;
  padding:clamp(1.25rem,2vw,1.9rem);
  overflow:hidden;
  border-radius:32px;
  text-decoration:none;
  color:#fff;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 24px 55px rgba(20,32,61,.16);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease;
}
.jenjang-color-card:hover{color:#fff;transform:translateY(-10px) scale(1.018);box-shadow:0 32px 68px rgba(20,32,61,.24)}
.jenjang-color-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 35%,rgba(4,11,29,.19));}
.jenjang-color-card::before{content:"";position:absolute;left:1rem;right:1rem;bottom:1rem;height:38%;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(5,12,29,.12));opacity:.9;z-index:-1}
.jenjang-card-glow{position:absolute;inset:-35%;z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.43),transparent 27%);mix-blend-mode:soft-light}
.jenjang-card-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.34;z-index:-1;border:1px solid rgba(255,255,255,.35)}
.jenjang-card-orb.orb-a{width:190px;height:190px;right:-52px;top:-35px;background:rgba(255,255,255,.18);animation:jenjangOrbA 8s ease-in-out infinite alternate}
.jenjang-card-orb.orb-b{width:110px;height:110px;left:-28px;top:32%;background:rgba(255,255,255,.12);animation:jenjangOrbB 6s ease-in-out infinite alternate}
@keyframes jenjangOrbA{to{transform:translate(-18px,24px) scale(1.08)}}
@keyframes jenjangOrbB{to{transform:translate(22px,-18px) scale(.9)}}
.jenjang-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}
.jenjang-card-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.24),0 14px 24px rgba(6,12,29,.12);flex:0 0 auto}
.jenjang-card-icon svg{width:34px;height:34px;display:block}
.jenjang-card-chip{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .75rem;border-radius:999px;background:rgba(11,17,39,.18);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px);font-size:.74rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.98);text-align:center}
.jenjang-card-logo{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem;padding:.88rem 1rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.11));border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);box-shadow:0 18px 30px rgba(7,12,28,.12);max-width:100%}
.jenjang-card-logo-mark{display:block;font-size:clamp(2rem,4vw,3rem);line-height:.88;font-weight:950;letter-spacing:-.08em;text-shadow:0 4px 18px rgba(0,0,0,.14)}
.jenjang-card-logo-sub{display:block;font-size:.7rem;line-height:1.25;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.92)}
.jenjang-card-copy{align-self:end;display:grid;gap:.45rem}
.jenjang-card-copy strong{display:block;font-size:clamp(1.5rem,2.2vw,2.15rem);line-height:.98;font-weight:950;letter-spacing:-.05em;text-shadow:0 4px 18px rgba(0,0,0,.14)}
.jenjang-card-copy p{margin:0;max-width:22ch;font-size:.95rem;line-height:1.52;color:rgba(255,255,255,.92)}
.jenjang-card-cta{display:inline-flex;align-items:center;gap:.45rem;font-weight:900;color:#fff;opacity:.98}.jenjang-card-cta i{font-size:1rem}
.jenjang-color-sd{background:linear-gradient(145deg,#ffb12d 0%,#ff6b34 48%,#ef3f58 100%)}
.jenjang-color-smp{background:linear-gradient(145deg,#32d7b1 0%,#17a9c7 46%,#3266d8 100%)}
.jenjang-color-sma{background:linear-gradient(145deg,#2f7cff 0%,#6659e8 48%,#a850df 100%)}
.jenjang-color-mahasiswa{background:linear-gradient(145deg,#171d42 0%,#563a96 48%,#cf477d 100%)}
.jenjang-color-sd .jenjang-card-icon{transform:rotate(-4deg)}
.jenjang-color-smp .jenjang-card-icon{transform:rotate(3deg)}
.jenjang-color-sma .jenjang-card-icon{transform:rotate(-2deg)}
.jenjang-color-mahasiswa .jenjang-card-icon{transform:rotate(4deg)}
@media (min-width:1200px){.jenjang-picker{max-width:1320px}.jenjang-color-grid{gap:1.55rem}.jenjang-color-card{min-height:420px}}
@media (min-width:768px) and (max-width:1199.98px){.jenjang-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jenjang-color-card{min-height:320px}.jenjang-picker{max-width:820px}}
@media (max-width:767.98px){
  .colorful-jenjang-gateway{padding:1.15rem 0 1.5rem;align-items:flex-start}
  .jenjang-picker{padding-top:1.1rem}
  .jenjang-picker h1{font-size:clamp(2.15rem,10vw,3rem);margin-bottom:1.15rem}
  .jenjang-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}
  .jenjang-color-card{min-height:235px;border-radius:24px;padding:1rem;gap:.75rem}
  .jenjang-card-icon{width:54px;height:54px;border-radius:16px}
  .jenjang-card-icon svg{width:26px;height:26px}
  .jenjang-card-chip{font-size:.64rem;padding:.36rem .58rem}
  .jenjang-card-logo{padding:.7rem .78rem;border-radius:18px}
  .jenjang-card-logo-mark{font-size:clamp(1.55rem,7vw,2rem)}
  .jenjang-card-logo-sub{font-size:.58rem}
  .jenjang-card-copy strong{font-size:clamp(1.28rem,5.8vw,1.65rem)}
  .jenjang-card-copy p{font-size:.78rem;line-height:1.42;max-width:none}
  .jenjang-card-orb.orb-a{width:120px;height:120px}.jenjang-card-orb.orb-b{width:78px;height:78px}
}
@media (max-width:420px){.jenjang-color-card{min-height:205px}.jenjang-color-grid{gap:.65rem}.jenjang-card-copy p{display:none}}

/* Article references / editor credit */
.story-reference-page{display:flex;flex-direction:column;justify-content:center;gap:1.15rem}
.story-reference-heading h2{margin:.55rem 0 .35rem;font-size:clamp(1.7rem,3vw,2.7rem)}
.story-reference-heading p{margin:0;opacity:.75}
.story-editor-credit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid rgba(22,54,83,.12);border-radius:12px;background:rgba(255,255,255,.48)}
.story-editor-credit span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.6}.story-editor-credit strong{font-size:1rem}
.story-source-list{margin:0;padding-left:1.3rem;display:grid;gap:.75rem}.story-source-list li{padding-left:.2rem;line-height:1.55}.story-source-list a{font-weight:750;text-decoration:none;word-break:break-word}.story-source-list a:hover{text-decoration:underline}
.article-storybook-mahasiswa .story-editor-credit{background:rgba(255,255,255,.04);border-color:rgba(101,214,255,.1)}
.article-storybook-mahasiswa .story-source-list a{color:#8fe8ff}.article-storybook-mahasiswa .story-source-list span{color:#d2e1f4}
@media(max-width:767.98px){.story-editor-credit{align-items:flex-start;flex-direction:column;gap:.2rem}.story-reference-heading h2{font-size:1.65rem}}

/* =========================================================
   Landing Slim v28 — compact editorial density
   Scoped to public landing pages only, article reader untouched.
   ========================================================= */
.premium-magazine-app:not(.article-detail-page){--landing-radius:16px;--landing-radius-sm:10px;--landing-shadow:0 10px 28px rgba(13,26,53,.08)}
.premium-magazine-app:not(.article-detail-page) .section-space{padding:3.5rem 0}
.premium-magazine-app:not(.article-detail-page) .section-heading{margin-bottom:1.35rem;max-width:820px}
.premium-magazine-app:not(.article-detail-page) .section-heading h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:.65rem 0 .45rem}
.premium-magazine-app:not(.article-detail-page) .section-kicker,
.premium-magazine-app:not(.article-detail-page) .eyebrow-pill,
.premium-magazine-app:not(.article-detail-page) .paper-kicker{padding:.38rem .66rem;border-radius:8px;font-size:.75rem}
.premium-magazine-app:not(.article-detail-page) .btn{padding:.7rem 1rem;border-radius:10px;box-shadow:none}
.premium-magazine-app:not(.article-detail-page) .btn-sm{padding:.48rem .72rem}
.premium-magazine-app:not(.article-detail-page) .btn-lg{padding:.78rem 1.08rem}
.premium-magazine-app:not(.article-detail-page) .form-control,
.premium-magazine-app:not(.article-detail-page) .form-select{border-radius:10px;padding:.72rem .86rem}

.premium-magazine-app:not(.article-detail-page) .navbar-modern .nav-link{border-radius:8px;padding:.58rem .78rem!important}
.premium-magazine-app:not(.article-detail-page) .brand-mark__icon{width:44px;height:44px;border-radius:11px;box-shadow:none}
.premium-magazine-app:not(.article-detail-page) .site-logo{width:32px;height:32px}

.premium-magazine-app:not(.article-detail-page) .hero-sheet{gap:1.25rem;padding:1.35rem;border-radius:18px;box-shadow:var(--landing-shadow)}
.premium-magazine-app:not(.article-detail-page) .hero-sheet__visual{min-height:330px}
.premium-magazine-app:not(.article-detail-page) .hero-title{font-size:clamp(2rem,3.7vw,3.55rem)!important;line-height:1.02}
.premium-magazine-app:not(.article-detail-page) .hero-actions{gap:.6rem;margin-top:1rem}
.premium-magazine-app:not(.article-detail-page) .hero-stats-wide{gap:.55rem;margin-top:1rem}
.premium-magazine-app:not(.article-detail-page) .mini-stat{padding:.72rem .8rem;border-radius:10px;box-shadow:none}
.premium-magazine-app:not(.article-detail-page) .mini-stat strong{font-size:1.05rem}
.premium-magazine-app:not(.article-detail-page) .hero-cover-frame{width:min(100%,420px);border-radius:16px;padding:9px;box-shadow:0 14px 32px rgba(13,26,53,.12)}
.premium-magazine-app:not(.article-detail-page) .hero-cover-image,
.premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:340px;border-radius:11px}
.premium-magazine-app:not(.article-detail-page) .hero-cover-overlay{left:18px;bottom:18px;padding:.58rem .7rem;border-radius:9px}
.premium-magazine-app:not(.article-detail-page) .hero-float-card{padding:.55rem .72rem;border-radius:10px;box-shadow:0 8px 18px rgba(13,26,53,.08);font-size:.85rem}

.premium-magazine-app:not(.article-detail-page) .theme-tabbar{gap:.55rem;margin-bottom:.9rem}
.premium-magazine-app:not(.article-detail-page) .theme-tab{padding:.64rem .84rem!important;border-radius:10px!important;box-shadow:none!important}
.premium-magazine-app:not(.article-detail-page) .paper-spread{border-radius:16px!important;box-shadow:var(--landing-shadow)!important}
.premium-magazine-app:not(.article-detail-page) .paper-page__inner{padding:1rem!important;border-radius:10px!important}
.premium-magazine-app:not(.article-detail-page) .paper-mini-item{border-radius:8px!important;box-shadow:none!important}

.premium-magazine-app:not(.article-detail-page) .editorial-card,
.premium-magazine-app:not(.article-detail-page) .article-card{border-radius:14px!important;box-shadow:0 8px 22px rgba(13,26,53,.07)!important}
.premium-magazine-app:not(.article-detail-page) .editorial-card:hover,
.premium-magazine-app:not(.article-detail-page) .article-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 28px rgba(13,26,53,.1)!important}
.premium-magazine-app:not(.article-detail-page) .article-card__media{min-height:180px}
.premium-magazine-app:not(.article-detail-page) .article-placeholder{min-height:180px}
.premium-magazine-app:not(.article-detail-page) .article-card__body{padding:.9rem .95rem 1rem}
.premium-magazine-app:not(.article-detail-page) .article-chip{top:10px;left:10px;padding:.34rem .56rem;border-radius:7px;box-shadow:none}
.premium-magazine-app:not(.article-detail-page) .article-filter-panel{border-radius:14px!important;box-shadow:0 8px 20px rgba(13,26,53,.06)!important;padding:1rem!important}
.premium-magazine-app:not(.article-detail-page) .leader-panel,
.premium-magazine-app:not(.article-detail-page) .site-footer .footer-grid{border-radius:16px!important;box-shadow:0 8px 22px rgba(13,26,53,.06)!important}

/* Keep each audience identity, but reduce visual bulk. */
.premium-magazine-app.audience-theme-sd:not(.article-detail-page) .hero-sheet,
.premium-magazine-app.audience-theme-smp:not(.article-detail-page) .hero-sheet,
.premium-magazine-app.audience-theme-sma:not(.article-detail-page) .hero-sheet,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-sheet{border-radius:18px!important;box-shadow:var(--landing-shadow)!important}
.premium-magazine-app.audience-theme-sd:not(.article-detail-page) .article-card,
.premium-magazine-app.audience-theme-smp:not(.article-detail-page) .article-card,
.premium-magazine-app.audience-theme-sma:not(.article-detail-page) .article-card,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-card{border-width:1px!important}
.premium-magazine-app.audience-theme-sd:not(.article-detail-page) .btn-gradient{box-shadow:none!important}

/* Audience picker: colorful but not oversized. */
.premium-magazine-app:not(.article-detail-page) .colorful-jenjang-gateway{padding:1rem 0;min-height:100vh}
.premium-magazine-app:not(.article-detail-page) .jenjang-picker{max-width:1180px}
.premium-magazine-app:not(.article-detail-page) .jenjang-color-grid{gap:1rem}
.premium-magazine-app:not(.article-detail-page) .jenjang-color-card{min-height:300px!important;border-radius:18px!important;padding:1rem!important;gap:.85rem!important;box-shadow:0 14px 34px rgba(20,32,61,.14)!important}
.premium-magazine-app:not(.article-detail-page) .jenjang-color-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(20,32,61,.18)!important}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-icon{width:54px;height:54px;border-radius:12px}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-icon svg{width:26px;height:26px}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-chip{font-size:.65rem;padding:.38rem .58rem}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-logo{padding:.7rem .8rem;border-radius:16px}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-mark{font-size:clamp(1.65rem,2.8vw,2.1rem)}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-sub{font-size:.58rem}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-copy strong{font-size:clamp(1.45rem,2.3vw,1.9rem)}
.premium-magazine-app:not(.article-detail-page) .jenjang-card-copy p{font-size:.84rem;line-height:1.42}

@media (min-width:1200px){
  .premium-magazine-app:not(.article-detail-page) .magazine-hero{padding-top:1.6rem}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{grid-template-columns:1.08fr .92fr}
}
@media (min-width:768px) and (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .section-space{padding:3rem 0}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{padding:1.15rem;border-radius:16px}
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-card{min-height:230px!important}
}
@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .section-space{padding:2.4rem 0}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{padding:.95rem;border-radius:14px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet__visual{min-height:260px}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:260px}
  .premium-magazine-app:not(.article-detail-page) .hero-stats-wide{grid-template-columns:1fr;gap:.45rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-grid{gap:.7rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-card{min-height:190px!important;border-radius:14px!important;padding:.85rem!important;gap:.65rem!important}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-icon{width:46px;height:46px;border-radius:10px}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-icon svg{width:22px;height:22px}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-chip{font-size:.6rem;padding:.32rem .5rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo{padding:.58rem .64rem;border-radius:14px}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-mark{font-size:1.35rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-sub{font-size:.52rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy strong{font-size:1.15rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy p{font-size:.72rem;line-height:1.35}
}

/* =========================================================
   Landing Mobile Slim v29 — phone-first compact density
   ========================================================= */
@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .container{padding-left:12px;padding-right:12px}
  .premium-magazine-app:not(.article-detail-page) .section-space{padding:1.55rem 0}
  .premium-magazine-app:not(.article-detail-page) .section-heading{margin-bottom:.8rem;padding:0 .15rem}
  .premium-magazine-app:not(.article-detail-page) .section-heading h2{font-size:1.45rem;line-height:1.08;margin:.42rem 0 .28rem}
  .premium-magazine-app:not(.article-detail-page) .section-heading p{font-size:.88rem;line-height:1.45}
  .premium-magazine-app:not(.article-detail-page) .section-kicker,
  .premium-magazine-app:not(.article-detail-page) .eyebrow-pill,
  .premium-magazine-app:not(.article-detail-page) .paper-kicker{padding:.27rem .48rem;border-radius:6px;font-size:.67rem}

  .premium-magazine-app:not(.article-detail-page) .navbar-modern .container{min-height:52px}
  .premium-magazine-app:not(.article-detail-page) .brand-mark{gap:.55rem}
  .premium-magazine-app:not(.article-detail-page) .brand-mark__icon{width:36px;height:36px;border-radius:8px}
  .premium-magazine-app:not(.article-detail-page) .site-logo{width:28px;height:28px}
  .premium-magazine-app:not(.article-detail-page) .brand-mark strong{font-size:.9rem}
  .premium-magazine-app:not(.article-detail-page) .brand-mark small{font-size:.66rem}

  .premium-magazine-app:not(.article-detail-page) .magazine-hero{padding-top:.75rem}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{padding:.72rem!important;gap:.72rem;border-radius:10px!important;box-shadow:0 5px 14px rgba(13,26,53,.06)!important}
  .premium-magazine-app:not(.article-detail-page) .hero-title{font-size:clamp(1.55rem,7vw,2.15rem)!important;line-height:1.03;margin:.52rem 0!important;max-width:15ch!important}
  .premium-magazine-app:not(.article-detail-page) .hero-subtitle{font-size:.86rem;line-height:1.45;margin-bottom:.6rem}
  .premium-magazine-app:not(.article-detail-page) .hero-theme-line{gap:.38rem}
  .premium-magazine-app:not(.article-detail-page) .hero-edition{font-size:.68rem}
  .premium-magazine-app:not(.article-detail-page) .hero-actions{gap:.38rem;margin-top:.62rem}
  .premium-magazine-app:not(.article-detail-page) .btn{padding:.5rem .68rem;border-radius:7px;font-size:.78rem}
  .premium-magazine-app:not(.article-detail-page) .btn-lg{padding:.56rem .75rem;font-size:.8rem}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet__visual{min-height:190px}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-frame{width:min(100%,280px);padding:5px;border-radius:10px!important;box-shadow:0 7px 16px rgba(13,26,53,.08)!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:190px;border-radius:7px}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-overlay{left:10px;bottom:10px;padding:.38rem .48rem;border-radius:6px;font-size:.72rem}
  .premium-magazine-app:not(.article-detail-page) .hero-float-card{padding:.38rem .48rem;border-radius:7px;font-size:.7rem}
  .premium-magazine-app:not(.article-detail-page) .hero-stats-wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin-top:.65rem}
  .premium-magazine-app:not(.article-detail-page) .mini-stat{padding:.42rem .45rem;border-radius:7px}
  .premium-magazine-app:not(.article-detail-page) .mini-stat strong{font-size:.9rem;line-height:1}
  .premium-magazine-app:not(.article-detail-page) .mini-stat span{font-size:.62rem;line-height:1.2;margin-top:.18rem}

  .premium-magazine-app:not(.article-detail-page) .theme-tabbar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.35rem;margin-bottom:.55rem;padding-bottom:.15rem;scrollbar-width:none}
  .premium-magazine-app:not(.article-detail-page) .theme-tabbar::-webkit-scrollbar{display:none}
  .premium-magazine-app:not(.article-detail-page) .theme-tab{flex:0 0 auto;padding:.48rem .62rem!important;border-radius:7px!important;font-size:.74rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stage{min-height:0}
  .premium-magazine-app:not(.article-detail-page) .paper-spread{border-radius:10px!important;box-shadow:0 5px 14px rgba(13,26,53,.06)!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page__inner{padding:.68rem!important;border-radius:7px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page h3{font-size:1.18rem;margin-bottom:.4rem}
  .premium-magazine-app:not(.article-detail-page) .paper-page p{font-size:.84rem;line-height:1.45}
  .premium-magazine-app:not(.article-detail-page) .paper-mini-item{padding:.5rem!important;border-radius:6px!important}

  .premium-magazine-app:not(.article-detail-page) .premium-editorial-grid{gap:.55rem}
  .premium-magazine-app:not(.article-detail-page) .editorial-card{padding:.58rem!important;gap:.55rem;border-radius:9px!important;box-shadow:0 4px 12px rgba(13,26,53,.05)!important}
  .premium-magazine-app:not(.article-detail-page) .editorial-1{min-height:0}
  .premium-magazine-app:not(.article-detail-page) .editorial-media,
  .premium-magazine-app:not(.article-detail-page) .editorial-1 .editorial-media{min-height:145px;border-radius:7px}
  .premium-magazine-app:not(.article-detail-page) .editorial-placeholder{min-height:145px;font-size:1.45rem}
  .premium-magazine-app:not(.article-detail-page) .editorial-body{gap:.35rem}
  .premium-magazine-app:not(.article-detail-page) .editorial-body h3{font-size:1rem;line-height:1.16}
  .premium-magazine-app:not(.article-detail-page) .editorial-body p{font-size:.8rem;line-height:1.4}
  .premium-magazine-app:not(.article-detail-page) .editorial-tag{padding:.28rem .46rem;border-radius:6px;font-size:.65rem}

  .premium-magazine-app:not(.article-detail-page) .article-filter-panel{padding:.62rem!important;border-radius:9px!important;gap:.5rem!important;box-shadow:0 4px 12px rgba(13,26,53,.05)!important}
  .premium-magazine-app:not(.article-detail-page) .filter-search{padding:.05rem .65rem;border-radius:7px}
  .premium-magazine-app:not(.article-detail-page) .filter-search input{padding:.58rem 0;font-size:.82rem}
  .premium-magazine-app:not(.article-detail-page) .form-select{padding:.58rem .68rem;border-radius:7px;font-size:.82rem}
  .premium-magazine-app:not(.article-detail-page) .article-shelf-grid{gap:.55rem}
  .premium-magazine-app:not(.article-detail-page) .article-card{border-radius:9px!important;box-shadow:0 4px 12px rgba(13,26,53,.05)!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__media,
  .premium-magazine-app:not(.article-detail-page) .article-placeholder{min-height:135px}
  .premium-magazine-app:not(.article-detail-page) .article-card__body{padding:.62rem .68rem .7rem}
  .premium-magazine-app:not(.article-detail-page) .article-meta{font-size:.67rem;gap:.45rem;margin-bottom:.5rem}
  .premium-magazine-app:not(.article-detail-page) .article-card__body h3{font-size:1rem;margin-bottom:.45rem}
  .premium-magazine-app:not(.article-detail-page) .article-card__body p{font-size:.8rem;line-height:1.4;margin-bottom:.6rem}
  .premium-magazine-app:not(.article-detail-page) .article-chip{top:7px;left:7px;padding:.25rem .4rem;border-radius:5px;font-size:.63rem}
  .premium-magazine-app:not(.article-detail-page) .link-cta{font-size:.78rem}

  .premium-magazine-app:not(.article-detail-page) .leader-panel{border-radius:10px!important;box-shadow:0 4px 12px rgba(13,26,53,.05)!important}
  .premium-magazine-app:not(.article-detail-page) .leader-photo{min-height:190px;max-height:230px}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body{padding:.75rem}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body h2{font-size:1.3rem;margin:.45rem 0 .2rem}
  .premium-magazine-app:not(.article-detail-page) .leader-message{font-size:.84rem;line-height:1.45}
  .premium-magazine-app:not(.article-detail-page) .site-footer{padding:.4rem 0 1rem}
  .premium-magazine-app:not(.article-detail-page) .site-footer .footer-grid{gap:.7rem;padding:.75rem!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(13,26,53,.05)!important}
  .premium-magazine-app:not(.article-detail-page) .site-footer h3{font-size:.88rem;margin-bottom:.4rem}
  .premium-magazine-app:not(.article-detail-page) .footer-copy,
  .premium-magazine-app:not(.article-detail-page) .footer-links a,
  .premium-magazine-app:not(.article-detail-page) .footer-links span{font-size:.78rem;line-height:1.4}

  /* Audience picker becomes compact horizontal tiles on phones. */
  .premium-magazine-app:not(.article-detail-page) .colorful-jenjang-gateway{padding:.65rem 0 1rem;min-height:100svh;align-items:flex-start}
  .premium-magazine-app:not(.article-detail-page) .jenjang-picker{padding-top:.5rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-picker h1{font-size:1.75rem;margin-bottom:.7rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-grid{grid-template-columns:1fr;gap:.48rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-card{min-height:108px!important;border-radius:10px!important;padding:.62rem .72rem!important;display:grid;grid-template-columns:44px minmax(0,82px) 1fr;grid-template-rows:auto auto;align-items:center;justify-content:initial;column-gap:.7rem;row-gap:.18rem;box-shadow:0 6px 16px rgba(20,32,61,.09)!important}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-head{display:contents}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-icon{width:44px;height:44px;margin:0;border-radius:9px;grid-column:1;grid-row:1 / span 2}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-icon svg{width:20px;height:20px}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-chip{grid-column:3;grid-row:1;justify-self:start;font-size:.54rem;padding:.24rem .42rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo{grid-column:2;grid-row:1 / span 2;margin:0;padding:.42rem .46rem;border-radius:10px;gap:.05rem;align-self:center}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-mark{font-size:1rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-sub{display:none}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy{grid-column:3;grid-row:2;align-self:start;gap:.15rem}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy strong{font-size:1.08rem;line-height:1.02}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy p,.premium-magazine-app:not(.article-detail-page) .jenjang-card-cta{display:none}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-orb.orb-a{width:84px;height:84px}.premium-magazine-app:not(.article-detail-page) .jenjang-card-orb.orb-b{width:50px;height:50px}
}

@media (max-width:390px){
  .premium-magazine-app:not(.article-detail-page) .container{padding-left:10px;padding-right:10px}
  .premium-magazine-app:not(.article-detail-page) .section-space{padding:1.3rem 0}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{padding:.62rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet__visual{min-height:170px}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:170px}
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-card{min-height:98px!important}
}

/* =========================================================
   Article Image Fit v31 — never crop uploaded article images
   ========================================================= */
.premium-magazine-app .hero-cover-image,
.premium-magazine-app .editorial-media.with-image img,
.premium-magazine-app .article-card__media.with-image img,
.premium-magazine-app .article-cover,
.premium-magazine-app .paper-lead.with-image img,
.article-detail-page .article-detail-cover,
.article-detail-page .story-cover-visual.with-image img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

.premium-magazine-app .hero-cover-frame,
.premium-magazine-app .editorial-media,
.premium-magazine-app .article-card__media,
.premium-magazine-app .paper-lead.with-image,
.article-detail-page .article-hero-image,
.article-detail-page .story-cover-visual{
  background:linear-gradient(145deg,#ffffff,#f7f9fc)!important;
}

/* Preserve the whole visual even for portrait or square uploads. */
.premium-magazine-app .hero-cover-image{padding:8px}
.premium-magazine-app .editorial-media.with-image img,
.premium-magazine-app .article-card__media.with-image img,
.premium-magazine-app .paper-lead.with-image img,
.article-detail-page .story-cover-visual.with-image img{padding:6px}
.article-detail-page .article-detail-cover{padding:10px;max-height:640px}

@media (max-width:767.98px){
  .premium-magazine-app .hero-cover-image{padding:5px}
  .premium-magazine-app .editorial-media.with-image img,
  .premium-magazine-app .article-card__media.with-image img,
  .premium-magazine-app .paper-lead.with-image img,
  .article-detail-page .story-cover-visual.with-image img{padding:4px}
  .article-detail-page .article-detail-cover{padding:6px}
}

/* Article header alignment v32 — centered editorial composition */
.article-detail-page .article-hero .container{max-width:1140px}
.article-detail-page .article-hero__panel{
  max-width:none;
  width:100%;
  text-align:center;
  padding:clamp(1.55rem,3vw,2.4rem) clamp(1.25rem,4vw,3.2rem);
}
.article-detail-page .article-hero__meta{
  justify-content:center;
  align-items:center;
}
.article-detail-page .article-meta--hero{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.9rem;
  flex-wrap:wrap;
}
.article-detail-page .article-hero__panel h1{
  max-width:24ch;
  margin:1rem auto .8rem;
  text-align:center;
  font-size:clamp(2.1rem,4.2vw,4rem);
  line-height:1.02;
  text-wrap:balance;
}
.article-detail-page .article-lead{
  max-width:76ch;
  margin:0 auto;
  text-align:center;
  line-height:1.75;
}
@media (max-width:767.98px){
  .article-detail-page .article-hero{padding:1rem 0 .75rem}
  .article-detail-page .article-hero__panel{padding:1.15rem .95rem}
  .article-detail-page .article-hero__meta{gap:.45rem}
  .article-detail-page .article-meta--hero{gap:.45rem .7rem;font-size:.78rem}
  .article-detail-page .article-hero__panel h1{font-size:clamp(1.65rem,8vw,2.45rem);max-width:18ch;line-height:1.05;margin:.85rem auto .65rem}
  .article-detail-page .article-lead{font-size:.94rem;line-height:1.65;max-width:36ch}
}

/* =========================================================
   Mobile layout rebuild v35 — phone-first, compact, readable
   ========================================================= */
@media (max-width:767.98px){
  html{scroll-padding-top:64px}
  body.public-app{overflow-x:hidden}

  /* Mobile navbar becomes a compact popover instead of a tall document block. */
  .premium-magazine-app:not(.article-detail-page) .navbar-modern{padding:.2rem 0;min-height:54px}
  .premium-magazine-app:not(.article-detail-page) .navbar-modern>.container{position:relative;min-height:50px!important;padding-left:10px!important;padding-right:10px!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler{width:36px;height:36px;padding:6px;border:1px solid rgba(20,48,82,.13);border-radius:8px;background:rgba(255,255,255,.72);box-shadow:none}
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(25,91,164,.10)}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse.show,
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse.collapsing{
    position:absolute;z-index:1100;top:calc(100% + 6px);left:8px;right:8px;
    background:rgba(255,252,245,.98);backdrop-filter:blur(14px);
    border:1px solid rgba(22,53,91,.12);border-radius:12px;padding:7px;
    box-shadow:0 14px 36px rgba(21,40,70,.16)
  }
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .navbar-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;align-items:stretch!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-item{min-width:0;margin:0!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-item:first-child{grid-column:1/-1}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-link,
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn{display:flex;align-items:center;justify-content:center;min-height:36px;width:100%;padding:.4rem .48rem!important;border-radius:7px!important;font-size:.72rem!important;line-height:1.15;text-align:center}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .active-jenjang{justify-content:flex-start;padding-left:.65rem!important}

  /* Compact page rhythm. */
  .premium-magazine-app:not(.article-detail-page) .container{padding-left:8px!important;padding-right:8px!important}
  .premium-magazine-app:not(.article-detail-page) .section-space{padding:1.15rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .section-heading{margin-bottom:.58rem!important}
  .premium-magazine-app:not(.article-detail-page) .section-heading h2{font-size:1.2rem!important;line-height:1.08!important;max-width:22ch;margin:.3rem auto .18rem!important}
  .premium-magazine-app:not(.article-detail-page) .section-heading p{font-size:.76rem!important;line-height:1.42!important;max-width:42ch;margin-left:auto;margin-right:auto}
  .premium-magazine-app:not(.article-detail-page) .section-kicker{font-size:.6rem!important;padding:.23rem .4rem!important;border-radius:5px!important}

  /* Hero — one compact reading card, then a small image. */
  .premium-magazine-app:not(.article-detail-page) .magazine-hero{padding-top:.48rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{display:block!important;padding:.58rem!important;border-radius:10px!important;gap:0!important;overflow:hidden!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet__copy{min-width:0}
  .premium-magazine-app:not(.article-detail-page) .sd-adventure-badge,
  .premium-magazine-app:not(.article-detail-page) .smp-pixel-badge,
  .premium-magazine-app:not(.article-detail-page) .sma-science-badge,
  .premium-magazine-app:not(.article-detail-page) .mahasiswa-research-badge{font-size:.58rem!important;padding:.3rem .45rem!important;margin-bottom:.35rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-theme-line{margin:.25rem 0!important;gap:.3rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-category{font-size:.6rem!important;padding:.25rem .4rem!important;border-radius:5px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-edition{font-size:.58rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-title{font-size:1.38rem!important;line-height:1.02!important;max-width:18ch!important;letter-spacing:-.025em!important;margin:.34rem 0 .4rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-subtitle{font-size:.74rem!important;line-height:1.42!important;margin:0 0 .48rem!important;max-width:none!important}
  .premium-magazine-app:not(.article-detail-page) .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.3rem!important;margin:.45rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .hero-actions .btn{min-height:36px;padding:.38rem .45rem!important;font-size:.68rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-stats-wide{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.28rem!important;margin:.45rem 0 0!important}
  .premium-magazine-app:not(.article-detail-page) .mini-stat{padding:.35rem .36rem!important;border-radius:6px!important;min-height:50px}
  .premium-magazine-app:not(.article-detail-page) .mini-stat strong{font-size:.78rem!important}
  .premium-magazine-app:not(.article-detail-page) .mini-stat span{font-size:.54rem!important;line-height:1.15!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet__visual{min-height:0!important;margin-top:.52rem!important;display:flex;justify-content:center}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-frame{width:min(100%,220px)!important;padding:4px!important;border-radius:8px!important;transform:none!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:132px!important;max-height:132px!important;border-radius:5px!important;object-fit:contain!important;background:#fff!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-overlay{left:7px!important;bottom:7px!important;padding:.26rem .34rem!important;font-size:.55rem!important;border-radius:4px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-float-card{display:none!important}

  /* Theme navigation / spread. */
  .premium-magazine-app:not(.article-detail-page) .theme-tabbar{justify-content:center!important;margin:.45rem 0!important;gap:.28rem!important}
  .premium-magazine-app:not(.article-detail-page) .theme-tab{padding:.38rem .5rem!important;font-size:.66rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stage{min-height:0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-spread{display:none!important;grid-template-columns:1fr!important;gap:.4rem!important;padding:.42rem!important;border-radius:9px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-spread.is-active{display:grid!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page{min-width:0!important;min-height:0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page__inner{min-height:0!important;padding:.58rem!important;border-radius:7px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page h3{font-size:1rem!important;line-height:1.08!important;margin:.32rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page p{font-size:.72rem!important;line-height:1.38!important;margin-bottom:.48rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.3rem!important;margin:.45rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stats div{padding:.45rem!important;border-radius:6px!important;min-height:54px}
  .premium-magazine-app:not(.article-detail-page) .paper-stats strong{font-size:.9rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stats span{font-size:.58rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page .btn{width:100%;min-height:34px;font-size:.66rem!important;padding:.35rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead{display:grid!important;grid-template-columns:88px 1fr!important;gap:.5rem!important;align-items:center!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead.with-image img{width:88px!important;height:74px!important;object-fit:contain!important;padding:2px!important;border-radius:5px!important;background:#fff!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead__body h4{font-size:.86rem!important;line-height:1.12!important;margin:.2rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead__body p{font-size:.66rem!important;margin-bottom:.25rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead__body a{font-size:.65rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-mini-list{gap:.28rem!important;margin-top:.4rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-mini-item{padding:.4rem!important;border-radius:5px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-mini-title{font-size:.7rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-mini-item small{font-size:.58rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-empty{min-height:86px!important;padding:.6rem!important;font-size:.68rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-empty i{font-size:1.15rem!important;margin-bottom:.25rem!important}

  /* Article list and filter. */
  .premium-magazine-app:not(.article-detail-page) .article-filter-panel{display:grid!important;grid-template-columns:1fr!important;gap:.35rem!important;padding:.48rem!important;border-radius:7px!important}
  .premium-magazine-app:not(.article-detail-page) .filter-search{min-height:36px!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .filter-search input,
  .premium-magazine-app:not(.article-detail-page) .form-select{font-size:.72rem!important;min-height:36px!important;padding:.45rem .55rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .article-filter-panel .btn{min-height:36px!important;font-size:.68rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .article-shelf-grid{grid-template-columns:1fr!important;gap:.45rem!important;margin-top:.65rem!important}
  .premium-magazine-app:not(.article-detail-page) .article-card{display:grid!important;grid-template-columns:92px 1fr!important;min-height:0!important;border-radius:8px!important;overflow:hidden!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__media{height:100%!important;min-height:112px!important;border-radius:0!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__media.with-image img{width:100%!important;height:100%!important;max-height:128px!important;object-fit:contain!important;padding:4px!important;background:#fff!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__body{padding:.48rem!important;min-width:0!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__body h3{font-size:.86rem!important;line-height:1.14!important;margin:.22rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__body p{font-size:.66rem!important;line-height:1.35!important;margin-bottom:.3rem!important}
  .premium-magazine-app:not(.article-detail-page) .article-meta{font-size:.58rem!important;gap:.28rem!important}

  /* Leader + footer compact. */
  .premium-magazine-app:not(.article-detail-page) .leader-panel{display:grid!important;grid-template-columns:auto 1fr!important;gap:.55rem!important;padding:.58rem!important;border-radius:8px!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__media{width:68px!important;height:68px!important;min-height:0!important}
  .premium-magazine-app:not(.article-detail-page) .leader-photo{width:68px!important;height:68px!important;object-fit:cover!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body{padding:0!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body h2{font-size:1rem!important;line-height:1.12!important;margin:.28rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .leader-title,.premium-magazine-app:not(.article-detail-page) .leader-message{font-size:.68rem!important;line-height:1.35!important}
  .premium-magazine-app:not(.article-detail-page) .site-footer{padding:.65rem 0 1rem!important}
  .premium-magazine-app:not(.article-detail-page) .footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.6rem!important;padding:.62rem!important;border-radius:8px!important}
  .premium-magazine-app:not(.article-detail-page) .footer-grid>div:first-child{grid-column:1/-1}
  .premium-magazine-app:not(.article-detail-page) .brand-mark--footer .brand-mark__icon{width:32px!important;height:32px!important}
  .premium-magazine-app:not(.article-detail-page) .footer-grid h3{font-size:.72rem!important;margin-bottom:.28rem!important}
  .premium-magazine-app:not(.article-detail-page) .footer-copy,.premium-magazine-app:not(.article-detail-page) .footer-links a,.premium-magazine-app:not(.article-detail-page) .footer-links span{font-size:.62rem!important;line-height:1.45!important}
}

/* =========================================================
   Article reader mobile v35 — compact book page
   ========================================================= */
@media (max-width:767.98px){
  .article-detail-page{background:#fffdf9!important}
  .article-detail-page .navbar-modern{padding:.2rem 0!important}
  .article-detail-page .navbar-modern .container{padding-left:8px!important;padding-right:8px!important;gap:.4rem!important}
  .article-detail-page .brand-mark__icon{width:32px!important;height:32px!important;border-radius:7px!important}
  .article-detail-page .site-logo{width:26px!important;height:26px!important}
  .article-detail-page .brand-mark strong{font-size:.74rem!important}
  .article-detail-page .brand-mark small{font-size:.55rem!important}
  .article-detail-page .navbar-modern .btn{padding:.34rem .5rem!important;font-size:.65rem!important;border-radius:7px!important}

  .article-detail-page .article-hero{padding:.42rem 0 .35rem!important}
  .article-detail-page .article-hero .container,.article-detail-page main.container{padding-left:6px!important;padding-right:6px!important}
  .article-detail-page .article-hero__panel{padding:.68rem .58rem .72rem!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(24,38,62,.05)!important}
  .article-detail-page .article-hero__meta{gap:.25rem!important}
  .article-detail-page .eyebrow-pill{padding:.27rem .48rem!important;font-size:.6rem!important;border-radius:999px!important}
  .article-detail-page .article-meta--hero{gap:.2rem .45rem!important;font-size:.58rem!important}
  .article-detail-page .article-hero__panel h1{font-size:1.2rem!important;max-width:20ch!important;line-height:1.06!important;font-weight:760!important;letter-spacing:-.018em!important;margin:.48rem auto .38rem!important}
  .article-detail-page .article-lead{font-size:.72rem!important;line-height:1.48!important;max-width:38ch!important}

  .article-detail-page main.section-space{padding-top:.05rem!important;padding-bottom:4.4rem!important}
  .article-detail-page .story-reader{padding:.35rem!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(24,38,62,.06)!important}
  .article-detail-page .story-reader__toolbar{padding:.04rem .05rem .3rem!important;min-height:0!important;flex-direction:row!important}
  .article-detail-page .story-tag{padding:.3rem .48rem!important;font-size:.61rem!important}
  .article-detail-page .story-counter{font-size:.64rem!important}
  .article-detail-page .story-reader__viewport{border-radius:9px!important;overflow:hidden!important;transition:height .24s ease!important;touch-action:pan-y!important}
  .article-detail-page .story-reader__track{align-items:flex-start!important}
  .article-detail-page .story-page{padding:.12rem!important;align-self:flex-start!important;min-height:0!important}
  .article-detail-page .story-page__page-num{font-size:.56rem!important;margin:.08rem .25rem .22rem!important}
  .article-detail-page .story-page__content{min-height:0!important;height:auto!important;padding:.52rem!important;border-radius:9px!important}
  .article-detail-page .story-cover-layout{display:block!important}
  .article-detail-page .story-cover-visual{min-height:0!important;height:auto!important;padding:.14rem!important;border-radius:8px!important;background:#fff!important;margin-bottom:.5rem!important}
  .article-detail-page .story-cover-visual.with-image img{display:block!important;width:auto!important;max-width:58%!important;height:auto!important;max-height:150px!important;min-height:0!important;margin:0 auto!important;padding:0!important;object-fit:contain!important}
  .article-detail-page .story-cover-placeholder{min-height:110px!important}
  .article-detail-page .story-cover-copy{padding:0!important}
  .article-detail-page .story-cover-copy .eyebrow-pill{font-size:.55rem!important;padding:.24rem .4rem!important}
  .article-detail-page .story-cover-copy h2{font-size:1rem!important;line-height:1.1!important;font-weight:760!important;letter-spacing:-.014em!important;margin:.4rem 0 .3rem!important}
  .article-detail-page .story-cover-copy p,.article-detail-page .story-page__content p{font-size:.76rem!important;line-height:1.58!important;font-weight:400!important;color:#31435b!important;margin-bottom:.56rem!important}
  .article-detail-page .story-page__content p:last-child{margin-bottom:0!important}
  .article-detail-page .story-cover-notes{display:flex!important;flex-wrap:wrap!important;gap:.25rem!important;margin-top:.42rem!important}
  .article-detail-page .story-cover-notes span{padding:.28rem .43rem!important;font-size:.58rem!important;font-weight:700!important}
  .article-detail-page .story-reader__dots{margin:.35rem 0 .08rem!important;gap:.24rem!important;padding:0 .2rem .08rem!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}
  .article-detail-page .story-reader__dots::-webkit-scrollbar{display:none}
  .article-detail-page .story-dot{width:6px!important;height:6px!important;min-width:6px!important}
  .article-detail-page .article-footer-note{display:none!important}

  .article-detail-page .story-reader__mobile-nav{left:max(5px,env(safe-area-inset-left))!important;right:max(5px,env(safe-area-inset-right))!important;bottom:max(5px,env(safe-area-inset-bottom))!important;padding:4px!important;gap:4px!important;border-radius:9px!important}
  .article-detail-page .story-mobile-btn{min-height:36px!important;padding:0 7px!important;font-size:.66rem!important;border-radius:6px!important}
  .article-detail-page .story-mobile-counter{font-size:.62rem!important;min-width:40px!important}
}

@media (max-width:390px){
  .article-detail-page .story-cover-visual.with-image img{max-width:54%!important;max-height:136px!important}
  .article-detail-page .story-cover-copy h2{font-size:.94rem!important}
  .article-detail-page .story-cover-copy p,.article-detail-page .story-page__content p{font-size:.73rem!important;line-height:1.55!important}
}


/* =========================================================
   Mobile native precision v36
   True phone layout: compact hierarchy, no desktop leftovers
   ========================================================= */
@media (max-width:767.98px){
  /* ---- Shared mobile rhythm ---- */
  .premium-magazine-app:not(.article-detail-page){font-size:14px}
  .premium-magazine-app:not(.article-detail-page) .container{max-width:none!important;padding-left:10px!important;padding-right:10px!important}

  /* ---- Navbar: opaque floating menu; never lets hero text bleed through ---- */
  .premium-magazine-app:not(.article-detail-page) .navbar-modern{min-height:58px!important;padding:4px 0!important;background:#fffdf9!important;border-bottom:1px solid rgba(18,52,86,.10)!important;box-shadow:0 3px 12px rgba(15,38,68,.06)!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-modern>.container{min-height:50px!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark{max-width:calc(100% - 48px);gap:8px!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark__icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:8px!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark strong{font-size:.88rem!important;line-height:1.05!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark small{font-size:.58rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler{width:38px!important;height:38px!important;border-radius:8px!important;background:#fff!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse.show,
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse.collapsing{
    position:fixed!important;z-index:1300!important;top:64px!important;left:10px!important;right:10px!important;
    background:#fffdf8!important;border:1px solid rgba(18,52,86,.12)!important;border-radius:10px!important;
    padding:8px!important;box-shadow:0 18px 42px rgba(15,37,65,.22)!important;backdrop-filter:none!important
  }
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .navbar-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-link,
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn{min-height:40px!important;font-size:.75rem!important;font-weight:750!important;border-radius:7px!important;background:#fff!important;color:#183556!important;border:1px solid rgba(18,52,86,.08)!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .active-jenjang{background:#f8d66f!important;color:#4f3c00!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn-gradient{background:linear-gradient(135deg,#ed6841,#8551bb)!important;color:#fff!important;border:0!important}

  /* ---- Hero: flat compact mobile composition ---- */
  .premium-magazine-app:not(.article-detail-page) .magazine-hero{padding:.45rem 0 .25rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet{padding:.68rem!important;border-radius:12px!important;border-width:1px!important;box-shadow:0 7px 18px rgba(31,57,86,.08)!important}
  .premium-magazine-app:not(.article-detail-page) .hero-title{font-size:1.28rem!important;line-height:1.02!important;font-weight:780!important;max-width:19ch!important;margin:.32rem 0!important;letter-spacing:-.02em!important}
  .premium-magazine-app:not(.article-detail-page) .hero-subtitle{font-size:.75rem!important;line-height:1.42!important;font-weight:500!important;margin:.3rem 0 .5rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-actions{margin:.4rem 0!important;gap:5px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-actions .btn{min-height:34px!important;font-size:.67rem!important;font-weight:760!important}
  .premium-magazine-app:not(.article-detail-page) .hero-stats-wide{gap:5px!important;margin:.42rem 0 .1rem!important}
  .premium-magazine-app:not(.article-detail-page) .mini-stat{min-height:48px!important;padding:.34rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .hero-sheet__visual{margin-top:.5rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-frame{width:min(100%,180px)!important;padding:4px!important;border-radius:8px!important;box-shadow:0 5px 12px rgba(28,50,78,.09)!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:112px!important;max-height:112px!important}

  /* ---- Section heading: readable over moving scenery ---- */
  .premium-magazine-app:not(.article-detail-page) .section-heading{width:calc(100% - 20px);margin:.1rem auto .55rem!important;padding:.5rem .62rem!important;border-radius:8px;background:rgba(255,255,255,.82);backdrop-filter:blur(6px)}
  .premium-magazine-app:not(.article-detail-page) .section-heading h2{font-size:1.08rem!important;font-weight:780!important;line-height:1.1!important;color:#183d78!important;text-shadow:none!important}
  .premium-magazine-app:not(.article-detail-page) .section-heading p{font-size:.7rem!important;line-height:1.38!important;color:#5a6b7e!important;margin-bottom:0!important}
  .premium-magazine-app:not(.article-detail-page) .section-kicker{font-size:.58rem!important}

  /* ---- Theme: one compact card. Empty second page removed. ---- */
  .premium-magazine-app:not(.article-detail-page) .theme-tabbar{margin:.38rem 0 .48rem!important;gap:5px!important;overflow-x:auto!important;justify-content:flex-start!important;padding:0 2px 3px!important;scrollbar-width:none}
  .premium-magazine-app:not(.article-detail-page) .theme-tabbar::-webkit-scrollbar{display:none}
  .premium-magazine-app:not(.article-detail-page) .theme-tab{flex:0 0 auto!important;padding:.38rem .62rem!important;font-size:.66rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stage{min-height:0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-spread.is-active{display:block!important;padding:.48rem!important;border-radius:10px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page{padding:0!important;min-height:0!important;height:auto!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page+.paper-page{margin-top:7px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page--right.is-empty{display:none!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page__inner{height:auto!important;min-height:0!important;padding:.6rem!important;border-radius:7px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page h3{font-size:.98rem!important;font-weight:780!important;margin:.32rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page p{font-size:.71rem!important;line-height:1.38!important;margin-bottom:.38rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stats{gap:5px!important;margin:.38rem 0!important}
  .premium-magazine-app:not(.article-detail-page) .paper-stats div{min-height:48px!important;padding:.4rem!important;border-radius:6px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page .btn{min-height:33px!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead{grid-template-columns:70px 1fr!important;gap:.45rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-lead img{width:70px!important;height:70px!important;max-height:70px!important;object-fit:contain!important;background:#fff!important}
  .premium-magazine-app:not(.article-detail-page) .paper-mini-list{gap:4px!important;margin-top:.4rem!important}

  /* ---- Article shelf/filter ---- */
  .premium-magazine-app:not(.article-detail-page) .article-filter-panel{padding:.45rem!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(20,44,74,.06)!important}
  .premium-magazine-app:not(.article-detail-page) .article-card{grid-template-columns:78px 1fr!important;border-radius:8px!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__media{min-height:96px!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__media.with-image img{max-height:104px!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__body h3{font-size:.82rem!important;font-weight:760!important}

  /* ---- Leader and footer ---- */
  .premium-magazine-app:not(.article-detail-page) .leader-panel{padding:.55rem!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(20,44,74,.06)!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body h2{font-size:.95rem!important;font-weight:780!important}
  .premium-magazine-app:not(.article-detail-page) .footer-grid{padding:.58rem!important;border-radius:8px!important;gap:.48rem!important}
  .premium-magazine-app:not(.article-detail-page) .footer-copy{margin-top:.3rem!important}

  /* =======================================================
     ARTICLE READER — native phone reading mode
     ======================================================= */
  .article-detail-page{font-size:14px!important;background:#fffdf9!important}
  .article-detail-page .navbar-modern{min-height:54px!important;background:#fff!important;border-bottom:1px solid rgba(18,52,86,.08)!important}
  .article-detail-page .article-hero{padding:.35rem 0!important}
  .article-detail-page .article-hero__panel{padding:.72rem .62rem!important;border-radius:10px!important;border-width:1px!important;box-shadow:0 4px 12px rgba(24,42,66,.05)!important}
  .article-detail-page .article-hero__panel h1{font-size:1.12rem!important;line-height:1.08!important;font-weight:760!important;max-width:22ch!important;margin:.42rem auto .34rem!important}
  .article-detail-page .article-lead{font-size:.74rem!important;line-height:1.48!important;font-weight:400!important;max-width:39ch!important}
  .article-detail-page .article-meta--hero{font-size:.58rem!important;gap:.22rem .42rem!important}
  .article-detail-page .eyebrow-pill{font-size:.58rem!important;padding:.25rem .42rem!important}

  .article-detail-page main.section-space{padding:.08rem 0 4rem!important}
  .article-detail-page .story-reader{padding:.3rem!important;border-radius:10px!important;border-width:1px!important;box-shadow:0 4px 13px rgba(24,42,66,.06)!important;background:#fffaf1!important}
  .article-detail-page .story-reader__toolbar{padding:.05rem .08rem .28rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:34px!important}
  .article-detail-page .story-reader__meta{gap:.35rem!important;width:100%!important;justify-content:space-between!important}
  .article-detail-page .story-reader__actions{display:none!important}
  .article-detail-page .story-tag{font-size:.58rem!important;padding:.26rem .42rem!important;font-weight:760!important}
  .article-detail-page .story-counter{font-size:.62rem!important;font-weight:760!important}
  .article-detail-page .story-reader__viewport{border-radius:7px!important;background:#fff!important}
  .article-detail-page .story-page{padding:0!important;min-height:0!important}
  .article-detail-page .story-page__page-num{font-size:.54rem!important;margin:.2rem .5rem .15rem!important;text-align:right!important}
  .article-detail-page .story-page__content{padding:.68rem!important;border-radius:7px!important;border-width:1px!important;box-shadow:none!important;background:#fff!important;min-height:0!important;height:auto!important}
  .article-detail-page .story-cover-layout{display:block!important}
  .article-detail-page .story-cover-visual{margin:0 auto .55rem!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;width:100%!important}
  .article-detail-page .story-cover-visual.with-image img{width:auto!important;max-width:46%!important;max-height:122px!important;height:auto!important;margin:0 auto!important;object-fit:contain!important}
  .article-detail-page .story-cover-copy h2{font-size:.94rem!important;line-height:1.12!important;font-weight:760!important;margin:.36rem 0 .28rem!important}
  .article-detail-page .story-cover-copy p,
  .article-detail-page .story-page__content p{font-size:.81rem!important;line-height:1.62!important;font-weight:400!important;color:#33465d!important;margin:0 0 .6rem!important;letter-spacing:0!important;word-spacing:0!important}
  .article-detail-page .story-page__content p:last-child{margin-bottom:0!important}
  .article-detail-page .story-cover-notes{gap:4px!important;margin-top:.42rem!important}
  .article-detail-page .story-cover-notes span{font-size:.56rem!important;padding:.25rem .38rem!important;font-weight:680!important}
  .article-detail-page .story-reader__dots{display:none!important}
  .article-detail-page .article-footer-note{display:none!important}

  /* exactly one navigation system on phones */
  .article-detail-page .story-reader__mobile-nav{
    display:grid!important;position:fixed!important;z-index:1500!important;
    left:max(7px,env(safe-area-inset-left))!important;right:max(7px,env(safe-area-inset-right))!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;grid-template-columns:1fr auto 1fr!important;
    gap:5px!important;padding:5px!important;border-radius:10px!important;background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(20,48,80,.12)!important;box-shadow:0 10px 28px rgba(16,35,60,.17)!important
  }
  .article-detail-page .story-mobile-btn{min-height:36px!important;padding:0 8px!important;border-radius:6px!important;font-size:.67rem!important;font-weight:760!important}
  .article-detail-page .story-mobile-counter{font-size:.62rem!important;min-width:42px!important}
}

@media (max-width:390px){
  .premium-magazine-app:not(.article-detail-page) .brand-mark small{max-width:170px}
  .premium-magazine-app:not(.article-detail-page) .hero-title{font-size:1.18rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-frame{width:min(100%,160px)!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:100px!important;max-height:100px!important}
  .article-detail-page .article-hero__panel h1{font-size:1.04rem!important}
  .article-detail-page .story-cover-visual.with-image img{max-width:42%!important;max-height:110px!important}
  .article-detail-page .story-cover-copy h2{font-size:.9rem!important}
  .article-detail-page .story-cover-copy p,.article-detail-page .story-page__content p{font-size:.79rem!important;line-height:1.58!important}
}

/* =========================================================
   Mobile readability + borderless hamburger v37
   ========================================================= */
@media (max-width:767.98px){
  /* Clean hamburger: no outline, no box, just three lines. */
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler{
    width:42px!important;
    height:42px!important;
    padding:9px!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler:focus,
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler:active{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler-icon{
    position:relative!important;
    display:block!important;
    width:24px!important;
    height:18px!important;
    margin:auto!important;
    background-image:none!important;
    background:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .navbar-toggler-icon::before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:24px;
    height:2px;
    border-radius:2px;
    background:#173552;
    box-shadow:0 7px 0 #173552,0 14px 0 #173552;
  }

  /* Slightly larger mobile hierarchy without returning to bulky cards. */
  .premium-magazine-app:not(.article-detail-page){font-size:15px!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark__icon{width:39px!important;height:39px!important;min-width:39px!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark strong{font-size:.98rem!important}
  .premium-magazine-app:not(.article-detail-page) .brand-mark small{font-size:.64rem!important;max-width:220px!important}
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-link,
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn{
    min-height:42px!important;
    font-size:.82rem!important;
  }

  .premium-magazine-app:not(.article-detail-page) .hero-sheet{padding:.78rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-title{font-size:1.42rem!important;line-height:1.05!important;font-weight:780!important;max-width:20ch!important}
  .premium-magazine-app:not(.article-detail-page) .hero-subtitle{font-size:.82rem!important;line-height:1.48!important}
  .premium-magazine-app:not(.article-detail-page) .hero-actions .btn{min-height:38px!important;font-size:.74rem!important}
  .premium-magazine-app:not(.article-detail-page) .mini-stat{min-height:52px!important;padding:.4rem!important}
  .premium-magazine-app:not(.article-detail-page) .mini-stat strong{font-size:.9rem!important}
  .premium-magazine-app:not(.article-detail-page) .mini-stat span{font-size:.58rem!important;line-height:1.2!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-frame{width:min(100%,195px)!important}
  .premium-magazine-app:not(.article-detail-page) .hero-cover-image,
  .premium-magazine-app:not(.article-detail-page) .hero-cover-placeholder{height:126px!important;max-height:126px!important}

  .premium-magazine-app:not(.article-detail-page) .section-heading h2{font-size:1.2rem!important;line-height:1.12!important}
  .premium-magazine-app:not(.article-detail-page) .section-heading p{font-size:.76rem!important;line-height:1.45!important}
  .premium-magazine-app:not(.article-detail-page) .section-kicker{font-size:.64rem!important}
  .premium-magazine-app:not(.article-detail-page) .theme-tab{font-size:.73rem!important;padding:.43rem .7rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page h3{font-size:1.08rem!important}
  .premium-magazine-app:not(.article-detail-page) .paper-page p{font-size:.78rem!important;line-height:1.5!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__body h3,
  .premium-magazine-app:not(.article-detail-page) .editorial-body h3{font-size:1rem!important;line-height:1.2!important}
  .premium-magazine-app:not(.article-detail-page) .article-card__body p,
  .premium-magazine-app:not(.article-detail-page) .editorial-body p{font-size:.76rem!important;line-height:1.48!important}
  .premium-magazine-app:not(.article-detail-page) .article-filter-panel input,
  .premium-magazine-app:not(.article-detail-page) .article-filter-panel select,
  .premium-magazine-app:not(.article-detail-page) .article-filter-panel .btn{min-height:42px!important;font-size:.8rem!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body h2{font-size:1.16rem!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__body p,
  .premium-magazine-app:not(.article-detail-page) .site-footer{font-size:.76rem!important}

  /* Reader mobile: slightly larger than v36 for comfortable reading. */
  .article-detail-page .brand-mark__icon{width:36px!important;height:36px!important;min-width:36px!important}
  .article-detail-page .brand-mark strong{font-size:.84rem!important}
  .article-detail-page .brand-mark small{font-size:.6rem!important}
  .article-detail-page .navbar-modern .btn{min-height:38px!important;font-size:.72rem!important;padding:.38rem .62rem!important}
  .article-detail-page .article-hero__panel h1{font-size:1.28rem!important;line-height:1.09!important;font-weight:760!important;max-width:22ch!important}
  .article-detail-page .article-lead{font-size:.82rem!important;line-height:1.56!important;max-width:40ch!important}
  .article-detail-page .article-meta--hero{font-size:.64rem!important}
  .article-detail-page .eyebrow-pill{font-size:.64rem!important;padding:.29rem .48rem!important}
  .article-detail-page .story-tag{font-size:.65rem!important;padding:.3rem .48rem!important}
  .article-detail-page .story-counter{font-size:.7rem!important}
  .article-detail-page .story-page__page-num{font-size:.61rem!important}
  .article-detail-page .story-cover-copy h2{font-size:1.06rem!important;line-height:1.14!important;font-weight:760!important}
  .article-detail-page .story-page__content p,
  .article-detail-page .story-cover-copy p{font-size:.88rem!important;line-height:1.68!important}
  .article-detail-page .story-cover-notes span{font-size:.63rem!important;padding:.28rem .42rem!important}
  .article-detail-page .story-mobile-btn{min-height:40px!important;font-size:.74rem!important;padding:0 10px!important}
  .article-detail-page .story-mobile-counter{font-size:.68rem!important;min-width:46px!important}
}

@media (max-width:390px){
  .premium-magazine-app:not(.article-detail-page) .hero-title{font-size:1.34rem!important}
  .premium-magazine-app:not(.article-detail-page) .hero-subtitle{font-size:.79rem!important}
  .article-detail-page .article-hero__panel h1{font-size:1.18rem!important}
  .article-detail-page .story-cover-copy h2{font-size:1rem!important}
  .article-detail-page .story-page__content p,
  .article-detail-page .story-cover-copy p{font-size:.84rem!important;line-height:1.64!important}
}


/* =========================================================
   Leader greeting v40 — person left, application logo right
   ========================================================= */
.premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand{
  display:grid!important;
  grid-template-columns:minmax(180px,250px) minmax(0,1fr) minmax(160px,220px)!important;
  grid-template-areas:"person copy brand";
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__media--person{
  grid-area:person;
  width:auto!important;
  height:auto!important;
  min-height:280px!important;
  background:rgba(255,255,255,.72);
  display:flex!important;
  align-items:stretch;
}
.premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-photo{
  width:100%!important;
  height:100%!important;
  min-height:280px!important;
  max-height:none!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center top;
}
.premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__body{
  grid-area:copy;
  padding:1.5rem 1.65rem!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__brand{
  grid-area:brand;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.35rem;
  border-left:1px solid rgba(18,34,63,.08);
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.38));
}
.premium-magazine-app:not(.article-detail-page) .leader-panel__brand-frame{
  width:100%;
  min-height:180px;
  padding:1.15rem .9rem;
  border-radius:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  text-align:center;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(18,34,63,.08);
  box-shadow:0 12px 28px rgba(13,26,53,.08);
}
.premium-magazine-app:not(.article-detail-page) .leader-app-logo{
  display:block;
  width:min(120px,100%);
  height:110px;
  object-fit:contain;
}
.premium-magazine-app:not(.article-detail-page) .leader-app-logo-fallback{
  width:96px;height:96px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(210,56,48,.14),rgba(213,160,33,.2));
  font-size:2.4rem;color:var(--navy);
}
.premium-magazine-app:not(.article-detail-page) .leader-panel__brand-name{
  display:block;
  max-width:16ch;
  font-size:.78rem;
  line-height:1.25;
  font-weight:900;
  color:var(--navy);
}
.audience-theme-mahasiswa .leader-panel__brand-frame{background:rgba(255,255,255,.08);border-color:rgba(101,214,255,.15)}
.audience-theme-mahasiswa .leader-panel__brand-name{color:#eef6ff}

/* Tablet: portrait and logo stay side by side above the greeting copy. */
@media (min-width:768px) and (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand{
    grid-template-columns:minmax(180px,240px) minmax(150px,200px)!important;
    grid-template-areas:"person brand" "copy copy";
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__media--person{
    min-height:230px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-photo{
    min-height:230px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__brand{
    border-left:1px solid rgba(18,34,63,.08);
    border-bottom:1px solid rgba(18,34,63,.08);
    padding:1rem;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel__brand-frame{min-height:180px}
  .premium-magazine-app:not(.article-detail-page) .leader-app-logo{height:100px}
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__body{
    padding:1.15rem 1.25rem!important;
    border-top:1px solid rgba(18,34,63,.07);
  }
}

/* Phone: portrait left, application logo right, greeting text below. */
@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:"person brand" "copy copy";
    border-radius:12px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__media--person{
    width:auto!important;
    height:auto!important;
    min-height:145px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-photo{
    width:100%!important;
    height:145px!important;
    min-height:145px!important;
    max-height:145px!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:center top;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__brand{
    padding:.65rem!important;
    border-left:1px solid rgba(18,34,63,.08);
    border-bottom:1px solid rgba(18,34,63,.08);
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel__brand-frame{
    min-height:132px;
    height:132px;
    padding:.55rem;
    gap:.35rem;
    border-radius:10px;
    box-shadow:none;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-app-logo{
    width:min(82px,92%);
    height:78px;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-app-logo-fallback{
    width:68px;height:68px;border-radius:14px;font-size:1.7rem;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel__brand-name{
    font-size:.6rem;
    line-height:1.15;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__body{
    grid-area:copy;
    padding:.85rem!important;
    border-top:1px solid rgba(18,34,63,.07);
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__body h2{
    font-size:1.08rem!important;
    line-height:1.15!important;
    margin:.35rem 0 .18rem!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-title,
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-message{
    font-size:.75rem!important;
    line-height:1.5!important;
  }
}

@media (max-width:390px){
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-photo{height:132px!important;min-height:132px!important;max-height:132px!important}
  .premium-magazine-app:not(.article-detail-page) .leader-panel__brand-frame{height:120px;min-height:120px}
  .premium-magazine-app:not(.article-detail-page) .leader-app-logo{height:68px;width:min(72px,92%)}
}


/* =========================================================
   Header unified v38 — mobile layout on every screen size
   Desktop/tablet intentionally use the same compact hamburger
   navigation pattern as phones.
   ========================================================= */
.premium-magazine-app:not(.article-detail-page) .navbar-modern{
  min-height:58px!important;
  padding:4px 0!important;
  background:#fffdf9!important;
  border-bottom:1px solid rgba(18,52,86,.10)!important;
  box-shadow:0 3px 12px rgba(15,38,68,.06)!important;
  backdrop-filter:blur(14px)!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-modern>.container{
  position:relative!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.premium-magazine-app:not(.article-detail-page) .brand-mark{
  max-width:calc(100% - 54px)!important;
  gap:8px!important;
  margin-right:0!important;
}
.premium-magazine-app:not(.article-detail-page) .brand-mark__icon{
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.premium-magazine-app:not(.article-detail-page) .site-logo{
  width:31px!important;
  height:31px!important;
}
.premium-magazine-app:not(.article-detail-page) .brand-mark strong{
  color:#111827!important;
  font-size:.98rem!important;
  line-height:1.05!important;
}
.premium-magazine-app:not(.article-detail-page) .brand-mark small{
  color:#64748b!important;
  font-size:.64rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:min(60vw,420px)!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-toggler{
  display:block!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  padding:9px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-toggler:focus,
.premium-magazine-app:not(.article-detail-page) .navbar-toggler:active{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-toggler-icon{
  position:relative!important;
  display:block!important;
  width:24px!important;
  height:18px!important;
  margin:auto!important;
  background-image:none!important;
  background:none!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-toggler-icon::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  width:24px;
  height:2px;
  border-radius:2px;
  background:#173552;
  box-shadow:0 7px 0 #173552,0 14px 0 #173552;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse{
  flex-basis:100%!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse.show,
.premium-magazine-app:not(.article-detail-page) .navbar-collapse.collapsing{
  position:absolute!important;
  z-index:1055!important;
  top:calc(100% + 4px)!important;
  left:12px!important;
  right:12px!important;
  width:auto!important;
  padding:12px!important;
  border-radius:14px!important;
  background:rgba(255,253,249,.985)!important;
  border:1px solid rgba(18,52,86,.10)!important;
  box-shadow:0 18px 40px rgba(15,38,68,.15)!important;
  backdrop-filter:blur(18px)!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .navbar-nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  align-items:stretch!important;
  margin:0!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-item{
  min-width:0!important;
  margin:0!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-link{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:42px!important;
  padding:.55rem .72rem!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#263b5d!important;
  font-size:.88rem!important;
  font-weight:800!important;
  text-align:left!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .nav-link:hover{
  background:rgba(20,72,117,.06)!important;
  color:#122f51!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .active-jenjang{
  min-height:46px!important;
  padding:.58rem .78rem!important;
  background:#f8d66f!important;
  color:#4f3c00!important;
  border:0!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  min-height:40px!important;
  margin-top:2px!important;
  padding:.5rem .8rem!important;
  border-radius:9px!important;
  font-size:.82rem!important;
  font-weight:850!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn-ghost{
  background:#fffdf9!important;
  color:#173552!important;
  border:1px solid rgba(18,52,86,.16)!important;
}
.premium-magazine-app:not(.article-detail-page) .navbar-collapse .btn-gradient{
  background:linear-gradient(135deg,#ed6841,#8551bb)!important;
  color:#fff!important;
  border:0!important;
}

@media (min-width:768px){
  .premium-magazine-app:not(.article-detail-page) .navbar-modern>.container{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse.show,
  .premium-magazine-app:not(.article-detail-page) .navbar-collapse.collapsing{
    left:18px!important;
    right:18px!important;
  }
}

@media (min-width:1200px){
  .premium-magazine-app:not(.article-detail-page) .navbar-modern>.container{
    min-height:54px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .brand-mark__icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .site-logo{
    width:34px!important;
    height:34px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .brand-mark strong{
    font-size:1rem!important;
  }
  .premium-magazine-app:not(.article-detail-page) .brand-mark small{
    font-size:.68rem!important;
  }
}


/* =========================================================
   Leader greeting v41 — clean desktop logo, hidden on tablet/phone
   ========================================================= */
@media (min-width:1200px){
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand{
    grid-template-columns:minmax(180px,250px) minmax(0,1fr) minmax(180px,250px)!important;
    grid-template-areas:"person copy brand"!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__brand{
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:0!important;
    border-left:1px solid rgba(18,34,63,.08)!important;
    background:rgba(255,255,255,.72)!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel__brand-frame{
    width:100%!important;
    min-height:280px!important;
    height:100%!important;
    padding:1.5rem!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-app-logo{
    width:min(180px,82%)!important;
    height:min(210px,76%)!important;
    max-height:220px!important;
    object-fit:contain!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-app-logo-fallback{
    width:120px!important;
    height:120px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* Tablet: logo is intentionally hidden; portrait and greeting share the row. */
@media (min-width:768px) and (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand{
    grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
    grid-template-areas:"person copy"!important;
    align-items:stretch!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__brand{
    display:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__media--person{
    min-height:250px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-photo{
    min-height:250px!important;
    height:100%!important;
    max-height:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__body{
    padding:1.25rem 1.35rem!important;
    border-top:0!important;
  }
}

/* Phone: logo hidden; portrait above greeting for a clean single-column layout. */
@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand{
    grid-template-columns:1fr!important;
    grid-template-areas:"person" "copy"!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__brand{
    display:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__media--person{
    min-height:0!important;
    height:auto!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-photo{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:430px!important;
    aspect-ratio:4/3;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .premium-magazine-app:not(.article-detail-page) .leader-panel--with-brand .leader-panel__body{
    padding:.9rem!important;
    border-top:1px solid rgba(18,34,63,.07)!important;
  }
}

/* =========================================================
   Global application logo treatment v42
   White logo canvas + larger readable artwork everywhere.
   ========================================================= */
.brand-mark__icon,
.premium-magazine-app:not(.article-detail-page) .brand-mark__icon,
.article-detail-page .brand-mark__icon,
.audience-theme-sd .brand-mark__icon,
.audience-theme-smp .brand-mark__icon,
.audience-theme-sma .brand-mark__icon,
.audience-theme-mahasiswa .brand-mark__icon{
  background:#fff!important;
  border:1px solid rgba(17,31,58,.10)!important;
  box-shadow:0 7px 18px rgba(18,34,63,.10)!important;
  overflow:hidden;
}
.site-logo,
.premium-magazine-app:not(.article-detail-page) .site-logo,
.article-detail-page .site-logo{
  width:88%!important;
  height:88%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block;
}

/* Header logo: slightly larger so the mark remains legible. */
.premium-magazine-app:not(.article-detail-page) .brand-mark__icon{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  padding:3px!important;
  border-radius:13px!important;
}

/* Footer logo uses the same white treatment and readable scale. */
.premium-magazine-app:not(.article-detail-page) .brand-mark--footer .brand-mark__icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  padding:3px!important;
  border-radius:12px!important;
}

/* Leader greeting desktop logo: full white field, larger artwork, no inner tint. */
.premium-magazine-app:not(.article-detail-page) .leader-panel__brand{
  background:#fff!important;
}
.premium-magazine-app:not(.article-detail-page) .leader-app-logo{
  width:min(170px,88%)!important;
  height:150px!important;
  object-fit:contain!important;
  background:#fff!important;
  padding:8px!important;
  border-radius:14px!important;
}
.premium-magazine-app:not(.article-detail-page) .leader-app-logo-fallback{
  background:#fff!important;
}

/* Article reader header logo. */
.article-detail-page .brand-mark__icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:3px!important;
  border-radius:11px!important;
}

/* Login logo, if public/login legacy styling is used. */
.login-logo{
  background:#fff!important;
  padding:8px!important;
  border-radius:14px!important;
  max-height:92px!important;
  max-width:190px!important;
  object-fit:contain!important;
}

@media (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .brand-mark__icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
}
@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .brand-mark__icon{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    border-radius:11px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .brand-mark--footer .brand-mark__icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
}

/* =========================================================
   Audience picker mobile detail fix — keep all information visible
   ========================================================= */
@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-card{
    min-height:158px!important;
    grid-template-columns:46px minmax(0,76px) 1fr!important;
    grid-template-rows:auto auto auto!important;
    column-gap:.62rem!important;
    row-gap:.3rem!important;
    padding:.72rem .78rem!important;
    align-items:start!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-head{display:contents!important}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-icon{
    width:46px!important;height:46px!important;
    grid-column:1!important;grid-row:1 / span 2!important;
    align-self:start!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo{
    grid-column:2!important;grid-row:1 / span 2!important;
    align-self:start!important;
    width:100%!important;
    padding:.48rem .5rem!important;
    border-radius:10px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-mark{font-size:1.05rem!important}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-sub{
    display:block!important;
    margin-top:.14rem!important;
    font-size:.46rem!important;
    line-height:1.15!important;
    letter-spacing:.035em!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-chip{
    grid-column:3!important;grid-row:1!important;
    justify-self:start!important;
    font-size:.54rem!important;
    padding:.25rem .44rem!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy{
    grid-column:3!important;grid-row:2!important;
    align-self:start!important;
    gap:.28rem!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy strong{
    font-size:1.08rem!important;
    line-height:1.02!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy p{
    display:block!important;
    margin:0!important;
    font-size:.68rem!important;
    line-height:1.34!important;
    color:rgba(255,255,255,.92)!important;
    max-width:none!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-cta{
    display:inline-flex!important;
    grid-column:3!important;grid-row:3!important;
    align-items:center!important;
    gap:.28rem!important;
    justify-self:start!important;
    font-size:.7rem!important;
    line-height:1!important;
    margin-top:.12rem!important;
  }
}
@media (max-width:390px){
  .premium-magazine-app:not(.article-detail-page) .jenjang-color-card{
    min-height:164px!important;
    grid-template-columns:42px minmax(0,68px) 1fr!important;
    column-gap:.5rem!important;
    padding:.66rem!important;
  }
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-icon{width:42px!important;height:42px!important}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-copy p{font-size:.64rem!important;line-height:1.3!important}
  .premium-magazine-app:not(.article-detail-page) .jenjang-card-logo-sub{font-size:.43rem!important}
}

/* =========================================================
   VXX — Theme tabs with reliable contrast on light/dark themes
   ========================================================= */
.premium-magazine-app:not(.article-detail-page) .theme-tabbar{
  padding:.34rem;
  border-radius:14px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(18,34,63,.12);
  box-shadow:0 8px 22px rgba(10,22,48,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.premium-magazine-app:not(.article-detail-page) .theme-tab{
  background:#fff!important;
  border:1px solid rgba(18,34,63,.14)!important;
  box-shadow:0 2px 8px rgba(10,22,48,.06)!important;
  text-shadow:none!important;
  font-weight:900!important;
}
.premium-magazine-app:not(.article-detail-page) .theme-tab.theme-kebangsaan{color:#b4232f!important}
.premium-magazine-app:not(.article-detail-page) .theme-tab.theme-sejarah{color:#8a5a00!important}
.premium-magazine-app:not(.article-detail-page) .theme-tab.theme-budaya{color:#17633b!important}
.premium-magazine-app:not(.article-detail-page) .theme-tab:hover{
  background:#f8fafc!important;
  border-color:rgba(18,34,63,.24)!important;
  transform:translateY(-1px);
}
.premium-magazine-app:not(.article-detail-page) .theme-tab.theme-kebangsaan.is-active{
  color:#fff!important;
  background:linear-gradient(135deg,#e44b58,#b91c36)!important;
  border-color:transparent!important;
}
.premium-magazine-app:not(.article-detail-page) .theme-tab.theme-sejarah.is-active{
  color:#2f2300!important;
  background:linear-gradient(135deg,#ffd86b,#e7a91c)!important;
  border-color:transparent!important;
}
.premium-magazine-app:not(.article-detail-page) .theme-tab.theme-budaya.is-active{
  color:#fff!important;
  background:linear-gradient(135deg,#38b979,#18724a)!important;
  border-color:transparent!important;
}

/* Mahasiswa: gunakan palet tab yang sama dengan SMA. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .theme-tabbar{
  background:rgba(244,248,255,.96)!important;
  border-color:rgba(56,212,255,.18)!important;
  box-shadow:0 10px 24px rgba(5,10,27,.12)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .theme-tab{
  background:rgba(244,248,255,.98)!important;
  border:1px solid rgba(56,212,255,.18)!important;
  color:#18345f!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .theme-tab.theme-kebangsaan.is-active{
  background:linear-gradient(135deg,#f460c2,#865cff)!important;
  color:#fff!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .theme-tab.theme-sejarah.is-active{
  background:linear-gradient(135deg,#ffd66b,#afff5b)!important;
  color:#233220!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .theme-tab.theme-budaya.is-active{
  background:linear-gradient(135deg,#38d4ff,#3a73ff)!important;
  color:#fff!important;
}

@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .theme-tabbar{
    padding:.28rem!important;
    border-radius:10px!important;
  }
}

/* =========================================================
   Mahasiswa Contrast Surfaces vNext
   Dark reading surfaces use light text; light surfaces use dark text.
   ========================================================= */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page){
  --mhs-read-bg:rgba(8,22,43,.92);
  --mhs-read-bg-soft:rgba(13,31,57,.84);
  --mhs-read-border:rgba(118,211,255,.18);
  --mhs-read-text:#f4f8ff;
  --mhs-read-muted:#c0d0e4;
  --mhs-read-link:#7fe5ff;
  --mhs-light-bg:#f7faff;
  --mhs-light-text:#173156;
  --mhs-light-muted:#5f7188;
}

/* Dark reading surfaces: always provide their own dark backdrop. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-sheet__copy,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-page__inner,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-lead__body,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .editorial-body,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-card__body,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-panel__body{
  color:var(--mhs-read-text)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-lead__body,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .editorial-body,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-card__body{
  background:linear-gradient(145deg,var(--mhs-read-bg-soft),var(--mhs-read-bg))!important;
  border:1px solid var(--mhs-read-border)!important;
  border-radius:12px!important;
  padding:.8rem!important;
}

/* Primary text on dark surfaces. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-sheet__copy h1,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-sheet__copy strong,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-page h3,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-lead__body h4,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-mini-title,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-stats strong,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .editorial-body h3,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-card__body h3,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-panel__body h2,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-grid h3,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .empty-state h3{
  color:var(--mhs-read-text)!important;
  text-shadow:none!important;
}

/* Secondary text on dark surfaces. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-subtitle,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-edition,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .mini-stat span,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-page p,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-lead__body p,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-mini-item small,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-stats span,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .editorial-body p,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-card__body p,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-meta,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-title,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-message,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-copy,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-links a,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-links span{
  color:var(--mhs-read-muted)!important;
}

/* Links and actions on dark surfaces. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-lead__body a,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-mini-item,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .editorial-cta,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .link-cta,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-links a:hover{
  color:var(--mhs-read-link)!important;
}

/* Cards/widgets living on the dark page get an explicit dark surface. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .mini-stat,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-stats div,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .paper-mini-item,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-filter-panel,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-grid,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-panel{
  background:linear-gradient(145deg,var(--mhs-read-bg-soft),var(--mhs-read-bg))!important;
  border-color:var(--mhs-read-border)!important;
}

/* Form controls: dark control + light input text, white dropdown options. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .filter-search,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .form-select{
  background:rgba(255,255,255,.075)!important;
  border-color:var(--mhs-read-border)!important;
  color:var(--mhs-read-text)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .filter-search input{
  color:var(--mhs-read-text)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .filter-search input::placeholder{
  color:#a8bad0!important;
  opacity:1;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .form-select option{
  background:#fff!important;
  color:#173156!important;
}

/* Explicit LIGHT surfaces: dark text is guaranteed here. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .navbar-modern,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .theme-tabbar,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-panel__brand,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .leader-panel__brand-frame,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .editorial-media,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .article-card__media,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .hero-cover-frame{
  background-color:var(--mhs-light-bg)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .navbar-modern .brand-mark strong,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .navbar-modern .brand-mark small,
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .navbar-modern .nav-link{
  color:var(--mhs-light-text)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .navbar-modern .brand-mark small{
  color:var(--mhs-light-muted)!important;
}

/* Section labels sit on dark canvas, so give them a readable capsule. */
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .section-heading{
  color:var(--mhs-read-text)!important;
}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .section-heading .section-kicker{
  background:rgba(8,22,43,.92)!important;
  border:1px solid var(--mhs-read-border)!important;
  color:#eaf5ff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}

/* On small screens section headings are intentionally LIGHT cards. */
@media (max-width:767.98px){
  .premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .section-heading{
    background:rgba(247,250,255,.96)!important;
    border:1px solid rgba(23,49,86,.12)!important;
    color:var(--mhs-light-text)!important;
  }
  .premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .section-heading h2{
    color:var(--mhs-light-text)!important;
  }
  .premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .section-heading p{
    color:var(--mhs-light-muted)!important;
  }
  .premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .section-heading .section-kicker{
    background:#edf4ff!important;
    border-color:rgba(23,49,86,.12)!important;
    color:#21446f!important;
    box-shadow:none!important;
  }
}

/* =========================================================
   Public Pre Test & Post Test
   ========================================================= */
.assessment-page{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(255,98,110,.15),transparent 28%),radial-gradient(circle at 88% 10%,rgba(48,174,255,.16),transparent 28%),linear-gradient(145deg,#f8fbff,#fff8ee);color:#14233f}
.assessment-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,3.5rem);background:rgba(255,255,255,.92);border-bottom:1px solid rgba(20,35,63,.09);backdrop-filter:blur(14px)}
.assessment-brand{display:flex;align-items:center;gap:.7rem;color:#13203d;text-decoration:none}.assessment-brand span{width:46px;height:46px;padding:4px;border-radius:12px;background:#fff;border:1px solid rgba(20,35,63,.1);display:grid;place-items:center}.assessment-brand img{width:100%;height:100%;object-fit:contain}.assessment-brand strong{font-weight:950}.assessment-back{font-weight:850;color:#21446f;text-decoration:none}
.assessment-shell{width:min(100% - 24px,980px);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 4rem}.assessment-heading,.assessment-start-card,.assessment-result-card{padding:clamp(1.2rem,3vw,2rem);border-radius:24px;background:rgba(255,255,255,.9);border:1px solid rgba(20,35,63,.09);box-shadow:0 18px 48px rgba(15,31,58,.08)}
.assessment-heading{margin-bottom:1rem}.assessment-heading h1,.assessment-start-card h1,.assessment-result-card h1{margin:.45rem 0 .6rem;font-weight:950;letter-spacing:-.035em}.assessment-heading p,.assessment-start-card p,.assessment-result-card p{color:#5f7190;line-height:1.65}.assessment-eyebrow{display:inline-flex;padding:.4rem .65rem;border-radius:999px;background:#e9f1ff;color:#234f84;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.assessment-alert{margin-bottom:1rem;padding:.85rem 1rem;border-radius:12px;background:#fff0f0;border:1px solid #ffcaca;color:#9f1f2f;font-weight:800}.assessment-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.assessment-test-card{display:grid;gap:.65rem;padding:1.25rem;border-radius:20px;background:#fff;color:#13203d;text-decoration:none;border:1px solid rgba(20,35,63,.09);box-shadow:0 12px 30px rgba(15,31,58,.07);transition:.2s ease}.assessment-test-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,31,58,.12)}.assessment-test-card>span{font-size:.72rem;font-weight:950;text-transform:uppercase;color:#6b50c7}.assessment-test-card--post>span{color:#d64a57}.assessment-test-card h2{font-size:1.25rem;font-weight:950;margin:0}.assessment-test-card p{margin:0;color:#63738e}.assessment-test-card>div{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.assessment-test-card em{font-style:normal;font-weight:900;color:#21446f}.assessment-empty{padding:2rem;text-align:center;border-radius:18px;background:#fff;border:1px dashed rgba(20,35,63,.18);color:#6c7890}.assessment-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.assessment-audience-grid a{padding:1.2rem;border-radius:16px;background:#fff;text-align:center;text-decoration:none;color:#14233f;font-weight:950;border:1px solid rgba(20,35,63,.08)}
.assessment-test-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.assessment-test-meta span{padding:.4rem .65rem;border-radius:999px;background:#eef4ff;color:#35577f;font-size:.76rem;font-weight:850}.assessment-participant-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.assessment-participant-form label{display:grid;gap:.4rem;font-weight:850}.assessment-participant-form label:first-of-type{grid-column:1/-1}.assessment-participant-form input{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(20,35,63,.15);background:#fff;color:#14233f;outline:none}.assessment-participant-form input:focus{border-color:#5b7cff;box-shadow:0 0 0 3px rgba(91,124,255,.12)}.assessment-btn{display:inline-flex;justify-content:center;align-items:center;padding:.8rem 1rem;border:0;border-radius:12px;background:linear-gradient(135deg,#3aaeff,#5f69ff,#9a4df2);color:#fff!important;text-decoration:none;font-weight:950;box-shadow:0 10px 24px rgba(68,89,218,.18)}.assessment-participant-form .assessment-btn{grid-column:1/-1}
.assessment-question-form{display:grid;gap:1rem}.assessment-question{padding:1.15rem;border-radius:18px;background:#fff;border:1px solid rgba(20,35,63,.09);box-shadow:0 10px 24px rgba(15,31,58,.05)}.assessment-question legend{display:flex;gap:.7rem;align-items:flex-start;width:100%;font-size:1rem;font-weight:900;line-height:1.5}.assessment-question legend>span{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#142e57;color:#fff}.assessment-options{display:grid;gap:.6rem;margin-top:.8rem}.assessment-option{display:grid;grid-template-columns:auto 34px 1fr;gap:.65rem;align-items:center;padding:.72rem .8rem;border-radius:12px;border:1px solid rgba(20,35,63,.1);background:#f9fbff;cursor:pointer}.assessment-option:has(input:checked){border-color:#5b7cff;background:#edf2ff;box-shadow:0 0 0 2px rgba(91,124,255,.08)}.assessment-option input{width:18px;height:18px}.assessment-option-letter{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid rgba(20,35,63,.1);font-weight:900}.assessment-submit{display:flex;justify-content:flex-end}.assessment-timer{display:inline-flex;gap:.45rem;margin-top:.5rem;padding:.5rem .7rem;border-radius:10px;background:#fff3d7;color:#74520b;font-weight:800}
.assessment-result-card{text-align:center}.assessment-score{width:150px;height:150px;margin:1.2rem auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,#173b78,#6b50c7);color:#fff;box-shadow:0 18px 40px rgba(32,53,114,.2)}.assessment-score strong{font-size:2.7rem;line-height:1}.assessment-score span{font-size:.75rem;font-weight:900;text-transform:uppercase}.assessment-result-metrics{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.4rem}.assessment-result-metrics span{padding:.65rem .85rem;border-radius:12px;background:#f2f6ff;color:#435a7c}.assessment-result-metrics b{color:#14233f}
@media(max-width:767.98px){.assessment-topbar{padding:.6rem .75rem}.assessment-brand span{width:40px;height:40px}.assessment-brand strong{font-size:.9rem}.assessment-back{font-size:.78rem}.assessment-test-grid{grid-template-columns:1fr}.assessment-audience-grid{grid-template-columns:repeat(2,1fr)}.assessment-participant-form{grid-template-columns:1fr}.assessment-participant-form label:first-of-type,.assessment-participant-form .assessment-btn{grid-column:auto}.assessment-question{padding:.85rem}.assessment-option{grid-template-columns:auto 30px 1fr;padding:.62rem}.assessment-submit .assessment-btn{width:100%}}

/* =========================================================
   Leader cinematic opening — database-driven welcome
   ========================================================= */
html.leader-cinematic-active,
body.leader-cinematic-active{overflow:hidden!important}
.leader-cinematic{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;overflow:auto;background:#061425;color:#fff;isolation:isolate;opacity:1;transition:opacity .95s ease,visibility .95s ease}
.leader-cinematic__backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 28%,rgba(28,158,170,.28),transparent 30%),radial-gradient(circle at 82% 78%,rgba(245,165,42,.18),transparent 30%),linear-gradient(135deg,#07192d 0%,#0b2947 50%,#061426 100%)}
.leader-cinematic__orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.42;animation:leaderOrbFloat 11s ease-in-out infinite alternate}.leader-cinematic__orb--one{width:42rem;height:42rem;left:-15rem;top:-18rem;background:radial-gradient(circle,rgba(34,213,190,.38),transparent 68%)}.leader-cinematic__orb--two{width:36rem;height:36rem;right:-14rem;bottom:-18rem;background:radial-gradient(circle,rgba(255,176,54,.28),transparent 68%);animation-delay:-4s}
.leader-cinematic__grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 70%,transparent 100%);transform:perspective(850px) rotateX(58deg) translateY(28%);transform-origin:center bottom}
.leader-cinematic__vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(1,9,18,.26) 67%,rgba(1,8,16,.72) 100%)}
.leader-cinematic__grain{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.leader-cinematic__brand{position:absolute;z-index:5;left:clamp(1rem,4vw,4rem);top:clamp(1rem,3vw,2.5rem);display:flex;align-items:center;gap:.8rem;opacity:0;transform:translateY(-14px);transition:opacity .75s ease .15s,transform .75s ease .15s}.leader-cinematic.is-playing .leader-cinematic__brand{opacity:1;transform:none}.leader-cinematic__brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}.leader-cinematic__brand-fallback{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:1.35rem}.leader-cinematic__brand span:last-child{display:flex;flex-direction:column;line-height:1.05}.leader-cinematic__brand strong{font-size:.95rem;font-weight:900;letter-spacing:.02em}.leader-cinematic__brand small{margin-top:.28rem;color:rgba(255,255,255,.65);font-size:.72rem}
.leader-cinematic__stage{position:relative;z-index:3;width:min(1180px,92vw);min-height:min(680px,88vh);display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding:clamp(5.5rem,8vw,7rem) 0 3.5rem}
.leader-cinematic__portrait-wrap{position:relative;align-self:center;opacity:0;transform:translateX(-70px) scale(.94);transition:opacity 1s ease .3s,transform 1.15s cubic-bezier(.2,.8,.2,1) .3s}.leader-cinematic.is-playing .leader-cinematic__portrait-wrap{opacity:1;transform:none}.leader-cinematic__portrait-glow{position:absolute;inset:8% -10% -8% 8%;background:radial-gradient(circle,rgba(27,210,192,.28),transparent 65%);filter:blur(20px);animation:leaderGlow 5s ease-in-out infinite alternate}.leader-cinematic__portrait-frame{position:relative;aspect-ratio:4/5;max-height:580px;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 80px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.05)}.leader-cinematic__portrait-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,17,31,.36) 100%);pointer-events:none}.leader-cinematic__portrait{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.04);animation:leaderKenBurns 12s ease-in-out infinite alternate}.leader-cinematic__portrait--logo{object-fit:contain;padding:12%;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}.leader-cinematic__portrait-placeholder{height:100%;display:grid;place-items:center;font-size:6rem;color:rgba(255,255,255,.34)}.leader-cinematic__portrait-line{position:absolute;left:10%;right:10%;bottom:-15px;height:2px;background:linear-gradient(90deg,transparent,#51e0ce,#f7b842,transparent);box-shadow:0 0 22px rgba(81,224,206,.6)}
.leader-cinematic__copy{position:relative;min-width:0;opacity:0;transform:translateY(28px);transition:opacity .95s ease .68s,transform .95s ease .68s}.leader-cinematic.is-playing .leader-cinematic__copy{opacity:1;transform:none}.leader-cinematic__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .8rem;border-radius:999px;background:rgba(77,224,205,.1);border:1px solid rgba(77,224,205,.22);color:#8ff7e9;font-weight:850;font-size:.79rem;letter-spacing:.08em;text-transform:uppercase}.leader-cinematic__copy h1{margin:1rem 0 .3rem;font-size:clamp(2.25rem,4.6vw,4.75rem);font-weight:950;line-height:.98;letter-spacing:-.04em;text-wrap:balance}.leader-cinematic__title{margin:.6rem 0 1.35rem;color:#f4bb4f;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;letter-spacing:.025em}
.leader-cinematic__message-shell{position:relative;max-width:720px;padding:1.1rem 1.2rem 1.1rem 1.35rem;border-left:2px solid rgba(92,225,207,.55);background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:0 18px 18px 0;backdrop-filter:blur(9px)}.leader-cinematic__quote{position:absolute;right:1rem;top:.6rem;color:rgba(246,185,73,.22);font-size:2.6rem}.leader-cinematic__message{position:relative;margin:0;padding-right:1.8rem;color:rgba(245,250,255,.84);font-size:clamp(.92rem,1.25vw,1.08rem);line-height:1.72;max-height:29vh;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.26) transparent}.leader-cinematic__message::-webkit-scrollbar{width:5px}.leader-cinematic__message::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.leader-cinematic__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.45rem}.leader-cinematic__identity{display:flex;flex-direction:column;min-width:0}.leader-cinematic__identity span{font-size:.86rem;font-weight:850;color:rgba(255,255,255,.9)}.leader-cinematic__identity small{margin-top:.22rem;color:rgba(255,255,255,.5);font-size:.72rem}.leader-cinematic__enter{white-space:nowrap;opacity:.45;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease,box-shadow .35s ease}.leader-cinematic__enter.is-ready{opacity:1;transform:none;box-shadow:0 16px 36px rgba(0,0,0,.25)!important}.leader-cinematic__enter.is-ready:hover{transform:translateY(-2px)}
.leader-cinematic__progress{height:2px;margin-top:1.4rem;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.leader-cinematic__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#50ddca,#f5b943,#fff3c0);box-shadow:0 0 16px rgba(79,220,201,.55)}.leader-cinematic.is-playing .leader-cinematic__progress span{animation:leaderIntroProgress 10s linear forwards}
.leader-cinematic__hint{position:absolute;z-index:5;right:clamp(1rem,4vw,4rem);bottom:clamp(1rem,2.5vw,2rem);display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.4);font-size:.7rem;letter-spacing:.04em}.leader-cinematic.is-leaving{opacity:0;visibility:hidden}.leader-cinematic.is-leaving .leader-cinematic__stage{transform:scale(1.025);transition:transform 1s ease}
@keyframes leaderKenBurns{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.11) translate3d(-1.2%,-1%,0)}}
@keyframes leaderGlow{from{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@keyframes leaderOrbFloat{from{transform:translate3d(-2%,-1%,0) scale(.96)}to{transform:translate3d(3%,2%,0) scale(1.04)}}
@keyframes leaderIntroProgress{to{width:100%}}
@media (max-width:991.98px){.leader-cinematic__stage{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:2rem;width:min(94vw,900px)}.leader-cinematic__portrait-frame{border-radius:25px}.leader-cinematic__copy h1{font-size:clamp(2rem,5vw,3.4rem)}.leader-cinematic__footer{align-items:flex-end}}
@media (max-width:767.98px){.leader-cinematic{place-items:start center}.leader-cinematic__brand{position:relative;left:auto;top:auto;width:92vw;margin:1rem auto 0}.leader-cinematic__brand img{width:44px;height:44px}.leader-cinematic__stage{width:92vw;min-height:0;grid-template-columns:1fr;gap:1.2rem;padding:1.2rem 0 5rem}.leader-cinematic__portrait-wrap{width:min(58vw,250px);margin:0 auto}.leader-cinematic__portrait-frame{border-radius:22px}.leader-cinematic__copy{text-align:center}.leader-cinematic__copy h1{font-size:clamp(2rem,9vw,3.1rem)}.leader-cinematic__eyebrow{font-size:.68rem}.leader-cinematic__message-shell{text-align:left;padding:.9rem 1rem;border-left-width:2px}.leader-cinematic__message{font-size:.9rem;line-height:1.58;max-height:24vh}.leader-cinematic__footer{flex-direction:column;align-items:stretch}.leader-cinematic__identity{text-align:center}.leader-cinematic__enter{width:100%}.leader-cinematic__progress{margin-top:1rem}.leader-cinematic__hint{display:none}}
@media (max-height:720px) and (min-width:768px){.leader-cinematic__stage{min-height:auto;padding-top:5rem}.leader-cinematic__portrait-frame{max-height:470px}.leader-cinematic__message{max-height:21vh}.leader-cinematic__copy h1{font-size:clamp(2rem,4vw,3.7rem)}}
@media (prefers-reduced-motion:reduce){.leader-cinematic *{animation:none!important;transition:none!important}.leader-cinematic__brand,.leader-cinematic__portrait-wrap,.leader-cinematic__copy,.leader-cinematic__enter{opacity:1!important;transform:none!important}.leader-cinematic__progress span{width:100%!important}}


.nav-link-assessment{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:var(--navy)!important;background:rgba(210,56,48,.08);border:1px solid rgba(210,56,48,.14);border-radius:999px;padding:.58rem .92rem!important;box-shadow:0 10px 24px rgba(210,56,48,.08)}
.nav-link-assessment:hover,.nav-link-assessment:focus{background:rgba(210,56,48,.14);color:var(--red)!important}
.assessment-fab{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(18px,3vw,28px);z-index:1040;display:flex;align-items:center;gap:.82rem;min-width:min(320px,calc(100vw - 2rem));padding:.88rem 1rem;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,247,245,.98));border:1px solid rgba(210,56,48,.18);box-shadow:0 24px 54px rgba(13,26,53,.18),0 10px 26px rgba(210,56,48,.12);color:var(--ink);transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease,bottom .24s ease}
.assessment-fab:hover,.assessment-fab:focus{transform:translateY(-3px);color:var(--ink);box-shadow:0 28px 60px rgba(13,26,53,.2),0 12px 32px rgba(210,56,48,.16)}
.assessment-fab__icon,.assessment-mobile-sticky__icon{flex:0 0 auto;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),#ef7a61);color:#fff;font-size:1.28rem;box-shadow:0 12px 24px rgba(210,56,48,.24)}
.assessment-fab__body,.assessment-mobile-sticky__body{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.assessment-fab__body small,.assessment-mobile-sticky__body small{text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:900;color:var(--muted);margin-bottom:.24rem}
.assessment-fab__body strong,.assessment-mobile-sticky__body strong{font-size:1rem;font-weight:900;color:var(--navy)}
.assessment-fab__arrow,.assessment-mobile-sticky__arrow{margin-left:auto;flex:0 0 auto;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(21,42,93,.06);color:var(--navy);font-size:.96rem}
.assessment-fab.is-compact{padding:.72rem .82rem;min-width:auto;gap:.7rem;border-radius:18px}
.assessment-fab.is-compact .assessment-fab__icon{width:44px;height:44px;border-radius:14px}
.assessment-fab.is-compact .assessment-fab__body small{font-size:.62rem}
.assessment-fab.is-compact .assessment-fab__body strong{font-size:.9rem}
.assessment-mobile-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1038;padding:0 0 calc(env(safe-area-inset-bottom,0px) + .85rem)}
.assessment-mobile-sticky .container{display:flex;justify-content:center}
.assessment-mobile-sticky__link{display:flex;align-items:center;gap:.78rem;width:min(100%,720px);padding:.8rem .92rem;border-radius:20px;background:rgba(255,255,255,.98);border:1px solid rgba(210,56,48,.16);box-shadow:0 16px 34px rgba(13,26,53,.16),0 8px 22px rgba(210,56,48,.1);color:var(--ink)}
.assessment-mobile-sticky__link:hover,.assessment-mobile-sticky__link:focus{color:var(--ink)}
@media (max-width: 991.98px){
  .assessment-fab{display:none}
  .assessment-mobile-sticky{display:block}
  body.assessment-cta-page{padding-bottom:5.85rem}
}
@media (max-width: 575.98px){
  .assessment-mobile-sticky{padding:0 .75rem calc(env(safe-area-inset-bottom,0px) + .75rem)}
  .assessment-mobile-sticky .container{padding:0}
  .assessment-mobile-sticky__link{border-radius:18px;padding:.76rem .84rem}
  .assessment-mobile-sticky__icon{width:46px;height:46px;border-radius:14px}
  .assessment-mobile-sticky__body strong{font-size:.92rem}
  .assessment-mobile-sticky__body small{font-size:.64rem}
}
.audience-theme-sd .nav-link-assessment,.audience-theme-sd .assessment-fab,.audience-theme-sd .assessment-mobile-sticky__link{background:linear-gradient(135deg,#fffdf7,#fff6df);border-color:rgba(239,126,47,.2)}
.audience-theme-smp .nav-link-assessment,.audience-theme-smp .assessment-fab,.audience-theme-smp .assessment-mobile-sticky__link{background:linear-gradient(135deg,#f8fcff,#e7f4ff);border-color:rgba(37,200,246,.18)}
.audience-theme-sma .nav-link-assessment,.audience-theme-sma .assessment-fab,.audience-theme-sma .assessment-mobile-sticky__link{background:linear-gradient(135deg,rgba(248,251,255,.98),rgba(234,242,255,.98));border-color:rgba(56,212,255,.18)}
.audience-theme-mahasiswa .nav-link-assessment,.audience-theme-mahasiswa .assessment-fab,.audience-theme-mahasiswa .assessment-mobile-sticky__link{background:linear-gradient(135deg,rgba(18,34,63,.96),rgba(15,32,58,.96));border-color:rgba(101,214,255,.18);color:#eef6ff}
.audience-theme-mahasiswa .nav-link-assessment:hover,.audience-theme-mahasiswa .nav-link-assessment:focus,.audience-theme-mahasiswa .assessment-fab:hover,.audience-theme-mahasiswa .assessment-fab:focus,.audience-theme-mahasiswa .assessment-mobile-sticky__link:hover,.audience-theme-mahasiswa .assessment-mobile-sticky__link:focus{color:#fff}
.audience-theme-mahasiswa .assessment-fab__body small,.audience-theme-mahasiswa .assessment-mobile-sticky__body small{color:#b3c7e6}
.audience-theme-mahasiswa .assessment-fab__body strong,.audience-theme-mahasiswa .assessment-mobile-sticky__body strong,.audience-theme-mahasiswa .nav-link-assessment{color:#fff!important}
.audience-theme-mahasiswa .assessment-fab__arrow,.audience-theme-mahasiswa .assessment-mobile-sticky__arrow{background:rgba(255,255,255,.08);color:#fff}

.assessment-icon-svg{width:1.35em;height:1.35em;display:block;flex:0 0 auto}
.nav-link-assessment .assessment-icon-svg{width:1.05em;height:1.05em}
.assessment-fab__icon .assessment-icon-svg,.assessment-mobile-sticky__icon .assessment-icon-svg{width:25px;height:25px}

.user-location-consent{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:1100;width:min(680px,calc(100% - 2rem));display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(18,34,63,.12);box-shadow:0 22px 54px rgba(13,26,53,.2);color:var(--ink)}
.user-location-consent__copy{display:flex;flex-direction:column;min-width:0;line-height:1.35}.user-location-consent__copy strong{font-size:.9rem}.user-location-consent__copy span{font-size:.76rem;color:var(--muted)}
.user-location-consent__button{flex:0 0 auto;border:0;border-radius:999px;padding:.65rem .9rem;background:var(--navy);color:#fff;font-size:.78rem;font-weight:900}.user-location-consent__close{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(21,42,93,.06);color:var(--navy);font-size:1.15rem;line-height:1}
@media(max-width:640px){.user-location-consent{align-items:flex-start;flex-wrap:wrap;bottom:6.4rem}.user-location-consent__copy{flex:1 1 calc(100% - 44px)}.user-location-consent__button{margin-left:auto}.user-location-consent__close{order:-1;margin-left:auto}}

/* Global viewport scrollbar: hidden visually, scrolling remains fully enabled. */
html,
body {
  -ms-overflow-style: none; /* Legacy Edge / IE */
  scrollbar-width: none;    /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;            /* Chrome / Edge / Safari */
}


/* Public information / SEO pages */
.public-info-page{background:linear-gradient(180deg,#f8fbff 0,#fff 42%,#f8fbff 100%);color:var(--ink)}
.public-info-page .navbar-modern{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,34,63,.08)}
.public-info-hero{padding:4.2rem 0 1.6rem}
.public-info-hero__card{position:relative;overflow:hidden;padding:clamp(1.6rem,4vw,3.2rem);border:1px solid rgba(18,34,63,.09);border-radius:30px;background:linear-gradient(135deg,#fff,#f1f7ff);box-shadow:0 20px 50px rgba(13,26,53,.08)}
.public-info-hero__card:after{content:"";position:absolute;right:-80px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(31,122,219,.12),transparent 68%);pointer-events:none}
.public-info-kicker{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.85rem;color:#1675c7;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.public-info-hero h1{position:relative;z-index:1;margin:0 0 .8rem;color:var(--navy);font-size:clamp(2rem,5vw,3.6rem);font-weight:950;letter-spacing:-.035em}
.public-info-hero p{position:relative;z-index:1;max-width:780px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.75}
.public-info-main{padding:0 0 3rem}
.public-info-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.4rem;align-items:start}
.public-info-content,.public-info-aside{background:#fff;border:1px solid rgba(18,34,63,.09);border-radius:24px;box-shadow:0 12px 34px rgba(13,26,53,.06)}
.public-info-content{padding:clamp(1.25rem,3vw,2.2rem)}
.public-info-content h2{margin:2rem 0 .65rem;color:var(--navy);font-size:1.35rem;font-weight:900}.public-info-content h2:first-child{margin-top:0}
.public-info-content h3{margin:1.4rem 0 .55rem;color:var(--navy);font-size:1.05rem;font-weight:900}
.public-info-content p,.public-info-content li{color:#4e6482;line-height:1.78}.public-info-content ul,.public-info-content ol{padding-left:1.2rem}.public-info-content li+li{margin-top:.35rem}
.public-info-note{margin:1.25rem 0;padding:1rem 1.1rem;border-left:4px solid #1889da;border-radius:0 14px 14px 0;background:#eef8ff;color:#365677;line-height:1.7}
.public-info-aside{position:sticky;top:94px;padding:1rem}.public-info-aside h2{font-size:.92rem;font-weight:900;color:var(--navy);margin:.15rem .2rem .7rem}.public-info-nav{display:grid;gap:.35rem}.public-info-nav a{padding:.72rem .8rem;border-radius:12px;color:#536984;font-size:.88rem;font-weight:800}.public-info-nav a:hover,.public-info-nav a.is-active{background:#edf6ff;color:#075fa9}
.public-info-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.public-info-meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-radius:999px;background:#fff;border:1px solid rgba(18,34,63,.08);color:#667a94;font-size:.76rem;font-weight:800}
.public-info-footer{padding:0 0 2rem}.public-info-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:18px;background:#0e2d57;color:#dfeeff}.public-info-footer a{color:#fff;font-weight:800}.public-info-footer__links{display:flex;flex-wrap:wrap;gap:.9rem}
.footer-info-links{min-width:0}
@media(min-width:992px){.premium-magazine-app:not(.article-detail-page) .footer-grid{grid-template-columns:1.2fr .75fr .75fr .9fr!important}}
@media(max-width:991.98px){.public-info-layout{grid-template-columns:1fr}.public-info-aside{position:static;order:-1}.public-info-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.public-info-hero{padding:1.3rem 0 1rem}.public-info-hero__card{border-radius:20px;padding:1.3rem}.public-info-hero p{font-size:.92rem}.public-info-content,.public-info-aside{border-radius:18px}.public-info-nav{grid-template-columns:1fr 1fr}.public-info-nav a{font-size:.76rem;padding:.62rem}.public-info-footer__inner{font-size:.78rem}.premium-magazine-app:not(.article-detail-page) .footer-info-links{grid-column:1/-1}}

/* =========================================================
   Editorial Gap Fix — all audiences, desktop + tablet + mobile
   Prevent the main editorial card from reserving unused height.
   ========================================================= */
.premium-magazine-app:not(.article-detail-page) .premium-editorial-grid{
  align-items:start;
  grid-auto-rows:max-content;
}
.premium-magazine-app:not(.article-detail-page) .editorial-card,
.premium-magazine-app:not(.article-detail-page) .editorial-1{
  min-height:0!important;
  height:auto!important;
  align-self:start;
}

/* The lead editorial previously inherited large desktop/tablet min-heights.
   Let its media keep a useful visual size while the card itself follows content. */
@media (min-width:768px){
  .premium-magazine-app:not(.article-detail-page) .editorial-1 .editorial-media{
    min-height:260px;
  }
}

@media (min-width:768px) and (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .editorial-1 .editorial-media{
    min-height:220px;
  }
}

/* =========================================================
   Editorial image sizing refinement — desktop + tablet
   Keep Pilihan Redaksi compact after removing the empty gap.
   ========================================================= */
@media (min-width:1200px){
  .premium-magazine-app:not(.article-detail-page) .editorial-1 .editorial-media{
    min-height:0!important;
    height:200px!important;
    max-height:200px!important;
  }
}

@media (min-width:768px) and (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .editorial-1 .editorial-media{
    min-height:0!important;
    height:175px!important;
    max-height:175px!important;
  }
}

@media (min-width:768px){
  .premium-magazine-app:not(.article-detail-page) .editorial-1 .editorial-media.with-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* =========================================================
   Public information pages — compact responsive refinement
   Applies to Tentang, Privasi, Ketentuan, Pedoman Editorial.
   Keeps tablet/mobile proportions light and avoids oversized cards.
   ========================================================= */
@media (max-width: 991.98px){
  .public-info-page .navbar-modern{
    padding:.35rem 0!important;
    min-height:56px;
  }
  .public-info-page .navbar-modern .container{
    min-height:48px;
    padding-left:14px;
    padding-right:14px;
  }

  .public-info-hero{
    padding:1.55rem 0 .85rem;
  }
  .public-info-hero__card{
    padding:1.25rem 1.35rem;
    border-radius:18px;
    box-shadow:0 10px 26px rgba(13,26,53,.055);
  }
  .public-info-hero__card:after{
    width:190px;
    height:190px;
    right:-70px;
    top:-75px;
  }
  .public-info-kicker{
    margin-bottom:.55rem;
    font-size:.68rem;
    letter-spacing:.075em;
  }
  .public-info-hero h1{
    margin-bottom:.5rem;
    font-size:1.72rem;
    line-height:1.12;
    letter-spacing:-.025em;
  }
  .public-info-hero p{
    max-width:680px;
    font-size:.9rem;
    line-height:1.62;
  }
  .public-info-meta{
    gap:.4rem;
    margin-top:.75rem;
  }
  .public-info-meta span{
    padding:.34rem .58rem;
    font-size:.67rem;
  }

  .public-info-main{
    padding-bottom:1.6rem;
  }
  .public-info-layout{
    grid-template-columns:1fr;
    gap:.8rem;
  }
  .public-info-content,
  .public-info-aside{
    border-radius:16px;
    box-shadow:0 7px 20px rgba(13,26,53,.045);
  }
  .public-info-aside{
    position:static;
    order:-1;
    padding:.72rem;
  }
  .public-info-aside h2{
    margin:.05rem .15rem .5rem;
    font-size:.8rem;
  }
  .public-info-nav{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.3rem;
  }
  .public-info-nav a{
    min-width:0;
    padding:.54rem .5rem;
    border-radius:9px;
    font-size:.72rem;
    line-height:1.2;
    text-align:center;
  }

  .public-info-content{
    padding:1.15rem 1.2rem;
  }
  .public-info-content h2{
    margin:1.35rem 0 .42rem;
    font-size:1.08rem;
    line-height:1.28;
  }
  .public-info-content h3{
    margin:1rem 0 .38rem;
    font-size:.94rem;
  }
  .public-info-content p,
  .public-info-content li{
    font-size:.88rem;
    line-height:1.65;
  }
  .public-info-content ul,
  .public-info-content ol{
    margin-top:.45rem;
    margin-bottom:.75rem;
    padding-left:1.05rem;
  }
  .public-info-content li+li{
    margin-top:.22rem;
  }
  .public-info-note{
    margin:1rem 0;
    padding:.78rem .9rem;
    border-left-width:3px;
    border-radius:0 10px 10px 0;
    font-size:.82rem;
    line-height:1.58;
  }

  .public-info-footer{
    padding-bottom:1.2rem;
  }
  .public-info-footer__inner{
    gap:.65rem;
    padding:.78rem .9rem;
    border-radius:13px;
    font-size:.72rem;
  }
  .public-info-footer__links{
    gap:.6rem;
  }
}

@media (max-width: 767.98px){
  .public-info-page .container{
    padding-left:10px;
    padding-right:10px;
  }
  .public-info-hero{
    padding:1rem 0 .7rem;
  }
  .public-info-hero__card{
    padding:1.05rem 1rem;
    border-radius:15px;
  }
  .public-info-kicker{
    font-size:.64rem;
    margin-bottom:.45rem;
  }
  .public-info-hero h1{
    font-size:1.48rem;
    margin-bottom:.42rem;
  }
  .public-info-hero p{
    font-size:.83rem;
    line-height:1.58;
  }
  .public-info-meta{
    margin-top:.62rem;
  }
  .public-info-meta span{
    padding:.31rem .5rem;
    font-size:.62rem;
  }

  .public-info-aside{
    padding:.62rem;
    border-radius:14px;
  }
  .public-info-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.25rem;
  }
  .public-info-nav a{
    padding:.5rem .45rem;
    font-size:.68rem;
    text-align:left;
  }
  .public-info-content{
    padding:1rem;
    border-radius:14px;
  }
  .public-info-content h2{
    margin:1.15rem 0 .36rem;
    font-size:1rem;
  }
  .public-info-content h3{
    margin:.9rem 0 .32rem;
    font-size:.9rem;
  }
  .public-info-content p,
  .public-info-content li{
    font-size:.82rem;
    line-height:1.6;
  }
  .public-info-note{
    padding:.72rem .78rem;
    font-size:.77rem;
    line-height:1.55;
  }
  .public-info-footer__inner{
    padding:.72rem .8rem;
    border-radius:12px;
    font-size:.68rem;
  }
}

@media (max-width: 389.98px){
  .public-info-page .container{
    padding-left:8px;
    padding-right:8px;
  }
  .public-info-hero__card{
    padding:.92rem;
  }
  .public-info-hero h1{
    font-size:1.38rem;
  }
  .public-info-content{
    padding:.9rem;
  }
  .public-info-content p,
  .public-info-content li{
    font-size:.79rem;
  }
}

/* =========================================================
   Editorial image no-crop fix — all audiences
   Let Pilihan Redaksi show the complete uploaded artwork on
   desktop, tablet and mobile without zooming/cutting it.
   ========================================================= */
.premium-magazine-app:not(.article-detail-page) .editorial-media.with-image{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}

.premium-magazine-app:not(.article-detail-page) .editorial-media.with-image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:230px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0 auto!important;
}

@media (min-width:768px) and (max-width:1199.98px){
  .premium-magazine-app:not(.article-detail-page) .editorial-media.with-image img{
    max-height:200px!important;
  }
}

@media (max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .editorial-media.with-image{
    padding:7px!important;
  }
  .premium-magazine-app:not(.article-detail-page) .editorial-media.with-image img{
    max-height:190px!important;
  }
}

.nav-home-icon{width:42px;height:42px;padding:0;border-radius:50%;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}.nav-home-icon i{margin:0!important}.nav-home-icon__svg{width:20px;height:20px;display:block;color:currentColor}
/* Index footer refresh */
.premium-magazine-app:not(.article-detail-page) .site-footer--index{padding:1.15rem 0 1.4rem!important}
.premium-magazine-app:not(.article-detail-page) .footer-modern{position:relative;overflow:hidden;border:1px solid rgba(18,34,63,.09);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 35px rgba(13,26,53,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.premium-magazine-app:not(.article-detail-page) .footer-modern::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981,#3b82f6)}
.premium-magazine-app:not(.article-detail-page) .footer-modern__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem .95rem}
.premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer{min-width:0;display:flex;align-items:center;gap:.75rem}
.premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer .brand-mark__icon{width:44px!important;height:44px!important;flex:0 0 44px;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.09)}
.premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer strong{display:block;font-size:1.02rem;line-height:1.1}
.premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer small{display:block;margin-top:.18rem;font-size:.72rem;line-height:1.3;color:var(--muted)}
.premium-magazine-app:not(.article-detail-page) .footer-modern__audience{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.45rem .72rem;border-radius:999px;background:rgba(59,130,246,.09);color:#315a8e;font-size:.72rem;font-weight:800}
.premium-magazine-app:not(.article-detail-page) .footer-modern__nav{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:1rem;padding:.95rem 1.25rem 1.05rem;border-top:1px solid rgba(18,34,63,.07)}
.premium-magazine-app:not(.article-detail-page) .footer-modern__group h3{margin:0 0 .55rem!important;font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase;color:#1e293b}
.premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links{display:flex;flex-wrap:wrap;gap:.42rem .55rem}
.premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links a,.premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links span{display:inline-flex;align-items:center;gap:.3rem;width:auto;padding:.32rem .52rem;border-radius:8px;background:rgba(148,163,184,.08);color:#64748b;font-size:.7rem!important;line-height:1.25!important;font-weight:750;text-decoration:none;transition:.18s ease}
.premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links a:hover{background:rgba(59,130,246,.1);color:#2563eb;transform:translateY(-1px)}
.premium-magazine-app:not(.article-detail-page) .footer-modern__bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem 1.25rem;border-top:1px solid rgba(18,34,63,.07);background:rgba(248,250,252,.62)}
.premium-magazine-app:not(.article-detail-page) .footer-modern .footer-copy,.premium-magazine-app:not(.article-detail-page) .footer-modern__tagline{margin:0!important;color:#7c8798;font-size:.68rem!important;line-height:1.45!important}
.premium-magazine-app:not(.article-detail-page) .footer-modern__tagline{text-align:right}
.audience-theme-sd .site-footer--index .footer-modern,.audience-theme-smp .site-footer--index .footer-modern,.audience-theme-sma .site-footer--index .footer-modern{background:rgba(255,255,255,.9)}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .site-footer--index .footer-modern{background:linear-gradient(145deg,rgba(12,27,49,.96),rgba(16,39,70,.96));border-color:rgba(101,214,255,.14)}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-modern__nav,.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-modern__bottom{border-color:rgba(255,255,255,.08)}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-modern__bottom{background:rgba(255,255,255,.025)}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-modern__group h3{color:#e7f1ff}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-modern .footer-links a{background:rgba(255,255,255,.055);color:#a9bdd8}
.premium-magazine-app.audience-theme-mahasiswa:not(.article-detail-page) .footer-modern__audience{background:rgba(56,189,248,.12);color:#9ddfff}
@media(max-width:767.98px){
  .premium-magazine-app:not(.article-detail-page) .site-footer--index{padding:.7rem 0 1rem!important}
  .premium-magazine-app:not(.article-detail-page) .footer-modern{border-radius:16px}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__top{padding:.9rem .9rem .75rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer .brand-mark__icon{width:40px!important;height:40px!important;flex-basis:40px}
  .premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer strong{font-size:.94rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern .brand-mark--footer small{font-size:.66rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__audience{padding:.36rem .55rem;font-size:.64rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__nav{grid-template-columns:1fr 1fr;gap:.9rem .7rem;padding:.8rem .9rem .9rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__group:last-child{grid-column:1/-1}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__group h3{font-size:.66rem!important;margin-bottom:.42rem!important}
  .premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links{gap:.35rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links a,.premium-magazine-app:not(.article-detail-page) .footer-modern .footer-links span{font-size:.64rem!important;padding:.3rem .43rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__bottom{display:block;padding:.62rem .9rem}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__tagline{display:none}
  .premium-magazine-app:not(.article-detail-page) .footer-modern .footer-copy{font-size:.62rem!important;text-align:center}
}
@media(max-width:420px){
  .premium-magazine-app:not(.article-detail-page) .footer-modern__top{align-items:flex-start}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__audience i{display:none}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__nav{grid-template-columns:1fr}
  .premium-magazine-app:not(.article-detail-page) .footer-modern__group:last-child{grid-column:auto}
}