/* skin as-saeuqv · mode dark */
[data-color-scheme="as-saeuqv"], :root {
  --primary-background:#0a0f1c;
  --secondary-background:#121a2b;
  --primary-text-color:#e6edf9;
  --secondary-text-color:#93a3bd;
  --tertiary-text-color:#93a3bd;
  --white-text-color:#ffffff;
  --link-color:#60a5fa;
  --color-scheme-bg:#60a5fa;
  --color-scheme-bg2:#818cf8;
  --color-scheme-txt:#60a5fa;
  --gradient-bg-color:linear-gradient(150deg, #60a5fa 0%, #818cf8 58%, #60a5fa 100%);
  --gradient-btn-color:linear-gradient(240deg, #818cf8 0%, #60a5fa 100%);
  --skin-radius:12px;
  --skin-font:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;
  --skin-line-height:1.7;
  --skin-gap:14px;
  --lightest-grey:#241d19;
  --light-grey:#2b2320;
  --medium-grey:#5a4b44;
  --normal-grey:#c4ada6;
  --dark-grey:#f7ece9;
  --darkest-grey:#ffffff;
  --white:#1f1a16;
}
html,body{background:var(--primary-background)!important;color:var(--primary-text-color)}
#wrapper,#content-wrapper,.content,.main-content,.section,.post-container,.widget{background:transparent}
header#header{background:var(--secondary-background)}
#aside-top,#aside-top-widgets,.aside-top-widgets{background:transparent!important}
#menu-label-outer{background:var(--gradient-bg-color)}
h1,h2,h3,h4,.post-title,.post-title a{color:var(--primary-text-color)}
.nav-list,header#header nav ul{display:flex;flex-wrap:wrap}
.post-body figure,.post-body img{background:transparent}
.post-body figure{margin:18px 0}
body{font-family:var(--skin-font);line-height:var(--skin-line-height)}
h1,h2,h3{letter-spacing:0.14px}
.post-container,.c-widget,.author-profile,.jp-post-author-box{border-radius:var(--skin-radius)}
.btn,.post-meta-label,.label-name{border-radius:calc(var(--skin-radius) * .6)}
.c-widget-title span{border-bottom-color:var(--link-color)}
a{color:var(--link-color)}
.post-title a:hover{color:var(--link-color)}

/* varian layout: magazine (kartu pertama besar) */
body.is-homepage .widget > .content{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--skin-gap)}
body.is-homepage .content .post-container:first-child{grid-column:1/-1}
body.is-homepage .content .post-container:first-child img{height:380px;object-fit:cover}
body.is-homepage .content .post-container:first-child .post-title{font-size:1.9rem}
@media(max-width:720px){body.is-homepage .widget > .content{grid-template-columns:1fr}}

body.is-homepage .content-single > .content{display:block}

/* --- token netral dingin (menggantikan token warm bawaan) ---------------- */
[data-color-scheme="as-saeuqv"], :root{
  --lightest-grey:#111a2b; --light-grey:#17233a; --medium-grey:#2a3a55;
  --normal-grey:#8fa1bd; --dark-grey:#dbe6f6; --darkest-grey:#f2f7ff;
  --white:#0e1626;
}
/* --- perbaikan konsistensi: bar kategori & menu header ------------------ */
#menu-label-outer #menu-label ul{display:flex!important;flex-wrap:wrap;align-items:center;
  height:auto!important;min-height:42px;margin:0;padding:0;list-style:none!important;
  font-size:.84rem;font-weight:700;letter-spacing:.02em;color:var(--white-text-color)}
#menu-label-outer #menu-label ul li{display:inline-block;margin:0;padding-right:2.2rem;
  line-height:42px;list-style:none}
#menu-label-outer #menu-label a{color:var(--white-text-color)!important;text-decoration:none}
#menu-label-outer #menu-label a:hover{opacity:.85}
#header nav ul.nav-list{display:flex!important;flex-wrap:wrap;gap:1.35rem;align-items:center;
  margin:0;padding:0;list-style:none}
#header nav ul.nav-list li{margin:0;padding:0;list-style:none}
#header nav ul.nav-list a{white-space:nowrap}
.content-single .content,article.post-container{max-width:100%}
.content-single .post-body{max-width:820px;margin:0 auto;font-size:1.02rem;line-height:1.95}
body.is-homepage .post-container{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:14px}
a:hover{opacity:.9}

/* --- final polish: kartu home, gambar, overflow ------------------------- */
html,body{overflow-x:hidden}
body.is-homepage .post-container{background:var(--secondary-background);border:1px solid rgba(255,255,255,.07);
  border-radius:var(--skin-radius);padding:14px 16px;margin-bottom:var(--skin-gap)}
body.is-homepage .post-container:hover{border-color:rgba(96,165,250,.45)}
body.is-homepage .content{max-width:1180px;margin:0 auto}
body.is-homepage h2,body.is-homepage .widget-title{margin-top:26px}
.post-body figure,.post-body img{background:var(--secondary-background)!important;border-radius:10px}
.post-body figure{padding:10px}
.post-body figcaption{color:var(--secondary-text-color);font-size:.85rem}
