/* ============ Skin: OAT (warm, editorial, rounded) ============ */
.wbp-skin-oat{background:var(--bg)}
.wbp-skin-oat h1,.wbp-skin-oat h2,.wbp-skin-oat .card-title,.wbp-skin-oat .ftr-brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.wbp-skin-oat .hero{background:
  radial-gradient(1200px 380px at 12% -10%,rgba(194,112,61,.10),transparent 60%),
  linear-gradient(180deg,#fff,var(--bg))}
.wbp-skin-oat .hero h1{font-size:48px}
.wbp-skin-oat .brand-mark{border-radius:14px}
.wbp-skin-oat .card{border-radius:18px}
.wbp-skin-oat .card-media{aspect-ratio:4/3}
.wbp-skin-oat .module.alt{background:#fffdfa}
.wbp-skin-oat .stat b{font-family:Georgia,serif}
.wbp-skin-oat .facts{border-radius:16px}

/* ============ Skin: MINT (clinical, dense, square) ============ */
.wbp-skin-mint{--radius:6px}
.wbp-skin-mint .hdr{background:#fff}
.wbp-skin-mint .brand-mark{border-radius:7px;background:var(--acc)}
.wbp-skin-mint .hero{padding:46px 0 36px;background:linear-gradient(180deg,#fbfdfc,#fff)}
.wbp-skin-mint .hero h1{font-size:40px;max-width:24ch}
.wbp-skin-mint .card{border-radius:6px;box-shadow:none}
.wbp-skin-mint .card:hover{transform:none;box-shadow:0 6px 18px rgba(15,122,108,.08)}
.wbp-skin-mint .card-media{aspect-ratio:16/9}
.wbp-skin-mint .card-title{font-size:15.8px;line-height:1.35}
.wbp-skin-mint .chip{border-radius:4px}
.wbp-skin-mint .facts{border-left:3px solid var(--acc);border-radius:4px}
.wbp-skin-mint .prose h2{border-bottom:1px solid var(--line);padding-bottom:8px}
.wbp-skin-mint .sec-head h2{font-size:24px}
.wbp-skin-mint .toc,.wbp-skin-mint .side-card{border-radius:6px}
.wbp-skin-mint .stat{border-radius:6px}
.wbp-skin-mint .btn{border-radius:6px}

/* ============ Skin: INDIGO (magazine, serif, wide modules) ============ */
.wbp-skin-indigo h1,.wbp-skin-indigo h2,.wbp-skin-indigo h3,.wbp-skin-indigo .card-title,.wbp-skin-indigo .ftr-brand{font-family:"Iowan Old Style",Georgia,serif}
.wbp-skin-indigo .hero{padding:64px 0 50px;background:
  linear-gradient(180deg,#fff 0,#f8f9fd 100%)}
.wbp-skin-indigo .hero h1{font-size:52px;letter-spacing:-.035em}
.wbp-skin-indigo .hero-text{font-size:18px}
.wbp-skin-indigo .eyebrow{letter-spacing:.18em}
.wbp-skin-indigo .card{border-radius:4px;border-color:#e6e8f0}
.wbp-skin-indigo .card-media{aspect-ratio:3/2}
.wbp-skin-indigo .card-title{font-size:19px;line-height:1.28}
.wbp-skin-indigo .module.alt{background:#fbfbfe}
.wbp-skin-indigo .facts{border-top:2px solid var(--acc);border-radius:2px}
.wbp-skin-indigo .proc,.wbp-skin-indigo .prose h2{letter-spacing:-.025em}
.wbp-skin-indigo .stat{border-radius:2px}
.wbp-skin-indigo .btn{border-radius:3px}
.wbp-skin-indigo .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wbp-skin-indigo .s-head h1{font-size:46px}

/* ============ layout variant: magazine (first card spans 2) ============ */
.wbp-magazine .grid>.card:first-child{grid-column:span 2}
.wbp-magazine .grid>.card:first-child .card-media{aspect-ratio:21/9}
.wbp-magazine .grid>.card:first-child .card-title{font-size:24px}
@media (max-width:900px){
  .wbp-magazine .grid>.card:first-child{grid-column:span 1}
  .wbp-magazine .grid>.card:first-child .card-title{font-size:18px}
}

/* ============ layout variant: dense (4-up) ============ */
.wbp-dense .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wbp-dense .card-title{font-size:15.4px}
.wbp-dense .card-ex{display:none}
@media (max-width:1180px){.wbp-dense .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wbp-dense .grid{grid-template-columns:1fr}}

/* ============ skin-specific nav accent ============ */
.wbp-skin-indigo .nav a.on{border-bottom-width:3px}
.wbp-skin-mint .topbar{background:#eef7f4}
.wbp-skin-mint .filters{margin-top:14px}