/* skin as-twnsqr · mode light */
[data-color-scheme="as-twnsqr"], :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(160deg, #4338ca 0%, #db2777 43%, #4338ca 100%);
  --gradient-btn-color:linear-gradient(250deg, #db2777 0%, #4338ca 100%);
  --skin-radius:15px;
  --skin-font:system-ui,"Hiragino Sans","Yu Gothic UI",sans-serif;
  --skin-line-height:1.65;
  --skin-gap:16px;
  --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.16px}
.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: 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}}

/* related cards di halaman artikel */
#ms-related-post ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:16px;margin:0;padding:0;list-style:none}
#ms-related-post li{display:flex;flex-direction:column;min-width:0;list-style:none;
  background:var(--secondary-background);border:1px solid var(--light-grey);
  border-radius:var(--skin-radius);overflow:hidden}
#ms-related-post li>div:first-child{aspect-ratio:16/9;overflow:hidden;background:var(--lightest-grey)}
#ms-related-post li img{width:100%;height:100%;object-fit:cover;display:block}
#ms-related-post li>div:last-child{padding:12px 14px 16px;min-width:0}
#ms-related-post li a{color:var(--primary-text-color);text-decoration:none;font-weight:700;
  font-size:1rem;line-height:1.4;display:block;margin-bottom:6px}
#ms-related-post li span{font-size:.82rem;color:var(--secondary-text-color);font-weight:400;
  line-height:1.5}
@media(max-width:720px){#ms-related-post ul{grid-template-columns:1fr 1fr;gap:12px}}

/* popular list (widget "Popular Now") */
#PopularPosts1 .popular-post{display:grid;grid-template-columns:96px 1fr;gap:12px;
  align-items:start;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--light-grey)}
#PopularPosts1 .popular-post img{width:96px;height:72px;object-fit:cover;display:block;
  border-radius:calc(var(--skin-radius) * .6)}
#PopularPosts1 .popular-post a{color:var(--primary-text-color);text-decoration:none;
  font-size:1rem;line-height:1.4}

/* meta byline di kartu: kecil & muted; judul kartu konsisten */
body.is-homepage article.post-container .has-author,
#FeaturedPost1 .has-author{font-size:.86rem;color:var(--secondary-text-color);line-height:1.7}
body.is-homepage article.post-container .has-author *,
#FeaturedPost1 .has-author *{font-size:inherit;color:inherit;font-family:inherit}
body.is-homepage article.post-container .post-title a{font-size:1.06rem;font-weight:700}
#PopularPosts1 .popular-post .has-author{font-size:.8rem}

/* hero "Featured Stories": 2 kolom, gambar mengisi (selektor struktural) */
#FeaturedPost1>div>div:nth-child(2){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:2.2rem;align-items:stretch;background:var(--secondary-background);
  border:1px solid var(--light-grey);border-radius:var(--skin-radius);overflow:hidden}
#FeaturedPost1>div>div:nth-child(2)>div:first-child{margin:0;min-width:0}
#FeaturedPost1>div>div:nth-child(2)>div:first-child img{width:100%;height:100%;min-height:26rem;
  max-height:36rem;object-fit:cover;display:block;border-radius:0}
#FeaturedPost1>div>div:nth-child(2)>div:last-child{padding:2.2rem 2.4rem;min-width:0}
@media(max-width:820px){#FeaturedPost1>div>div:nth-child(2){grid-template-columns:1fr;gap:0}
  #FeaturedPost1>div>div:nth-child(2)>div:first-child img{min-height:0;max-height:none;aspect-ratio:16/9}}

/* popular list (widget "Popular Now"): thumbnail kiri, teks rapat */
#PopularPosts1 .popular-post{display:grid;grid-template-columns:9.6rem 1fr;gap:1.2rem;
  align-items:start;padding:0 0 1.4rem;margin:0 0 1.4rem;
  border-bottom:1px solid var(--light-grey);line-height:1.5}
#PopularPosts1 .popular-post>div{display:block;min-width:0}
#PopularPosts1 .popular-post img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:calc(var(--skin-radius) * .6);display:block}
#PopularPosts1 .popular-post a{font-family:var(--ui-font);font-size:1.5rem;font-weight:600;
  line-height:1.45;color:var(--primary-text-color);text-decoration:none}
#PopularPosts1 .popular-post .has-author{font-size:1.25rem;line-height:1.6}

/* ==== tipografi seimbang (basis html 62.5% -> 1rem = 10px) ==== */
:root{--ui-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3,h4,h5,.post-title,.title,.title span,#ms-related-post h2,#ToC-title{font-family:var(--ui-font)}
h1{font-size:3.2rem;line-height:1.22;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}
.post-body h2{font-size:2.2rem;line-height:1.32;font-weight:700;letter-spacing:-.01em;margin:2.4rem 0 .9rem}
.post-body h3{font-size:1.8rem;line-height:1.38;font-weight:700;margin:1.8rem 0 .6rem}
.post-body p{font-size:1.8rem;line-height:1.85}
.widget>.title,.widget .title{margin:0 0 1.4rem}
.widget>.title span,.widget .title span{font-size:2rem;font-weight:800;letter-spacing:-.01em}
#ms-related-post h2{font-size:2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 1.6rem}
body.is-homepage article.post-container .post-title a{font-family:var(--ui-font);font-size:1.6rem;
  font-weight:700;line-height:1.36;letter-spacing:-.008em}
#FeaturedPost1 .post-title{font-family:var(--ui-font);font-size:2.4rem;font-weight:800;
  line-height:1.28;letter-spacing:-.018em}
#PopularPosts1 .popular-post a{font-family:var(--ui-font);font-size:1.5rem;font-weight:600;line-height:1.38}
#ms-related-post li a{font-family:var(--ui-font);font-size:1.55rem;font-weight:700;line-height:1.38}
body.is-homepage article.post-container .has-author,
#FeaturedPost1 .has-author,#PopularPosts1 .popular-post .has-author,
#ms-related-post li span{font-size:1.3rem;line-height:1.6}

/* breadcrumb: panah ikon diganti pemisah teks */
[itemtype*="BreadcrumbList"] .icon-arrow-down{display:none}
[itemtype*="BreadcrumbList"] [itemprop="itemListElement"]+[itemprop="itemListElement"]::before{
  content:"›";margin:0 .4rem;color:var(--secondary-text-color)}
[itemtype*="BreadcrumbList"]{line-height:1.5;flex-wrap:wrap;align-items:center}
[itemtype*="BreadcrumbList"] [itemprop="itemListElement"]:last-child{max-width:52ch;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
[itemtype*="BreadcrumbList"] [itemprop="itemListElement"]:last-child [itemprop="name"]{font-size:1.3rem}

/* kartu home/kategori: judul + meta jangan menempel ke tepi */
body.is-homepage article.post-container .post-title a{color:var(--primary-text-color);text-decoration:none}
body.is-homepage article.post-container .post-title a:hover{color:var(--link-color)}

/* baris byline artikel (penulis · updated · published · min read) */
div:has(> .reading-time-wrap){font-size:1.35rem !important;gap:1rem !important;
  row-gap:.4rem !important;align-items:center}
div:has(> .reading-time-wrap)>*,div:has(> .reading-time-wrap) span{font-size:1.35rem !important;
  line-height:1.5}
div:has(> .reading-time-wrap) a{font-size:1.35rem !important;font-weight:700 !important}
div:has(> .reading-time-wrap) img{width:3rem !important;height:3rem !important}

/* kartu profil penulis di akhir artikel (struktur, tanpa nama class hasil reclass) */
div:has(> div > div > div > a[href*="/author/"]){margin:3.6rem 0}
div:has(> div > div > div > a[href*="/author/"])>div{padding:2.6rem 2.8rem !important;
  gap:2.4rem !important}
div:has(> div > div > div > a[href*="/author/"]) img{width:9.2rem !important;height:9.2rem !important}
div:has(> div > div > div > a[href*="/author/"]) span{font-size:1.3rem !important;
  padding:.35rem 1rem !important;font-family:var(--ui-font)}
div:has(> div > div > div > a[href*="/author/"]) a[href*="/author/"]:not([style*="border-radius: 20px"]){
  font-family:var(--ui-font);font-size:2.1rem !important;font-weight:800 !important;
  letter-spacing:-.01em}
div:has(> div > div > div > a[href*="/author/"]) a[style*="border-radius: 20px"]{
  font-size:1.25rem !important;padding:.65rem 1.5rem !important}
div:has(> div > div > div > a[href*="/author/"]) p{font-size:1.6rem !important;
  line-height:1.72 !important;margin:.8rem 0 0 !important;color:var(--secondary-text-color)}

/* kartu profil: baris nama+tombol tetap sebaris, tombol menempel kanan */
div:has(> div > div > div > a[href*="/author/"])>div>div:first-child{flex-wrap:nowrap !important;
  gap:1.2rem !important}
div:has(> div > div > div > a[href*="/author/"]) a[style*="border-radius: 20px"]{
  margin-left:auto;white-space:nowrap}

/* "More in this category": samakan tipografi dengan blok lain */
section[style*="border-radius:14px"] h2{font-family:var(--ui-font);font-size:1.8rem !important;
  font-weight:800 !important;margin:0 0 1rem !important;color:var(--primary-text-color) !important}
section[style*="border-radius:14px"] ul{margin:0;padding-left:1.8rem}
section[style*="border-radius:14px"] ul li{margin:.4rem 0}
section[style*="border-radius:14px"] ul li a{font-family:var(--ui-font);font-size:1.55rem;
  font-weight:600;line-height:1.5;text-decoration:none;color:var(--link-color)}

/* popular widget: H2.post-title ikut tipografi kartu (tema asli line-height 2.5) */
#PopularPosts1 .popular-post .post-title{font-family:var(--ui-font);font-size:1.5rem;
  font-weight:600;line-height:1.42;margin:0 0 .4rem;white-space:normal}
#PopularPosts1 .popular-post .post-title a{font-size:inherit;font-weight:inherit;line-height:inherit}
/* meta byline selalu sans */
.has-author,.has-author *{font-family:var(--ui-font)}

/* newline di judul DB jangan jadi baris kosong */
body.is-homepage article.post-container .post-title,#PopularPosts1 .popular-post,
#ms-related-post li,#FeaturedPost1 .post-title{white-space:normal}

/* home/kategori: breadcrumb sidebar disembunyikan (H1 sudah jelas) + H1 lebih tegas */
body.is-homepage [itemtype*="BreadcrumbList"]{display:none}
body.is-homepage h1{font-size:2.4rem;font-weight:800;letter-spacing:-.02em}