/* skin as-zikhwf · mode dark */
[data-color-scheme="as-zikhwf"], :root {
  --primary-background:#0b1310;
  --secondary-background:#12201b;
  --primary-text-color:#e9f5ef;
  --secondary-text-color:#9bb5a9;
  --tertiary-text-color:#9bb5a9;
  --white-text-color:#ffffff;
  --link-color:#34d399;
  --color-scheme-bg:#34d399;
  --color-scheme-bg2:#84cc16;
  --color-scheme-txt:#34d399;
  --gradient-bg-color:linear-gradient(135deg, #34d399 0%, #84cc16 64%, #34d399 100%);
  --gradient-btn-color:linear-gradient(225deg, #84cc16 0%, #34d399 100%);
  --skin-radius:9px;
  --skin-font:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  --skin-line-height:1.85;
  --skin-gap:20px;
  --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.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)}

/* cegah overflow horizontal di home (font serif + featured lebar) */
html,body{max-width:100%;overflow-x:hidden}
#aside-top-widgets{max-width:100%;min-width:0}
#FeaturedPost1,#PopularPosts1{min-width:0;max-width:100%}
#FeaturedPost1 img,#PopularPosts1 img{max-width:100%;height:auto}

/* judul kartu populer & featured: bungkus, jangan terpotong */
#PopularPosts1 .post-title,#PopularPosts1 .post-title a,#FeaturedPost1 .post-title,#FeaturedPost1 .post-title a{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
/* wrap semua teks di area featured/popular (class hasil reclass tidak bisa ditarget) */
#aside-top, #aside-top *{overflow-wrap:anywhere;word-break:break-word}
#aside-top h1,#aside-top h2,#aside-top h3,#aside-top .post-title{white-space:normal}
