/* skin as-mzekfk · mode light */
[data-color-scheme="as-mzekfk"], :root {
  --primary-background:#f7f7fb;
  --secondary-background:#ecebf6;
  --primary-text-color:#161622;
  --secondary-text-color:#565672;
  --tertiary-text-color:#565672;
  --white-text-color:#ffffff;
  --link-color:#4338ca;
  --color-scheme-bg:#4338ca;
  --color-scheme-bg2:#db2777;
  --color-scheme-txt:#4338ca;
  --gradient-bg-color:linear-gradient(215deg, #4338ca 0%, #db2777 63%, #4338ca 100%);
  --gradient-btn-color:linear-gradient(305deg, #db2777 0%, #4338ca 100%);
  --skin-radius:6px;
  --skin-font:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  --skin-line-height:1.85;
  --skin-gap:20px;
  --lightest-grey:#ffffff;
  --light-grey:#f1f2f5;
  --medium-grey:#c9ccd3;
  --normal-grey:#5b6270;
  --dark-grey:#14161c;
  --darkest-grey:#0b0d12;
  --white:#ffffff;
}
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.20px}
.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 .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 .content{grid-template-columns:1fr}}

/* ==== FIX v7.4: nav header & bar kategori (struktural, tidak bergantung nama hash) ==== */
.nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:16px;list-style:none;margin:0;padding:0}
.nav-list>li{list-style:none;white-space:nowrap}
.nav-list>li>a{display:inline-block;padding:4px 2px}
#nav,.nav{height:auto;min-height:0}
#menu-label-outer{background:var(--gradient-bg-color);padding:0 12px}
#menu-label-outer ul{display:flex;flex-wrap:wrap;align-items:center;gap:18px;list-style:none;margin:0;padding:8px 0}
#menu-label-outer li{list-style:none;margin:0}
#menu-label-outer li::before{content:none;display:none}
#menu-label-outer a,#menu-label-outer a span{color:#fff;text-decoration:none;font-size:14px;line-height:1.4}
#menu-label-outer .icon-label{display:none}

/* ==== FIX v7.4 #2: header fleksibel, nav tidak terpotong ==== */
#header,#header .container,#header-content{height:auto!important;min-height:56px;overflow:visible!important}
#header-content{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#blog-title{flex:0 0 auto}
#header nav{flex:1 1 auto;min-width:0;height:auto!important;overflow:visible!important}
.nav-list{gap:10px!important;flex-wrap:wrap!important}
.nav-list>li>a{font-size:12.5px!important;line-height:1.25!important;padding:2px 0!important}
@media (max-width:1100px){ .nav-list>li>a{font-size:11.5px!important} }