:root{
  --bg:#f7f3ed;
  --paper:#fffdf9;
  --paper-soft:#fbf6ee;
  --ink:#111111;
  --muted:#746f68;
  --line:#e7dbcd;
  --accent:#d5482f;
  --accent-dark:#a93422;
  --dark:#101010;
  --radius:28px;
  --shadow:0 22px 55px rgba(26,20,14,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;font-size:16px}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}.container{width:min(1180px,92%);margin:auto}

.breaking-wrap{background:#111;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.breaking-inner{height:42px;display:flex;align-items:center;gap:18px;overflow:hidden}
.breaking-inner>span{position:relative;z-index:2;flex:0 0 auto;background:var(--accent);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 0 8px #111}
.ticker{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;align-items:center;gap:28px;min-width:max-content;will-change:transform;animation:ticker 34s linear infinite;padding-left:6px}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker a{color:#f2f2f2;font-size:14px;font-weight:700;line-height:1}.ticker a:before{content:"•";color:#f7b267;margin-right:12px}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.site-header{position:sticky;top:0;z-index:20;background:rgba(247,243,237,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,219,205,.85)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:26px}.brand{font-size:30px;font-weight:900;letter-spacing:-.06em;line-height:1}.brand span{color:var(--accent)}.main-nav{display:flex;gap:20px;flex:1;align-items:center}.main-nav a{font-size:14px;font-weight:800;color:#2d2925;opacity:.86}.main-nav a:hover{color:var(--accent);opacity:1}.search-mini{height:44px;width:230px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 8px 0 16px;box-shadow:0 10px 28px rgba(0,0,0,.04)}.search-mini input{border:0;outline:0;background:transparent;min-width:0;flex:1;font:inherit;font-size:14px}.search-mini button{border:0;background:#111;color:#fff;width:32px;height:32px;border-radius:50%;font-weight:900}.menu-btn{display:none;border:0;background:#111;color:#fff;border-radius:14px;padding:10px 13px;font-weight:900}

.badge{display:inline-flex;align-items:center;width:max-content;background:var(--accent);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.badge.light{background:#fff2ea;color:var(--accent);border:1px solid #f2caba}.eyebrow{display:inline-block;font-size:12px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.meta{font-size:13px;color:#857b70;font-weight:700}.card-hover{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(26,20,14,.13)}

.home-hero{padding-top:34px}.headline-card{display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper);border:1px solid var(--line);border-radius:38px;overflow:hidden;box-shadow:var(--shadow);min-height:540px}.headline-image{position:relative;min-height:540px;background:#111}.headline-image img{width:100%;height:100%;position:absolute;inset:0}.headline-content{display:flex;flex-direction:column;justify-content:center;padding:44px}.headline-content h1{font-family:"Playfair Display",serif;font-size:clamp(40px,5vw,70px);line-height:.97;letter-spacing:-.055em;margin:18px 0 16px}.headline-content p{font-size:18px;color:var(--muted);margin:0 0 22px;max-width:560px}

.editor-section,.content-grid{margin-top:48px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.section-head h2{font-family:"Playfair Display",serif;font-size:clamp(34px,4vw,48px);line-height:1;margin:5px 0 0;letter-spacing:-.05em}.section-head.compact h2{font-size:32px}.link-more{color:var(--accent);font-weight:900}
.editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.editor-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.04)}.editor-card img{height:190px;width:100%}.editor-card div{padding:16px}.editor-card h3{font-size:19px;line-height:1.22;margin:12px 0 10px;letter-spacing:-.03em}

.content-grid{display:grid;grid-template-columns:1fr 340px;gap:32px}.news-list{display:grid;gap:18px}.news-card{display:grid;grid-template-columns:255px 1fr;gap:22px;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.045)}.news-card img{height:190px;width:100%;border-radius:22px}.news-card h3{font-size:25px;line-height:1.18;margin:12px 0 8px;letter-spacing:-.035em}.news-card p{color:var(--muted);margin:0 0 12px}
.sidebar{display:grid;gap:22px;align-content:start}.widget{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.045)}.widget h3{font-size:25px;line-height:1.1;margin:5px 0 16px;letter-spacing:-.04em}.popular-widget{background:linear-gradient(180deg,#fffdf9,#fbf2e8)}.rank-item{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.rank-item:last-child{border-bottom:0}.rank-item span{font-size:24px;font-weight:900;color:#d8cbbd;line-height:1}.rank-item strong{display:block;line-height:1.35;letter-spacing:-.02em}.rank-item small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px}.chips a:hover{border-color:var(--accent);color:var(--accent)}.chips span{color:var(--accent)}

.article-hero{background:radial-gradient(circle at 10% 0,#713020 0,#111 32%,#0d0d0d 100%);color:#fff;padding:72px 0 62px}.article-head{max-width:930px}.article-kicker{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.article-kicker span{color:#d9d0c8;font-size:13px;font-weight:800}.article-head h1{font-family:"Playfair Display",serif;font-size:clamp(42px,6vw,74px);line-height:1;letter-spacing:-.055em;margin:20px 0 16px}.article-head p{font-size:19px;color:#e8e1db;margin:0 0 18px;max-width:800px}.article-head .meta{color:#d0c5ba}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;margin-top:34px}.article-body{min-width:0}.article-cover{width:100%;height:500px;border-radius:32px;box-shadow:var(--shadow);border:1px solid var(--line)}.media-section,.related-section{margin-top:28px}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.prose{background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:38px;margin-top:24px;font-size:18px;color:#2a2724;box-shadow:0 12px 34px rgba(0,0,0,.04)}.prose p{margin:0 0 22px}.prose h2,.prose h3{line-height:1.2;letter-spacing:-.035em;margin:30px 0 14px}.prose a{color:var(--accent);font-weight:800}.prose img{border-radius:22px;margin:24px 0}.sticky{position:sticky;top:112px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.04)}.related-card img{height:150px;width:100%}.related-card div{padding:15px}.related-card span{font-size:11px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.related-card h3{font-size:18px;line-height:1.25;margin:7px 0 0}

.page-title{padding:50px 0 22px}.page-title h1{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,62px);line-height:1;margin:8px 0 8px;letter-spacing:-.055em}.page-title p{color:var(--muted);max-width:650px}.search-large{display:flex;gap:12px;margin-top:20px;max-width:680px}.search-large input{flex:1;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;font:inherit}.search-large button{border:0;background:#111;color:#fff;border-radius:18px;padding:0 24px;font-weight:900}.result-info{color:var(--muted);font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}.tile{background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.04)}.tile img{height:220px;width:100%}.tile div{padding:18px}.tile h3{font-size:23px;line-height:1.18;margin:12px 0 8px;letter-spacing:-.035em}.tile p{color:var(--muted)}.empty-state{padding:90px 0}

.footer{margin-top:76px;background:#111;color:#fff;padding:52px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:34px}.footer p{color:#c9c9c9;margin:10px 0}.footer h4{margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:#fff}.footer a{display:block;color:#dcdcdc;margin:8px 0;font-weight:700}.footer a:hover{color:#fff}.footer-brand{color:#fff;margin-bottom:14px}.copyright{border-top:1px solid #2b2b2b;margin-top:36px;padding:18px 0;color:#aaa;text-align:center;font-size:14px}

.fade-in{animation:fade .6s ease both}.delay{animation-delay:.12s}.delay-long{animation-delay:.2s}@keyframes fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:1020px){.editor-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr}.headline-card{grid-template-columns:1fr}.headline-image{min-height:360px}.headline-card{min-height:unset}.headline-content{padding:32px}}
@media(max-width:760px){.main-nav,.search-mini{display:none}.main-nav.active{display:flex;position:absolute;top:82px;left:4%;right:4%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.menu-btn{display:block;margin-left:auto}.breaking-inner{height:auto;min-height:42px;gap:12px}.breaking-inner>span{box-shadow:0 0 0 6px #111;font-size:11px}.ticker{overflow:hidden}.ticker-track{animation:none;overflow:auto;max-width:100%;padding-left:0}.headline-content h1{font-size:40px}.editor-grid,.cards-grid,.related-grid{grid-template-columns:1fr}.news-card{grid-template-columns:1fr}.news-card img{height:230px}.article-cover{height:320px}.prose{padding:24px;font-size:17px}.footer-grid{grid-template-columns:1fr}.nav-wrap{gap:14px}.brand{font-size:27px}.section-head{align-items:flex-start;flex-direction:column}.search-large{flex-direction:column}.search-large button{height:50px}}


/* === Frontend revision v8: headline lebih proporsional dan font lebih clean === */
.home-hero{padding-top:26px}
.headline-card{grid-template-columns:1.05fr .95fr;min-height:430px;border-radius:30px}
.headline-image{min-height:430px}
.headline-content{padding:38px 42px}
.headline-content h1{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:900;
  margin:16px 0 14px;
}
.headline-content p{font-size:17px;line-height:1.7;max-width:620px}
.section-head h2,
.page-title h1,
.article-head h1{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.045em;
  font-weight:900;
}
.section-head h2{font-size:clamp(28px,3vw,38px);line-height:1.08}
.section-head.compact h2{font-size:28px}
.page-title{padding:40px 0 18px}
.page-title h1{font-size:clamp(34px,4vw,48px);line-height:1.08}
.article-hero{padding:54px 0 48px}
.article-head{max-width:860px}
.article-head h1{font-size:clamp(34px,4.6vw,56px);line-height:1.08;margin:16px 0 14px}
.article-head p{font-size:18px;line-height:1.7}
.article-cover{height:420px;border-radius:28px}
.prose{font-size:17px;line-height:1.85;border-radius:28px;padding:34px}
.tile h3,.news-card h3,.popular-item h3,.editor-card h3{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.03em}
@media(max-width:1020px){
  .headline-image{min-height:330px}
  .headline-content{padding:30px}
}
@media(max-width:760px){
  .headline-content h1{font-size:34px;line-height:1.12}
  .headline-card{border-radius:24px}
  .headline-image{min-height:270px}
  .article-head h1{font-size:34px}
  .article-cover{height:300px}
}

/* v9 frontend feature upgrades */
.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.article-actions a,.article-actions button{border:1px solid rgba(45,32,24,.14);background:#fff;border-radius:999px;padding:10px 14px;font:800 13px Inter,system-ui;color:#231914;text-decoration:none;cursor:pointer}.article-actions a:hover,.article-actions button:hover{border-color:#df4a35;color:#df4a35}.bookmark-btn.saved{background:#df4a35!important;color:#fff!important;border-color:#df4a35!important}.comments-section{margin-top:48px;padding-top:34px;border-top:1px solid rgba(45,32,24,.12)}.comment-form{display:grid;gap:14px;background:#fffaf6;border:1px solid rgba(45,32,24,.12);border-radius:24px;padding:22px;margin:20px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form input,.comment-form textarea,.contact-card input,.contact-card textarea{width:100%;border:1px solid rgba(45,32,24,.16);border-radius:16px;padding:14px 16px;font:500 15px Inter,system-ui;background:#fff;outline:none}.comment-form input:focus,.comment-form textarea:focus,.contact-card input:focus,.contact-card textarea:focus{border-color:#df4a35;box-shadow:0 0 0 4px rgba(223,74,53,.10)}.btn-primary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;background:#df4a35;color:#fff;font:800 14px Inter,system-ui;padding:12px 18px;cursor:pointer;width:max-content}.comment-message{border-radius:16px;background:#fff2db;color:#7d4a10;padding:13px 16px;font-weight:700;margin:14px 0}.comment-list{display:grid;gap:12px}.comment-item{background:#fff;border:1px solid rgba(45,32,24,.10);border-radius:20px;padding:18px}.comment-item small{display:block;color:#8a7a70;margin-top:4px}.comment-item p{line-height:1.7;margin:12px 0 0}.static-hero{padding:70px 0 36px;background:linear-gradient(180deg,#fff7ef,#fff)}.static-hero h1{font:900 clamp(34px,6vw,72px)/.95 Inter,system-ui;margin:12px 0;color:#17120f;letter-spacing:-.055em}.static-hero p{font-size:18px;max-width:760px;color:#776b63;line-height:1.7}.static-page{padding:36px 0 80px;max-width:920px}.static-page h2{font:900 28px/1.1 Inter,system-ui;margin:28px 0 10px;color:#17120f}.static-page p{font-size:17px;line-height:1.8;color:#635851}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:32px;max-width:1120px}.contact-card{display:grid;gap:12px;background:#fffaf6;border:1px solid rgba(45,32,24,.12);border-radius:26px;padding:24px}.contact-card small{color:#8a7a70}.muted{color:#8a7a70}.prose h2{font:900 28px/1.18 Inter,system-ui;margin:34px 0 12px}.prose ul{padding-left:22px;line-height:1.8}.prose a{color:#df4a35;font-weight:800}
@media(max-width:760px){.form-row,.contact-grid{grid-template-columns:1fr}.article-actions a,.article-actions button{width:100%;justify-content:center}.static-hero{padding-top:44px}.static-page{padding-bottom:50px}}

/* === v10 Dark Mode === */
.theme-toggle{height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font:900 13px Inter,system-ui;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.04);transition:.2s ease;white-space:nowrap}
.theme-toggle:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}
.theme-toggle [data-theme-icon]{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--dark);color:#fff;font-size:14px;line-height:1}
html[data-theme="dark"]{
  --bg:#0e0f12;
  --paper:#17191d;
  --paper-soft:#1e2025;
  --ink:#f4efe8;
  --muted:#b7ada3;
  --line:#2c2f36;
  --dark:#f6f1ea;
  --shadow:0 24px 70px rgba(0,0,0,.36);
}
html[data-theme="dark"] body{background:radial-gradient(circle at 20% -10%,rgba(213,72,47,.18),transparent 34%),linear-gradient(135deg,#0d0e11,#17120f);color:var(--ink)}
html[data-theme="dark"] .breaking-wrap{background:#050608;border-bottom-color:#23262d}
html[data-theme="dark"] .breaking-inner>span{box-shadow:0 0 0 8px #050608}
html[data-theme="dark"] .site-header{background:rgba(14,15,18,.84);border-bottom-color:#2c2f36}
html[data-theme="dark"] .main-nav a{color:#e8ded5}
html[data-theme="dark"] .search-mini,html[data-theme="dark"] .search-large input,html[data-theme="dark"] .comment-form,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .comment-item,html[data-theme="dark"] .tile,html[data-theme="dark"] .news-card,html[data-theme="dark"] .editor-card,html[data-theme="dark"] .widget,html[data-theme="dark"] .related-card,html[data-theme="dark"] .prose{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .search-mini input,html[data-theme="dark"] .search-large input,html[data-theme="dark"] .comment-form input,html[data-theme="dark"] .comment-form textarea,html[data-theme="dark"] .contact-card input,html[data-theme="dark"] .contact-card textarea{background:#111317;color:var(--ink);border-color:#343842}
html[data-theme="dark"] .search-mini input::placeholder,html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8f867e}
html[data-theme="dark"] .headline-card{background:var(--paper);border-color:var(--line)}
html[data-theme="dark"] .popular-widget{background:linear-gradient(180deg,#17191d,#1b1714)}
html[data-theme="dark"] .headline-content p,html[data-theme="dark"] .news-card p,html[data-theme="dark"] .tile p,html[data-theme="dark"] .page-title p,html[data-theme="dark"] .static-page p,html[data-theme="dark"] .static-hero p,html[data-theme="dark"] .prose{color:var(--muted)}
html[data-theme="dark"] .meta,html[data-theme="dark"] .rank-item small,html[data-theme="dark"] .result-info,html[data-theme="dark"] .muted{color:#a9a096}
html[data-theme="dark"] .chips a,html[data-theme="dark"] .article-actions a,html[data-theme="dark"] .article-actions button{background:#111317;border-color:#343842;color:var(--ink)}
html[data-theme="dark"] .article-hero{background:radial-gradient(circle at 10% 0,rgba(213,72,47,.30) 0,#101114 34%,#08090b 100%)}
html[data-theme="dark"] .static-hero{background:linear-gradient(180deg,#16181c,#0e0f12)}
html[data-theme="dark"] .static-hero h1,html[data-theme="dark"] .static-page h2{color:var(--ink)}
html[data-theme="dark"] .comment-message{background:#332619;color:#ffd8a7;border:1px solid #5c4223}
html[data-theme="dark"] .footer{background:#060708;border-top:1px solid #23262d}
html[data-theme="dark"] .footer p,html[data-theme="dark"] .footer a{color:#bab5ae}
html[data-theme="dark"] .copyright{border-top-color:#252830;color:#8f867e}
html[data-theme="dark"] .menu-btn,html[data-theme="dark"] .search-mini button,html[data-theme="dark"] .search-large button{background:#f4efe8;color:#111}
html[data-theme="dark"] .theme-toggle [data-theme-icon]{background:#f4efe8;color:#111}
@media(max-width:760px){html[data-theme="dark"] .main-nav.active,html[data-theme="dark"] .main-nav.open{background:#17191d;border-color:#2c2f36}.theme-toggle{height:40px;padding:0 12px}.theme-toggle [data-theme-text]{display:none}}

/* === Footer revision v11: background lebih hidup dan tidak flat === */
.footer{
  position:relative;
  overflow:hidden;
  margin-top:76px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 18%, rgba(213,72,47,.34) 0, rgba(213,72,47,.10) 24%, transparent 48%),
    radial-gradient(circle at 86% 12%, rgba(247,178,103,.24) 0, rgba(247,178,103,.08) 22%, transparent 46%),
    linear-gradient(135deg,#111 0%,#17100d 48%,#0b0b0c 100%);
  padding:58px 0 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.45), transparent 72%);
}
.footer::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-110px;
  width:min(900px,86vw);
  height:210px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, rgba(255,255,255,.12), transparent 66%);
  pointer-events:none;
}
.footer .container{position:relative;z-index:1}
.footer-grid{
  display:grid;
  grid-template-columns:1.35fr .75fr .75fr 1fr;
  gap:38px;
}
.footer-about{
  padding:24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.footer p{color:rgba(255,255,255,.72);margin:10px 0;line-height:1.75}
.footer h4{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#fff}
.footer a{display:block;color:rgba(255,255,255,.76);margin:9px 0;font-weight:800;transition:color .2s ease, transform .2s ease}
.footer a:hover{color:#fff;transform:translateX(3px)}
.footer-brand{color:#fff;margin-bottom:14px;font-size:32px}
.copyright{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:40px;
  padding:20px 0;
  color:rgba(255,255,255,.62);
  text-align:center;
  font-size:14px;
  background:rgba(0,0,0,.18);
}
html[data-theme="dark"] .footer{
  background:
    radial-gradient(circle at 12% 18%, rgba(213,72,47,.26) 0, rgba(213,72,47,.08) 24%, transparent 48%),
    radial-gradient(circle at 86% 12%, rgba(247,178,103,.14) 0, rgba(247,178,103,.05) 22%, transparent 46%),
    linear-gradient(135deg,#050607 0%,#111317 48%,#070708 100%);
  border-top:1px solid #242832;
}
html[data-theme="dark"] .footer-about{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .footer p,html[data-theme="dark"] .footer a{color:rgba(255,255,255,.70)}
html[data-theme="dark"] .footer a:hover{color:#fff}
html[data-theme="dark"] .copyright{border-top-color:rgba(255,255,255,.08);color:rgba(255,255,255,.52)}
@media(max-width:760px){.footer{padding-top:42px}.footer-about{padding:20px}.footer-brand{font-size:29px}}

/* User friendly features v12 */
.reading-progress{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--accent),#f7a45a);z-index:9999;transition:width .08s linear}
.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:14px;font-weight:700}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}
.compact-article-hero .article-head h1{max-width:900px}.article-actions button,.article-actions a{white-space:nowrap}.article-actions [data-font-minus],.article-actions [data-font-reset],.article-actions [data-font-plus]{min-width:44px;padding-inline:12px}
.tag-list{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:34px 0;padding-top:22px;border-top:1px solid var(--line)}.tag-list strong{color:var(--text)}.tag-list a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-weight:800}.tag-list a:hover{border-color:var(--accent);color:var(--accent)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0}.post-nav a{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);min-height:108px}.post-nav a:nth-child(2){text-align:right}.post-nav small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.post-nav strong{color:var(--text);line-height:1.35}.post-nav a:hover strong{color:var(--accent)}
.report-box{margin:24px 0}.report-box details{padding:18px 20px;border:1px dashed var(--line);border-radius:20px;background:var(--surface)}.report-box summary{cursor:pointer;font-weight:900;color:var(--muted)}.inline-report-form{display:grid;grid-template-columns:190px 1fr auto;gap:10px;margin-top:14px}.inline-report-form input,.inline-report-form select{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg);color:var(--text)}.comment-report{margin-top:10px}.comment-report button{border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;padding:0}.comment-report button:hover{color:var(--accent)}
.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;font-weight:900;box-shadow:0 18px 40px rgba(220,73,45,.35);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s;z-index:80}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.toast-notification{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#101010;color:#fff;padding:13px 18px;border-radius:999px;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:.22s;z-index:10000}.toast-notification.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.archive-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;margin:34px auto}.panel-lite{padding:22px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}.archive-months{height:max-content;position:sticky;top:105px}.archive-months h3{margin:0 0 16px;font-size:20px}.archive-months a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text);font-weight:800}.archive-months a.active,.archive-months a:hover{color:var(--accent)}.archive-item{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:18px;border:1px solid var(--line);border-radius:28px;background:var(--surface);margin-bottom:18px}.archive-item img{width:100%;height:145px;object-fit:cover;border-radius:20px}.archive-item span{color:var(--muted);font-weight:800;font-size:13px}.archive-item h2{margin:8px 0;font-size:24px;line-height:1.2}.archive-item p{margin:0;color:var(--muted);line-height:1.7}.tag-page-list{margin-top:30px}
.not-found-page{padding:70px 0}.not-found-card{max-width:760px;margin:auto;text-align:center;border:1px solid var(--line);border-radius:34px;background:var(--surface);box-shadow:var(--shadow);padding:52px}.not-found-card h1{font-size:clamp(34px,5vw,62px);margin:10px 0}.not-found-card p{color:var(--muted);font-size:18px;line-height:1.8}.not-found-search{display:flex;gap:10px;margin:24px auto;max-width:520px}.not-found-search input{flex:1;border:1px solid var(--line);border-radius:999px;padding:14px 18px;background:var(--bg);color:var(--text)}.not-found-search button,.link-btn{border:0;border-radius:999px;background:var(--accent);color:#fff;padding:14px 20px;font-weight:900}.link-btn{display:inline-block}
.newsletter-form{display:flex;gap:8px;margin-top:12px}.newsletter-form input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 14px;background:rgba(255,255,255,.08);color:#fff}.newsletter-form input::placeholder{color:rgba(255,255,255,.65)}.newsletter-form button{border:0;border-radius:999px;background:var(--accent);color:#fff;padding:12px 16px;font-weight:900}.newsletter-message{padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08);font-weight:800}.footer-contact{margin-top:12px!important;font-size:13px!important}
body:not(.loaded) .card-hover,body:not(.loaded) .hero-card,body:not(.loaded) .news-row{position:relative;overflow:hidden}body:not(.loaded) .card-hover:after,body:not(.loaded) .hero-card:after,body:not(.loaded) .news-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:skeletonSweep 1.3s infinite}@keyframes skeletonSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media print{.no-print,.site-header,.breaking-wrap,.footer,.reading-progress{display:none!important}body{background:#fff!important;color:#111!important}.article-layout{display:block}.article-body{box-shadow:none!important;border:0!important}.prose{font-size:12pt!important}.article-cover{max-height:360px}}
@media(max-width:850px){.post-nav,.archive-layout{grid-template-columns:1fr}.archive-months{position:static}.archive-item{grid-template-columns:1fr}.inline-report-form{grid-template-columns:1fr}.not-found-card{padding:32px 22px}.not-found-search,.newsletter-form{flex-direction:column}.post-nav a:nth-child(2){text-align:left}}

/* v14: clean article action placement */
.reader-actions{align-items:center}
.share-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 26px;padding:16px 18px;border:1px solid rgba(45,32,24,.10);border-radius:22px;background:rgba(255,250,246,.72);box-shadow:0 10px 28px rgba(0,0,0,.035)}
.share-panel span{font-weight:900;color:var(--ink);letter-spacing:-.02em}
.share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.share-actions .share-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(45,32,24,.13);background:var(--paper);border-radius:999px;padding:8px 12px;font:800 13px Inter,system-ui;color:var(--ink);text-decoration:none;cursor:pointer;transition:.2s ease;line-height:1}
.share-actions .share-btn:hover{transform:translateY(-1px);border-color:#df4a35;color:#df4a35;box-shadow:0 8px 20px rgba(223,74,53,.10)}
.share-icon{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(223,74,53,.10);color:#df4a35;flex:0 0 20px}
.share-icon svg{width:13px;height:13px;display:block;fill:currentColor}
.share-wa .share-icon{background:rgba(37,211,102,.12);color:#25d366}
.share-fb .share-icon{background:rgba(24,119,242,.12);color:#1877f2}
.share-x .share-icon{background:rgba(15,15,15,.10);color:#111}
.share-link .share-icon{background:rgba(223,74,53,.10);color:#df4a35}
.share-actions .share-wa:hover{border-color:rgba(37,211,102,.55);color:#128c4a;box-shadow:0 8px 20px rgba(37,211,102,.10)}
.share-actions .share-fb:hover{border-color:rgba(24,119,242,.55);color:#1877f2;box-shadow:0 8px 20px rgba(24,119,242,.10)}
.share-actions .share-x:hover{border-color:rgba(17,17,17,.35);color:#111;box-shadow:0 8px 20px rgba(0,0,0,.08)}
html[data-theme="dark"] .share-panel{background:rgba(17,19,23,.78);border-color:#2a2e37}
html[data-theme="dark"] .share-panel span{color:var(--ink)}
html[data-theme="dark"] .share-actions .share-btn{background:#111317;border-color:#343842;color:var(--ink)}
html[data-theme="dark"] .share-x .share-icon{background:rgba(255,255,255,.10);color:#fff}
html[data-theme="dark"] .share-actions .share-x:hover{border-color:rgba(255,255,255,.35);color:#fff}
@media(max-width:760px){.share-panel{align-items:flex-start;flex-direction:column}.share-actions{width:100%}.share-actions .share-btn{flex:1;min-width:calc(50% - 6px);text-align:center}}

/* v16 user friendly refinements */
.time-filter{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.time-filter a{padding:9px 14px;border:1px solid var(--border);border-radius:999px;color:var(--text);background:var(--card);font-size:.9rem;font-weight:700}
.time-filter a.active,.time-filter a:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 10px 24px rgba(230,57,70,.12)}
.search-large select{border:1px solid var(--border);border-radius:14px;padding:0 14px;background:var(--card);color:var(--text);font-weight:700;min-height:48px}
.focus-reading .article-sidebar{display:none!important}
.focus-reading .article-layout{grid-template-columns:minmax(0,860px);justify-content:center}
.focus-reading .article-body{max-width:860px;margin-inline:auto}
.last-read-widget{margin-top:18px}
.mini-read-item{display:block;padding:12px 0;border-bottom:1px solid var(--border)}
.mini-read-item:last-child{border-bottom:0}
.mini-read-item strong{display:block;color:var(--text);font-size:.95rem;line-height:1.35}
.mini-read-item small{color:var(--muted);font-size:.78rem}
.saved-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}
.saved-tile button,.btn-outline{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}
.saved-tile button:hover,.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.preview-ribbon{position:sticky;top:0;z-index:999;background:#111827;color:#fff;text-align:center;padding:12px 16px;font-weight:800;letter-spacing:.02em}
.preview-layout{grid-template-columns:minmax(0,860px);justify-content:center}.preview-image-placeholder{border:1px dashed var(--border);border-radius:22px;padding:36px;text-align:center;color:var(--muted);background:var(--soft)}
.confirm-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;backdrop-filter:blur(6px)}
.confirm-modal.show{display:flex}.confirm-card{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.confirm-card h3{margin:0 0 8px;font-size:1.25rem}.confirm-card p{margin:0 0 22px;color:var(--muted);line-height:1.6}.confirm-card div{display:flex;justify-content:flex-end;gap:10px}.confirm-card button,.confirm-card a{border:0;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.confirm-card button{background:var(--soft);color:var(--text)}.confirm-card a{background:var(--accent);color:#fff}
@media(max-width:700px){.search-large select{width:100%}.time-filter{gap:8px}.time-filter a{font-size:.82rem;padding:8px 12px}.saved-toolbar{justify-content:flex-start}}


/* v20 header and detail fixes */
.site-header {
  overflow-x: hidden;
}

.nav-wrap {
  gap: 22px;
}

.main-nav {
  flex: 1 1 auto;
  min-width: 0;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  min-width: 0;
}

.theme-toggle {
  flex-shrink: 0;
  white-space: nowrap;
}

.search-mini {
  flex-shrink: 1;
  min-width: 180px;
  max-width: 260px;
}

.search-mini input {
  min-width: 0;
}

@media (max-width: 1180px) {
  .nav-wrap {
    gap: 16px;
  }

  .main-nav {
    gap: 14px;
  }

  .main-nav a {
    font-size: 14px;
  }

  .search-mini {
    max-width: 220px;
  }

  .theme-toggle {
    padding-inline: 14px;
  }
}

@media (max-width: 980px) {
  .nav-actions {
    margin-left: auto;
  }

  .main-nav {
    flex: initial;
  }
}


/* v21 clean header navigation */
.nav-wrap {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 82px;
}

.brand {
  flex: 0 0 auto;
}

.main-nav {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
}

.main-nav > a {
  flex: 0 0 auto;
}

.nav-actions {
  margin-left: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.search-mini {
  width: min(270px, 24vw);
  min-width: 190px;
  flex: 0 1 auto;
}

.theme-toggle {
  flex: 0 0 auto;
  white-space: nowrap;
  align-self: center;
}

.nav-more {
  position: relative;
  flex: 0 0 auto;
}

.nav-more-btn {
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  padding: 10px 4px;
}

.nav-more-btn::after {
  content: "▾";
  font-size: 11px;
  margin-left: 7px;
  opacity: .75;
}

.nav-more-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  min-width: 180px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--card);
  box-shadow: var(--shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .18s ease;
  z-index: 50;
}

.nav-more:hover .nav-more-menu,
.nav-more:focus-within .nav-more-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-more-menu a {
  display: block;
  padding: 11px 12px;
  border-radius: 12px;
  color: var(--text);
  text-decoration: none;
  font-weight: 800;
}

.nav-more-menu a:hover {
  background: var(--soft);
  color: var(--accent);
}

@media (max-width: 1180px) {
  .nav-wrap {
    gap: 16px;
  }

  .main-nav {
    gap: 13px;
  }

  .main-nav > a,
  .nav-more-btn {
    font-size: 14px;
  }

  .search-mini {
    width: 220px;
    min-width: 170px;
  }
}

@media (max-width: 980px) {
  .main-nav {
    position: fixed;
  }

  .nav-more {
    width: 100%;
  }

  .nav-more-btn {
    width: 100%;
    text-align: left;
    padding: 12px 0;
  }

  .nav-more-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    background: transparent;
    padding: 0 0 0 12px;
  }

  .nav-actions {
    margin-left: auto;
  }

  .search-mini {
    display: none;
  }
}


/* v22 clean header placement */
.site-header {
  overflow: visible;
}

.clean-nav {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 24px;
  min-height: 84px;
}

.clean-nav .brand {
  flex: none;
  white-space: nowrap;
}

.primary-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}

.primary-nav a {
  flex: 0 0 auto;
}

.header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}

.more-links {
  position: relative;
  flex: 0 0 auto;
}

.more-links-button {
  appearance: none;
  border: 1px solid var(--line);
  background: var(--card);
  color: var(--text);
  height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
}

.more-links-button::after {
  content: "▾";
  margin-left: 8px;
  font-size: 11px;
  opacity: .65;
}

.more-links-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  width: 210px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: var(--card);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  display: grid;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  z-index: 100;
}

.more-links:hover .more-links-panel,
.more-links:focus-within .more-links-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.more-links-panel a {
  display: block;
  padding: 12px 14px;
  border-radius: 14px;
  color: var(--text);
  text-decoration: none;
  font-weight: 800;
}

.more-links-panel a:hover {
  background: var(--soft);
  color: var(--accent);
}

.header-tools .search-mini {
  width: 260px;
  min-width: 220px;
  flex: 0 0 auto;
}

.header-tools .theme-toggle {
  flex: 0 0 auto;
  height: 46px;
  white-space: nowrap;
  align-self: center;
  margin: 0;
}

@media (max-width: 1260px) {
  .clean-nav {
    gap: 16px;
  }

  .primary-nav {
    gap: 13px;
  }

  .primary-nav a,
  .more-links-button {
    font-size: 14px;
  }

  .header-tools .search-mini {
    width: 220px;
    min-width: 190px;
  }
}

@media (max-width: 1080px) {
  .clean-nav {
    grid-template-columns: auto auto auto;
  }

  .primary-nav {
    position: fixed;
  }

  .header-tools {
    margin-left: auto;
  }

  .header-tools .search-mini {
    display: none;
  }

  .more-links-panel {
    right: auto;
    left: 0;
  }
}

@media (max-width: 640px) {
  .more-links-button {
    height: 42px;
    padding: 0 14px;
  }

  .header-tools .theme-toggle {
    height: 42px;
    padding-inline: 14px;
  }

  .more-links-panel {
    width: 190px;
  }
}


/* v23 Kompas-inspired clean header */
.news-top-header {
  background: var(--bg);
  border-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 80;
  box-shadow: 0 1px 0 var(--line);
}

.news-topbar {
  min-height: 86px;
  display: grid;
  grid-template-columns: auto minmax(260px, 420px) auto;
  align-items: center;
  gap: 28px;
}

.news-topbar .brand {
  justify-self: start;
  white-space: nowrap;
}

.news-topbar .top-search {
  justify-self: center;
  width: 100%;
  max-width: 420px;
  min-width: 260px;
  margin: 0;
}

.news-topbar .top-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}

.news-topbar .theme-toggle {
  height: 48px;
  padding: 0 20px;
  margin: 0;
  white-space: nowrap;
  align-self: center;
  border-color: var(--line);
}

.news-topbar .menu-btn {
  display: none;
}

.news-category-bar {
  background: #0e0e0f;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.category-scroll {
  overflow-x: auto;
  scrollbar-width: none;
}

.category-scroll::-webkit-scrollbar {
  display: none;
}

.category-nav {
  display: flex;
  align-items: center;
  gap: 30px;
  min-height: 56px;
  width: max-content;
  min-width: 100%;
  white-space: nowrap;
  overflow: visible;
  position: static;
  background: transparent;
  padding: 0;
}

.category-nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
  opacity: .94;
  padding: 20px 0;
  position: relative;
}

.category-nav a:hover {
  color: #fff;
  opacity: 1;
}

.category-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  height: 3px;
  border-radius: 999px;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.category-nav a:hover::after {
  transform: scaleX(1);
}

/* Disable previous dropdown header experiments */
.nav-more,
.more-links,
.nav-actions {
  all: unset;
}

@media (max-width: 980px) {
  .news-topbar {
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    min-height: 76px;
  }

  .news-topbar .top-search {
    min-width: 0;
    max-width: none;
  }

  .news-topbar .theme-toggle span[data-theme-text] {
    display: none;
  }

  .news-topbar .theme-toggle {
    width: 46px;
    height: 46px;
    padding: 0;
    justify-content: center;
  }

  .category-nav {
    gap: 24px;
    min-height: 52px;
  }

  .category-nav a {
    font-size: 14px;
  }
}

@media (max-width: 720px) {
  .news-topbar {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand actions"
      "search search";
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .news-topbar .brand {
    grid-area: brand;
  }

  .news-topbar .top-actions {
    grid-area: actions;
  }

  .news-topbar .top-search {
    grid-area: search;
    width: 100%;
  }
}


/* v24 footer typography refinement */
.site-footer a,
.footer a,
footer a {
  font-weight: 500 !important;
}

.site-footer li,
.footer li,
footer li,
.site-footer p,
.footer p,
footer p {
  font-weight: 400 !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .footer-title,
.site-footer .footer-heading,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer .footer-title,
.footer .footer-heading,
footer h1,
footer h2,
footer h3,
footer h4,
footer .footer-title,
footer .footer-heading {
  font-weight: 800 !important;
  letter-spacing: .16em;
}

.site-footer .brand,
.footer .brand,
footer .brand {
  font-weight: 900 !important;
}


/* v25 RuangKabar brand polish */
.brand {
  letter-spacing: -0.055em;
}

.news-topbar .brand,
.site-header .brand {
  font-size: clamp(28px, 2.4vw, 38px);
}

.site-footer .brand,
.footer .brand,
footer .brand {
  letter-spacing: -0.055em;
}


/* v26 search alignment refinement */
.news-topbar {
  grid-template-columns: auto minmax(340px, 520px) auto;
  column-gap: 28px;
}

.news-topbar .top-search {
  justify-self: end;
  max-width: 520px;
  width: min(520px, 36vw);
  margin-right: 16px;
}

.news-topbar .top-actions {
  justify-self: start;
}

@media (max-width: 1260px) {
  .news-topbar {
    grid-template-columns: auto minmax(280px, 440px) auto;
  }

  .news-topbar .top-search {
    width: min(440px, 34vw);
    margin-right: 10px;
  }
}

@media (max-width: 980px) {
  .news-topbar .top-search {
    justify-self: stretch;
    width: 100%;
    max-width: none;
    margin-right: 0;
  }

  .news-topbar .top-actions {
    justify-self: end;
  }
}


/* v27 search width correction */
.news-topbar {
  grid-template-columns: auto minmax(280px, 420px) auto;
  column-gap: 24px;
}

.news-topbar .top-search {
  justify-self: end;
  width: 420px;
  max-width: 32vw;
  min-width: 300px;
  margin-right: 10px;
}

@media (max-width: 1260px) {
  .news-topbar {
    grid-template-columns: auto minmax(260px, 360px) auto;
  }

  .news-topbar .top-search {
    width: 360px;
    max-width: 30vw;
    min-width: 260px;
    margin-right: 8px;
  }
}

@media (max-width: 980px) {
  .news-topbar .top-search {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-right: 0;
  }
}