/* Reader is scoped to Vannina; articles outside this category are unchanged. */
.cl-page .cl-vannina{max-width:1220px;padding-top:34px;padding-bottom:90px;color:#f6f0fa}
.cl-page .cl-v-breadcrumb{margin:0 0 30px;font-size:14px}
.cl-page .cl-v-breadcrumb a,.cl-page .cl-v-return a{color:#d8b9ee;text-decoration:underline;text-underline-offset:4px}
.cl-page .cl-v-header{max-width:1080px;margin:0 auto 28px;text-align:center}
.cl-page .cl-v-eyebrow{display:block;color:#e4b6fa;font-size:12px;font-weight:800;letter-spacing:.14em}
.cl-page .cl-v-header h1{color:#fff;font-size:clamp(34px,6vw,62px);line-height:1.1;letter-spacing:-.04em;margin:16px 0}
.cl-page .cl-v-meta{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;color:#c8b7d1;font-size:14px}
.cl-page .cl-v-intro{max-width:760px;color:#c8b7d1;font-size:17px;line-height:1.7;margin:14px auto 0}
.cl-page .cl-v-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1080px;margin:24px auto 10px;padding:12px 16px;border:1px solid #493852;border-radius:16px;background:#241c2b;color:#bbadc2;font-size:13px}
.cl-page .cl-v-tools{display:flex;flex-wrap:wrap;gap:8px}
.cl-page .cl-v-button{padding:11px 15px;border-radius:11px;border:1px solid #765c85;background:#362a41;color:#fff;cursor:pointer;font:inherit;font-weight:700;min-height:44px}
.cl-page .cl-v-button:hover,.cl-page .cl-v-button:focus-visible{background:#554064}
.cl-page .cl-v-button:disabled{opacity:.45;cursor:default}
.cl-page .cl-v-toast{font-size:13px;min-height:22px;color:#e6c8fa;text-align:center;margin:0 auto 9px}
.cl-page .cl-v-pages{max-width:1080px;margin:auto;display:grid;gap:15px}
.cl-page .cl-v-page{margin:0}
.cl-page .cl-v-page-trigger{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in;line-height:0;border-radius:9px;overflow:hidden}
.cl-page .cl-v-page-trigger:focus-visible{outline:3px solid #c999e7;outline-offset:4px}
.cl-page .cl-v-page-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.cl-page .cl-v-page figcaption{color:#baadc1;text-align:center;padding:7px 0;font-size:12px}
.cl-page .cl-v-empty{max-width:1080px;margin:24px auto;border:1px dashed #9f84ac;border-radius:15px;padding:35px;text-align:center;color:#c8b7d1}
.cl-page .cl-v-editorial{max-width:850px;margin:34px auto 0;padding:24px;border:1px solid #47394d;border-radius:16px;background:#251d2a;color:#dfd1e4;line-height:1.75}
.cl-page .cl-v-episode-nav{max-width:1080px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cl-page .cl-v-episode-link{min-height:94px;border-radius:15px;border:1px solid #70527d;background:#30233a;color:#fff;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:7px;text-decoration:none}
.cl-page .cl-v-episode-link:nth-child(2){text-align:right}
.cl-page .cl-v-episode-link small{color:#d8b9ee;font-size:13px}
.cl-page .cl-v-episode-link strong{font-size:16px}
.cl-page a.cl-v-episode-link:hover{background:#51335e;color:#fff}
.cl-page .cl-v-disabled{opacity:.55;border-style:dashed;font-size:14px}
.cl-page .cl-v-return{text-align:center;margin:28px auto 0}
body.cl-v-modal-open{overflow:hidden!important}
.cl-v-modal[hidden]{display:none!important}
.cl-v-modal{position:fixed;inset:0;z-index:2147483000;background:#111016;color:white;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100vh;height:100dvh;font-family:inherit;overscroll-behavior:contain}
.cl-v-modal-header,.cl-v-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#201927;color:#fff;min-height:60px}
.cl-v-modal-title{font-size:16px;font-weight:850}.cl-v-modal-title small{color:#cdbcd5;font-size:12px;margin-left:10px}
.cl-v-modal-actions{display:flex;gap:7px;align-items:center}
.cl-v-modal button{background:#403149;color:#fff;border:1px solid #786187;border-radius:9px;min-width:44px;min-height:44px;padding:8px 12px;font-size:15px;font-weight:750;cursor:pointer}
.cl-v-modal button:focus-visible{outline:3px solid #f2c4fb;outline-offset:2px}
.cl-v-modal button:disabled{opacity:.35;cursor:default}
.cl-v-modal button:hover:not(:disabled){background:#624e6d}
.cl-v-stage{min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:zoom-in;background:#141119;user-select:none}
.cl-v-stage.is-zoomed{cursor:grab}.cl-v-stage.is-zoomed:active{cursor:grabbing}
.cl-v-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;pointer-events:none;user-select:none}
.cl-v-modal-footer{min-height:57px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.cl-v-modal-footer span{color:#b9a9c2;font-size:12px;text-align:center}
.cl-page .cl-v-category-hero{background:radial-gradient(circle at 85% 20%,rgba(197,50,68,.17),transparent 40%),#221b28;border-bottom:1px solid #422f40}
.cl-page .cl-v-category-hero .cl-container{padding-top:70px;padding-bottom:65px}
.cl-page .cl-v-category-hero .cl-kicker{color:#f7adb2}
.cl-page .cl-v-category-hero h1{font-size:clamp(40px,6vw,70px);color:#fff;margin:12px 0 15px;letter-spacing:-.05em}
.cl-page .cl-v-category-hero p{font-size:18px;max-width:740px;line-height:1.7;color:#e5d3e0}
.cl-page .cl-v-start{display:inline-flex;min-height:46px;align-items:center;padding:10px 19px;border-radius:12px;background:#d12c46;color:#fff;font-weight:800;margin-top:16px;text-decoration:none}
.cl-page .cl-v-start:hover{background:#f04358;color:#fff}
.cl-page .cl-v-category-page .cl-section-head h2{color:#fff}
.cl-page .cl-v-category-page .cl-section-head p{color:#c2b8c7}
.cl-page .cl-v-card .cl-card-image{background-position:center 20%;height:270px}
@media(max-width:760px){
  .cl-page .cl-vannina{padding:20px 10px 55px!important}
  .cl-page .cl-v-breadcrumb{margin:8px 12px 25px}
  .cl-page .cl-v-header{padding:0 10px}
  .cl-page .cl-v-toolbar{padding:10px;gap:12px}
  .cl-page .cl-v-toolbar>span{display:none}
  .cl-page .cl-v-tools{width:100%;justify-content:center}
  .cl-page .cl-v-button{flex:1;white-space:nowrap;padding:10px 8px;font-size:12px}
  .cl-page .cl-v-page-trigger{border-radius:0}
  .cl-page .cl-v-pages{margin-left:-10px;margin-right:-10px;gap:8px}
  .cl-page .cl-v-episode-nav{gap:9px}
  .cl-page .cl-v-episode-link{padding:11px;min-height:95px}
  .cl-page .cl-v-episode-link strong{font-size:13px}
  .cl-v-modal-header{padding:7px 9px;min-height:53px}
  .cl-v-modal-header button{min-width:37px;min-height:42px;padding:6px 8px}
  .cl-v-modal-actions{gap:4px}
  .cl-v-modal-footer{padding:6px 9px max(8px,env(safe-area-inset-bottom))}
  .cl-v-modal-footer span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.cl-v-modal *{scroll-behavior:auto!important;transition:none!important}}