/* skin as-kcmbiz · mode light */
[data-color-scheme="as-kcmbiz"], :root {
  --primary-background:#f6f8fb;
  --secondary-background:#e8eef9;
  --primary-text-color:#0d1830;
  --secondary-text-color:#94a3c4;
  --tertiary-text-color:#94a3c4;
  --white-text-color:#ffffff;
  --link-color:#14243c;
  --color-scheme-bg:#14243c;
  --color-scheme-bg2:#7787a3;
  --color-scheme-txt:#14243c;
  --gradient-bg-color:linear-gradient(150deg, #3b82f6 0%, #6366f1 53%, #93c5fd 100%);
  --gradient-btn-color:linear-gradient(240deg, #7787a3 0%, #14243c 100%);
  --skin-radius:12px;
  --skin-font:"Noto Sans JP","Hiragino Sans","Meiryo",sans-serif;
  --skin-line-height:1.75;
  --skin-gap:18px;
  --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,.x2ef6-30529,.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.18px}
.post-container,.c-widget,.x2ef6-e7cb9,.x2ef6-4c21e{border-radius:var(--skin-radius)}
.btn,.x2ef6-2caf6,.x2ef6-75539{border-radius:calc(var(--skin-radius) * .6)}
.x2ef6-ed3f1 span{border-bottom-color:var(--link-color)}
a{color:var(--link-color)}
.post-title a:hover{color:var(--link-color)}

/* varian layout: grid */
body.is-homepage .content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--skin-gap)}
body.is-homepage .post-container img{width:100%;height:190px;object-fit:cover;border-radius:var(--skin-radius);display:block}
@media(max-width:720px){body.is-homepage .content{grid-template-columns:1fr}}

/* FONT-OVERRIDE: tema mendefinisikan --body-font:Inter dan dimuat setelah skin.css,
   jadi font skin harus dipaksa di level properti (bukan hanya variabel). */
body,h1,h2,h3,h4,h5,h6,.post-title,.entry-title{font-family:var(--skin-font)!important}