/* skin as-eexqcn · mode light */
[data-color-scheme="as-eexqcn"], :root {
  --primary-background:#fdf8f5;
  --secondary-background:#f7ece4;
  --primary-text-color:#1d1310;
  --secondary-text-color:#6f5a4f;
  --tertiary-text-color:#6f5a4f;
  --white-text-color:#ffffff;
  --link-color:#c2410c;
  --color-scheme-bg:#c2410c;
  --color-scheme-bg2:#9d174d;
  --color-scheme-txt:#c2410c;
  --gradient-bg-color:linear-gradient(45deg, #c2410c 0%, #9d174d 67%, #c2410c 100%);
  --gradient-btn-color:linear-gradient(135deg, #9d174d 0%, #c2410c 100%);
  --skin-radius:15px;
  --skin-font:"BIZ UDPGothic","Yu Gothic","Meiryo UI",sans-serif;
  --skin-line-height:1.72;
  --skin-gap:14px;
  --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,.x0aa4-ffcc6,.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,.x0aa4-7a2bf,.x0aa4-96297{border-radius:var(--skin-radius)}
.btn,.x0aa4-79e59,.x0aa4-1108f{border-radius:calc(var(--skin-radius) * .6)}
.x0aa4-b5856 span{border-bottom-color:var(--link-color)}
a{color:var(--link-color)}
.post-title a:hover{color:var(--link-color)}

/* varian layout: list (1 kolom, thumbnail kiri) */
body.is-homepage .post-container{width:100%;max-width:100%;margin:0 0 var(--skin-gap)}
body.is-homepage .x0aa4-013cb{display:grid;grid-template-columns:200px 1fr;
  grid-template-areas:"thumb meta" "thumb title" "thumb byline";gap:2px 16px;align-items:start}
body.is-homepage .x0aa4-013cb>*:nth-child(1){grid-area:thumb;margin:0}
body.is-homepage .x0aa4-013cb>*:nth-child(1) img{width:100%;height:126px;object-fit:cover;
  border-radius:var(--skin-radius);display:block}
body.is-homepage .x0aa4-013cb>*:nth-child(2){grid-area:meta}
body.is-homepage .x0aa4-013cb>.post-title{grid-area:title;margin:2px 0 4px;font-size:1.02rem;line-height:1.5}
body.is-homepage .x0aa4-013cb>*:nth-child(4){grid-area:byline}
@media(max-width:720px){
  body.is-homepage .x0aa4-013cb{grid-template-columns:1fr;grid-template-areas:"meta" "thumb" "title" "byline"}
  body.is-homepage .x0aa4-013cb>*:nth-child(1) img{height:180px}
}

/* featured card: stack vertikal supaya judul tidak terpotong panel populer */
#aside-top-widgets .x0aa4-747d0 .x0aa4-0b6a5{flex-direction:column}
#aside-top-widgets .x0aa4-747d0 .x0aa4-0b6a5 .x0aa4-0a86f{flex:0 0 auto;max-width:100%;margin-right:0;margin-bottom:1.6rem}
#aside-top-widgets .x0aa4-747d0 .x0aa4-0b6a5 .post-title{font-size:1.8rem;line-height:1.45}
#aside-top-widgets .x0aa4-747d0 .x0aa4-0b6a5 .post-title a{color:var(--primary-text-color)}
#aside-top{background:transparent}
#aside-top .section,#aside-top-widgets{background:transparent}
/* kartu list: beri ruang teks (3 kolom + thumb 200px membuat label terlipat) */
body.is-homepage .content{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:var(--skin-gap)}
body.is-homepage .post-content{grid-template-columns:150px 1fr;gap:2px 14px}
body.is-homepage .post-content>*:nth-child(1) img{height:104px}
body.is-homepage .post-title{font-size:1.15rem;line-height:1.5}
body.is-homepage .post-container .x0aa4-1108f,body.is-homepage .post-container [class*=label]{white-space:nowrap}
@media(max-width:760px){body.is-homepage .content{grid-template-columns:1fr}}

/* featured image: batasi tinggi supaya blok atas tidak mendorong konten */
#aside-top-widgets .x0aa4-747d0 .x0aa4-0a86f img{max-height:420px;width:100%;object-fit:cover;border-radius:var(--skin-radius)}