/* Discovery design parity (Stitch "Modern Editorial"): release calendar, collections, comparison.
   Loaded after crv-discovery.css on /takvim, /koleksiyon*, /karsilastir. Uses crv-ui.css tokens. */

/* ---------- Shared bits ---------- */
.vd-btn-soft{background:var(--vd-surface-low);color:var(--vd-primary-container);border-color:transparent}
.vd-btn-soft:hover{background:var(--vd-surface-2)}
.vd-btn-soft[aria-pressed=true]{background:var(--vd-primary-wash);color:var(--vd-primary-container);border-color:var(--vd-primary-ring)}
.vd-btn-light{background:#fff;color:var(--vd-primary)}
.vd-btn-light:hover{background:var(--vd-surface-low)}
.vd-btn-onprimary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.28)}
.vd-btn-onprimary:hover{background:rgba(255,255,255,.24)}
.vd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vd-icon.is-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}

/* ---------- Calendar: head ---------- */
.vd-cal{padding-bottom:3rem}
.vd-cal-crumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:1.25rem 0 1rem}
.vd-cal-crumbs .vd-breadcrumb{margin:0}
.vd-cal-sync-top{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.vd-cal-updated{display:inline-flex;align-items:center;gap:.4rem;color:var(--vd-ink-2);font-size:12px;font-weight:500}
.vd-cal-updated i{width:7px;height:7px;border-radius:50%;background:var(--vd-primary-container)}
.vd-cal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:1.5rem}
.vd-cal-kicker-chip{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .75rem;padding:.25rem .65rem;border-radius:999px;background:var(--vd-primary-wash);color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);letter-spacing:.04em}
.vd-cal-kicker-chip .vd-icon{font-size:15px}
.vd-cal-head h1{margin:0 0 .6rem;font:700 clamp(2rem,4.2vw,3.5rem)/1.08 var(--vd-display);letter-spacing:-.03em;color:var(--vd-ink)}
.vd-cal-head h1 span{color:var(--vd-primary-container)}
.vd-cal-head-text>p:last-child{max-width:44rem;margin:0;color:var(--vd-ink-2);font-size:16px;line-height:26px}
.vd-cal-stats{display:grid;grid-template-columns:repeat(2,minmax(9.5rem,1fr));margin:0;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;box-shadow:var(--vd-shadow)}
.vd-cal-stats>div{display:grid;gap:.15rem;padding:1.15rem 1.35rem}
.vd-cal-stats>div+div{border-left:1px solid var(--vd-line)}
.vd-cal-stats dt{color:var(--vd-muted);font:600 11px/14px var(--vd-font);letter-spacing:.06em;text-transform:uppercase}
.vd-cal-stats dd{margin:.2rem 0 0;color:var(--vd-ink);font:500 14px/1 var(--vd-font)}
.vd-cal-stats dd strong{margin-right:.25rem;color:var(--vd-primary-container);font:700 40px/1 var(--vd-display);letter-spacing:-.02em}
.vd-cal-stats>div+div dd strong{color:var(--vd-ink)}
.vd-cal-stats small{color:var(--vd-muted);font-size:12px}
.vd-cal-stats .vd-link{font-size:12px}

.vd-cal-months{display:flex;gap:.5rem;margin:0 0 1rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.vd-cal-months::-webkit-scrollbar{display:none}
.vd-cal-months a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-md);background:#fff;color:var(--vd-ink-2);font:600 13px/18px var(--vd-font);text-decoration:none;white-space:nowrap}
.vd-cal-months a:hover{border-color:var(--vd-primary-ring);color:var(--vd-primary-container)}
.vd-cal-months a[aria-current=true]{border-color:var(--vd-primary-container);background:var(--vd-primary-container);color:#fff}
.vd-cal-months a small{padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.22);font-size:10px;font-weight:600}
.vd-cal-months a.is-news .vd-icon{font-size:17px}

.vd-cal-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;align-items:center;margin-bottom:2rem;padding:1rem 1.15rem}
.vd-cal-selects{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.vd-cal-selects .vd-select>summary{background:var(--vd-bg);min-width:11rem;justify-content:space-between}
.vd-cal-selects .vd-select-menu{left:0;right:auto;max-height:18rem;overflow:auto}
.vd-cal-views{justify-self:end}
.vd-cal-channels{grid-column:1/-1;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}
.vd-cal-channels::-webkit-scrollbar{display:none}
.vd-cal-channels .vd-filter-chip[aria-current=true]{border-color:var(--vd-primary-container);background:var(--vd-primary-container);color:#fff}
.vd-cal-channels .vd-filter-chip[aria-current=true] small{color:rgba(255,255,255,.8)}

/* ---------- Calendar: layout ---------- */
.vd-cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:2rem;align-items:start}
.vd-cal-main{display:grid;gap:2.5rem;min-width:0}
.vd-cal-side{display:grid;gap:1.25rem;position:sticky;top:calc(var(--vd-header) + 1rem)}
.vd-cal-section{display:grid;gap:1rem}
.vd-cal-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center}
.vd-cal-section-head.is-plain{grid-template-columns:minmax(0,1fr) auto}
.vd-cal-section-head h2{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font:600 22px/28px var(--vd-display);letter-spacing:-.015em;color:var(--vd-ink)}
.vd-cal-section-head p{margin:.15rem 0 0;color:var(--vd-muted);font-size:13px}
.vd-cal-section-head .vd-chip{text-transform:none;letter-spacing:0;font-weight:600}
.vd-cal-daybadge{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--vd-radius-md);background:var(--vd-primary-container);color:#fff;font:700 20px/1 var(--vd-display);box-shadow:0 8px 18px -8px rgba(59,73,223,.6)}
.vd-cal-daybadge.is-soft{background:var(--vd-surface-2);color:var(--vd-primary-container);box-shadow:none}
.vd-cal-daybadge.is-icon{background:var(--vd-primary-wash);color:var(--vd-primary-container);box-shadow:none}
.vd-cal-count{color:var(--vd-primary-container);font:600 12px/16px var(--vd-font);white-space:nowrap}
.vd-cal-none{margin:0;padding:1rem 1.25rem;border:1px dashed var(--vd-line);border-radius:var(--vd-radius-lg);color:var(--vd-muted);font-size:14px}
.vd-cal-list,.vd-cal-rows{display:grid;gap:1rem}
.vd-cal-rows{gap:.65rem}

/* Week bar + strip */
.vd-cal-weekbar{display:grid;gap:.85rem}
.vd-cal-weeknav{display:flex;align-items:center;gap:.6rem}
.vd-cal-weeknav>strong{font:700 22px/28px var(--vd-display);color:var(--vd-ink)}
.vd-cal-weekno{padding:.15rem .55rem;border-radius:999px;background:var(--vd-primary-wash);color:var(--vd-primary-container);font:600 12px/16px var(--vd-font)}
.vd-cal-weekbtns{display:flex;align-items:center;gap:.35rem;margin-left:auto}
.vd-cal-weekbtns .vd-icon-button{background:#fff;border:1px solid var(--vd-line)}
.vd-cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}
.vd-cal-day{display:grid;justify-items:center;gap:.15rem;padding:.6rem .25rem .5rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-md);background:#fff;color:var(--vd-ink-2);text-decoration:none}
.vd-cal-day span{font-size:12px;font-weight:500}
.vd-cal-day strong{font:600 20px/1.2 var(--vd-display);color:var(--vd-ink)}
.vd-cal-day i{display:flex;gap:3px;height:6px}
.vd-cal-day i b{width:6px;height:6px;border-radius:50%;background:var(--vd-outline)}
a.vd-cal-day:hover{border-color:var(--vd-primary-ring)}
.vd-cal-day.is-today{background:var(--vd-primary-container);border-color:var(--vd-primary-container);color:#fff;box-shadow:0 10px 22px -10px rgba(59,73,223,.7)}
.vd-cal-day.is-today strong{color:#fff}
.vd-cal-day.is-today i b{background:#fff}
.vd-cal-day.has-items:not(.is-today) i b{background:var(--vd-primary-container)}

/* Large release card */
.vd-cal-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.35rem;padding:1.25rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;box-shadow:var(--vd-shadow);scroll-margin-top:calc(var(--vd-header) + 1rem)}
.vd-cal-card:target{outline:2px solid var(--vd-primary-container);outline-offset:2px}
.vd-cal-card.is-postponed{opacity:.75}
.vd-cal-cover{position:relative;align-self:start;aspect-ratio:2/3;border-radius:var(--vd-radius-md);overflow:hidden;background:var(--vd-surface-low);box-shadow:0 10px 24px -14px rgba(15,23,42,.45)}
.vd-cal-cover img{display:block;width:100%;height:100%;object-fit:cover}
.vd-cal-cover-empty{display:grid;place-content:center;justify-items:center;gap:.35rem;height:100%;padding:.75rem;color:var(--vd-primary-container);text-align:center;background:linear-gradient(160deg,var(--vd-surface-low),var(--vd-surface-3))}
.vd-cal-cover-empty .vd-icon{font-size:32px}
.vd-cal-cover-empty small{color:var(--vd-ink-2);font-size:11px;font-weight:600}
.vd-cal-badge{position:absolute;left:.5rem;top:.5rem;max-width:calc(100% - 1rem);padding:.2rem .5rem;border-radius:var(--vd-radius-sm);background:rgba(11,28,48,.86);color:#fff;font:700 10px/14px var(--vd-font);letter-spacing:.06em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-cal-cover-date{position:absolute;right:.5rem;bottom:.5rem;padding:.2rem .55rem;border-radius:999px;background:#fff;color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);box-shadow:0 2px 8px rgba(15,23,42,.18)}
.vd-cal-body{display:grid;align-content:start;gap:.55rem;min-width:0}
.vd-cal-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;align-items:center}
.vd-cal-kicker{margin:0;color:var(--vd-muted);font-size:12px;font-weight:500}
.vd-cal-kicker strong{color:var(--vd-primary-container);font-weight:600}
.vd-cal-status{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;background:var(--vd-chip);color:var(--vd-chip-ink);font:600 11px/14px var(--vd-font);white-space:nowrap}
.vd-cal-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.vd-cal-status.is-primary{background:var(--vd-primary-wash);color:var(--vd-primary-container)}
.vd-cal-status.is-success{background:var(--vd-success-wash);color:var(--vd-success)}
.vd-cal-status.is-warning{background:var(--vd-warning-wash);color:var(--vd-warning)}
.vd-cal-title{margin:0;font:600 22px/28px var(--vd-display);letter-spacing:-.015em;color:var(--vd-ink)}
.vd-cal-title a{color:inherit;text-decoration:none}
.vd-cal-title a:hover{color:var(--vd-primary-container)}
.vd-cal-desc{margin:0;color:var(--vd-ink-2);font-size:14px;line-height:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vd-cal-credits{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:.15rem 0 0;font-size:12px}
.vd-cal-credits div{display:flex;gap:.35rem}
.vd-cal-credits dt{color:var(--vd-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.vd-cal-credits dt::after{content:":"}
.vd-cal-credits dd{margin:0;color:var(--vd-ink-2)}
.vd-cal-note{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;color:var(--vd-muted);font-size:12px}
.vd-cal-note span{display:inline-flex;align-items:center;gap:.25rem}
.vd-cal-note .vd-icon{font-size:15px;color:var(--vd-primary-container)}
.vd-cal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.35rem;padding-top:.85rem;border-top:1px solid var(--vd-line)}
.vd-cal-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0}
.vd-cal-price strong{font:700 24px/1 var(--vd-display);color:var(--vd-ink)}
.vd-cal-price s{color:var(--vd-muted);font-size:13px}
.vd-cal-price.is-empty{color:var(--vd-muted);font-size:13px}
.vd-cal-deal{color:var(--vd-primary-container);font-size:12px;font-weight:600}
.vd-cal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.vd-cal-channel{display:inline-flex;align-items:center;gap:.3rem;margin-right:.35rem;color:var(--vd-primary-container);font-size:12px;font-weight:600}
.vd-cal-channel .vd-icon{font-size:17px}
.vd-cal-tool{border:1px solid var(--vd-line);background:#fff}
.vd-cal-tool:hover{border-color:var(--vd-primary-ring);color:var(--vd-primary-container)}
.vd-cal-tool[aria-pressed=true]{background:var(--vd-primary-wash);border-color:var(--vd-primary-ring);color:var(--vd-primary-container)}
.vd-cal-tool[aria-pressed=true] .vd-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
.vd-cal-stores{margin:0;color:var(--vd-muted);font-size:12px}
.vd-cal-stores a{margin-right:.65rem;color:var(--vd-primary-container);font-weight:600;text-decoration:none}
.vd-cal-stores a:hover{text-decoration:underline}

/* Tall tiles (next week) and featured */
.vd-cal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.vd-cal-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vd-cal-tile,.vd-cal-feature{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;box-shadow:var(--vd-shadow);overflow:hidden;scroll-margin-top:calc(var(--vd-header) + 1rem)}
.vd-cal-tile .vd-cal-cover,.vd-cal-feature .vd-cal-cover{aspect-ratio:4/5;margin:.85rem .85rem 0;border-radius:var(--vd-radius-md)}
.vd-cal-feature .vd-cal-cover{aspect-ratio:3/4}
.vd-cal-tile-body{display:grid;align-content:start;gap:.4rem;padding:.9rem 1rem 1rem}
.vd-cal-tile-pub{display:flex;justify-content:space-between;gap:.5rem;margin:0;color:var(--vd-primary-container);font-size:12px;font-weight:600}
.vd-cal-tile-pub span+span{color:var(--vd-muted);font-weight:500}
.vd-cal-tile .vd-cal-title,.vd-cal-feature .vd-cal-title{font-size:17px;line-height:23px}
.vd-cal-tile .vd-cal-desc,.vd-cal-feature .vd-cal-desc{font-size:13px;line-height:20px;-webkit-line-clamp:2}
.vd-cal-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem}
.vd-cal-tile-price{font:700 18px/1 var(--vd-display);color:var(--vd-ink)}
.vd-cal-feature-note{margin-right:auto;color:var(--vd-muted);font-size:12px;font-weight:600}
.vd-cal-feature .vd-cal-tile-foot .vd-cal-tool{width:34px;height:34px}

/* Compact rows */
.vd-cal-row{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.75rem 1rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;scroll-margin-top:calc(var(--vd-header) + 1rem)}
.vd-cal-row:target{outline:2px solid var(--vd-primary-container)}
.vd-cal-row.is-postponed{opacity:.75}
.vd-cal-row .vd-cal-cover{width:52px;border-radius:var(--vd-radius);box-shadow:none}
.vd-cal-row .vd-cal-badge{display:none}
.vd-cal-row .vd-cal-title{font-size:16px;line-height:22px}
.vd-cal-row .vd-cal-body{gap:.25rem}
.vd-cal-date{display:grid;justify-items:center;min-width:3.25rem;padding:.35rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low);color:var(--vd-primary-container);line-height:1.1}
.vd-cal-date strong{font:700 20px/1 var(--vd-display)}
.vd-cal-date span{font-size:11px;font-weight:600;text-transform:uppercase}
.vd-cal-date small{color:var(--vd-muted);font-size:10px}
.vd-cal-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0}
.vd-cal-row-price{font-weight:700;color:var(--vd-ink);font-size:14px}
.vd-cal-month{padding:1rem}
.vd-cal-month .vd-month-head{margin-bottom:.75rem}
.vd-cal-fresh{display:flex;align-items:center;gap:.85rem;margin:0;padding:1rem 1.15rem;border-radius:var(--vd-radius-lg);background:var(--vd-surface-low);color:var(--vd-ink-2);font-size:13px}
.vd-cal-fresh>.vd-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--vd-surface-3);color:var(--vd-primary-container)}
.vd-cal-fresh strong{display:block;color:var(--vd-ink);font:600 15px/20px var(--vd-display)}

/* Side panels */
.vd-cal-side .vd-side-title{display:flex;align-items:center;gap:.45rem;margin:0 0 .35rem;font:600 17px/22px var(--vd-display)}
.vd-cal-side .vd-card>.vd-muted{margin:0 0 .85rem;font-size:12px}
.vd-cal-radar ol{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}
.vd-cal-radar li{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.6rem;align-items:start}
.vd-cal-rank{font:700 20px/1.1 var(--vd-display);color:var(--vd-primary-container)}
.vd-cal-radar li a{display:block;color:var(--vd-ink);font-size:14px;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-cal-radar li a:hover{color:var(--vd-primary-container)}
.vd-cal-radar li small{display:block;color:var(--vd-muted);font-size:11px}
.vd-cal-radar .vd-bar{display:block;margin-top:.35rem}
.vd-cal-radar li>strong{display:grid;justify-items:end;color:var(--vd-primary-container);font-size:13px}
.vd-cal-radar li>strong small{color:var(--vd-muted);font-weight:500}
.vd-cal-news ul{display:grid;gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none}
.vd-cal-news li{display:grid;gap:.3rem;padding:.75rem .85rem;border-radius:var(--vd-radius-md);background:var(--vd-bg);font-size:12px}
.vd-cal-news-head{display:flex;justify-content:space-between;gap:.5rem;margin:0;color:var(--vd-primary-container);font-weight:600}
.vd-cal-news-head time{color:var(--vd-muted);font-weight:500}
.vd-cal-news li>strong{color:var(--vd-ink);font-size:13px;line-height:18px}
.vd-cal-news li>p{margin:0;color:var(--vd-ink-2);line-height:18px}
.vd-cal-verified{color:var(--vd-success);vertical-align:middle}
.vd-cal-verified .vd-icon{font-size:15px}
.vd-cal-news-src{display:flex;flex-wrap:wrap;gap:.25rem .75rem;color:var(--vd-muted)!important}
.vd-cal-news-src a{display:inline-flex;align-items:center;gap:.2rem;color:var(--vd-primary-container);font-weight:600;text-decoration:none}
.vd-cal-news-src .vd-icon{font-size:14px}
.vd-cal-publishers ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}
.vd-cal-publishers a{display:grid;gap:.1rem;padding:.6rem .75rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low);color:var(--vd-ink);text-decoration:none}
.vd-cal-publishers a:hover,.vd-cal-publishers a[aria-current=true]{background:var(--vd-primary-wash)}
.vd-cal-publishers strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-cal-publishers small{color:var(--vd-primary-container);font-size:11px;font-weight:600}
.vd-cal-sync{position:relative;display:grid;gap:.5rem;padding:1.5rem;border-radius:var(--vd-radius-lg);background:linear-gradient(135deg,var(--vd-primary-container),var(--vd-primary));color:#fff;overflow:hidden;box-shadow:0 18px 40px -18px rgba(28,42,200,.65)}
.vd-cal-sync::after{content:"";position:absolute;right:-2.5rem;bottom:-2.5rem;width:9rem;height:9rem;border:18px solid rgba(255,255,255,.08);border-radius:50%}
.vd-cal-sync-eyebrow{margin:0;color:rgba(255,255,255,.75);font:600 11px/14px var(--vd-font);letter-spacing:.06em;text-transform:uppercase}
.vd-cal-sync h2{margin:0;font:700 22px/28px var(--vd-display);color:#fff}
.vd-cal-sync p{margin:0;color:rgba(255,255,255,.86);font-size:13px;line-height:20px}
.vd-cal-sync-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.vd-cal-dock{display:none}

@media(max-width:1199px){
  .vd-cal-layout{grid-template-columns:minmax(0,1fr) 19rem;gap:1.5rem}
  .vd-cal-grid.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1023px){
  .vd-cal-layout{grid-template-columns:minmax(0,1fr)}
  .vd-cal-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd-cal-head{grid-template-columns:minmax(0,1fr)}
  .vd-cal-stats{justify-self:start}
}
@media(max-width:767px){
  .vd-cal-crumbs .vd-breadcrumb{display:none}
  .vd-cal-crumbs{margin:.75rem 0}
  .vd-cal-sync-top{width:100%;justify-content:space-between}
  .vd-cal-head{gap:1rem;margin-bottom:1rem}
  .vd-cal-head h1{font-size:30px;line-height:36px}
  .vd-cal-head-text>p:last-child{font-size:14px;line-height:22px}
  .vd-cal-stats{width:100%;grid-template-columns:1fr 1fr}
  .vd-cal-stats>div{padding:.85rem 1rem}
  .vd-cal-stats dd strong{font-size:30px}
  .vd-cal-filters{grid-template-columns:minmax(0,1fr);padding:.85rem;margin-bottom:1.25rem}
  .vd-cal-selects{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .vd-cal-selects::-webkit-scrollbar{display:none}
  .vd-cal-selects .vd-select>summary{min-width:0}
  .vd-cal-selects .vd-select-menu{position:fixed;left:1rem;right:1rem;top:auto;bottom:5rem}
  .vd-cal-views{justify-self:stretch}
  .vd-cal-views a{flex:1;justify-content:center}
  .vd-cal-main{gap:1.75rem}
  .vd-cal-section-head{grid-template-columns:auto minmax(0,1fr);gap:.65rem}
  .vd-cal-section-head>.vd-cal-count,.vd-cal-section-head>.vd-link{grid-column:2;justify-self:start}
  .vd-cal-section-head h2{font-size:19px;line-height:24px}
  .vd-cal-daybadge{width:38px;height:38px;font-size:17px}
  .vd-cal-days{gap:.35rem}
  .vd-cal-day{padding:.5rem .1rem .4rem}
  .vd-cal-day strong{font-size:18px}
  .vd-cal-card{grid-template-columns:96px minmax(0,1fr);gap:.85rem;padding:.85rem}
  .vd-cal-title{font-size:18px;line-height:24px}
  .vd-cal-desc{-webkit-line-clamp:2;font-size:13px;line-height:20px}
  .vd-cal-credits,.vd-cal-note{display:none}
  .vd-cal-top{flex-direction:column;align-items:flex-start}
  .vd-cal-foot{grid-column:1/-1}
  .vd-cal-card .vd-cal-foot{margin-left:calc(-96px - .85rem)}
  .vd-cal-price strong{font-size:20px}
  .vd-cal-actions{width:100%}
  .vd-cal-actions .vd-btn-primary{margin-left:auto}
  .vd-cal-grid,.vd-cal-grid.is-3{grid-template-columns:minmax(0,1fr)}
  .vd-cal-tile,.vd-cal-feature{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto}
  .vd-cal-tile .vd-cal-cover,.vd-cal-feature .vd-cal-cover{aspect-ratio:2/3;margin:.85rem 0 .85rem .85rem}
  .vd-cal-tile-foot{flex-wrap:wrap}
  .vd-cal-row{grid-template-columns:auto 44px minmax(0,1fr);gap:.65rem;padding:.65rem}
  .vd-cal-row .vd-cal-cover{width:44px}
  .vd-cal-row>.vd-cal-actions{grid-column:1/-1;justify-content:flex-end}
  .vd-cal-side{grid-template-columns:minmax(0,1fr)}
  .vd-cal-dock{position:fixed;z-index:40;left:.75rem;right:.75rem;bottom:calc(64px + env(safe-area-inset-bottom) + .5rem);display:flex;align-items:center;gap:.75rem;padding:.6rem .7rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-lg);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--vd-shadow-lg)}
  .vd-cal-dock>span:nth-child(2){display:grid;min-width:0;font-size:13px}
  .vd-cal-dock strong{color:var(--vd-ink)}
  .vd-cal-dock strong>span{color:var(--vd-primary-container)}
  .vd-cal-dock small{color:var(--vd-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vd-cal-dock .vd-btn{margin-left:auto}
  .vd-cal-dock-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--vd-primary-container);color:#fff}
  .vd-cal{padding-bottom:6rem}
}
@media(min-width:768px){.vd-cal-days{display:none}}
.vd-cal-sync .vd-btn-light,.vd-cal-sync .vd-btn-light:hover{color:var(--vd-primary)}
.vd-cal-sync .vd-btn-onprimary,.vd-cal-sync .vd-btn-onprimary:hover{color:#fff}
@media(max-width:767px){
  .vd-cal-kicker-chip,.vd-cal-head-text>p:last-child,.vd-cal-months,.vd-cal-sync-top .vd-btn{display:none}
  .vd-cal-head h1{font-size:26px;line-height:32px;margin:0}
  .vd-cal-stats dt{font-size:10px}
  .vd-cal-filters{padding:0;border:0;background:none;box-shadow:none;gap:.6rem}
  .vd-cal-weekbar{position:sticky;top:var(--vd-header);z-index:5;margin:0 calc(-1*var(--vd-margin));padding:.5rem var(--vd-margin) .75rem;background:rgba(248,249,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .vd-cal-weeknav>strong{font-size:19px}
}

/* ---------- Collection page ---------- */
.vd-collection-v4{padding-bottom:3rem}
.vd-collection-v4 .vd-collection-hero{padding:0;overflow:hidden;background:linear-gradient(135deg,var(--vd-surface-low),#fff 65%)}
.vd-collection-hero-body{padding:2rem 2.25rem}
.vd-collection-banner{position:relative;aspect-ratio:16/5;background:var(--vd-surface-2)}
.vd-collection-banner img{display:block;width:100%;height:100%;object-fit:cover}
.vd-collection-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,28,48,.35))}
.vd-collection-flags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .9rem}
.vd-collection-flags .vd-cal-kicker-chip{margin:0}
.vd-collection-flag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:var(--vd-surface-2);color:var(--vd-primary);font:600 11px/14px var(--vd-font)}
.vd-collection-flag .vd-icon{font-size:14px}
.vd-collection-flag.is-plain{background:var(--vd-chip);color:var(--vd-chip-ink)}
.vd-collection-updated{color:var(--vd-muted);font-size:12px}
.vd-collection-v4 .vd-collection-hero h1{font-size:clamp(28px,3.4vw,44px);line-height:1.1}
.vd-collection-v4 .vd-curator{margin-top:1.25rem}
.vd-collection-v4 .vd-curator strong{display:inline-flex;align-items:center;gap:.4rem}
.vd-collection-v4 .vd-curator .vd-chip{height:20px;text-transform:none;letter-spacing:0}
.vd-collection-ministats{display:none;grid-template-columns:repeat(3,1fr);margin:1rem 0 0;padding:.75rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low)}
.vd-collection-ministats div{display:flex;flex-direction:column;align-items:center;gap:.1rem}
.vd-collection-ministats dt{order:2;color:var(--vd-muted);font-size:11px}
.vd-collection-ministats dd{order:1;display:flex;align-items:center;gap:.25rem;margin:0;color:var(--vd-primary-container);font:700 18px/1.2 var(--vd-display)}
.vd-collection-ministats dd .vd-icon{font-size:17px}
.vd-collection-v4 .vd-collection-actions{margin-top:1.5rem}
.vd-collection-v4 .vd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vd-collection-v4 .vd-stat-grid div{padding:.85rem;border-radius:var(--vd-radius-md);background:var(--vd-bg)}
.vd-progress-box.is-community{margin-top:.75rem}
.vd-progress-box.is-community .vd-progress span{background:var(--vd-tertiary)}
.vd-route-card{display:none}
.vd-collection-items-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.vd-collection-items-head h2{margin:0;font:600 22px/28px var(--vd-display)}
.vd-collection-v4 .vd-collection-toolbar{align-items:center}
.vd-layout-toggle{display:flex;gap:.25rem;margin-left:auto}
.vd-layout-toggle .vd-icon-button[aria-pressed=true]{background:var(--vd-primary-wash);color:var(--vd-primary-container)}
.vd-collection-v4 .vd-citem{position:relative;grid-template-columns:4.5rem 112px minmax(0,1fr)}
.vd-collection-v4 .vd-citem.is-current{border-color:var(--vd-primary-container);box-shadow:0 0 0 1px var(--vd-primary-container),var(--vd-shadow)}
.vd-citem-flag{position:absolute;right:1rem;top:-.6rem;padding:.15rem .6rem;border-radius:999px;background:var(--vd-primary-container);color:#fff;font:700 10px/14px var(--vd-font);letter-spacing:.05em;text-transform:uppercase}
.vd-citem-num small{display:block;margin-top:.15rem;color:var(--vd-muted);font:700 10px/12px var(--vd-font);letter-spacing:.08em;text-transform:uppercase;word-break:break-word}
.vd-citem.is-current .vd-citem-num small{color:var(--vd-primary-container)}
.vd-citem-cover{position:relative}
.vd-citem-year{position:absolute;left:.35rem;top:.35rem;padding:.05rem .4rem;border-radius:var(--vd-radius-sm);background:rgba(11,28,48,.82);color:#fff;font:700 10px/14px var(--vd-font)}
.vd-citem-progress{display:grid;gap:.35rem;padding:.6rem .75rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low);color:var(--vd-primary-container);font-size:12px;font-weight:600}
.vd-citem-progress>span{display:flex;align-items:center;gap:.3rem}
.vd-citem-progress .vd-icon{font-size:16px}
.vd-citem-myrating{color:var(--vd-muted);font-size:12px}
.vd-citem-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}
.vd-collection-v4 .vd-citem-foot{flex-wrap:wrap}
.vd-citems.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.vd-citems.is-grid .vd-citem{grid-template-columns:1fr;gap:.75rem}
.vd-citems.is-grid .vd-citem-num{display:flex;align-items:baseline;gap:.5rem}
.vd-citems.is-grid .vd-citem-note,.vd-citems.is-grid .vd-citem-credits{display:none}
.vd-collection-more{display:none;width:fit-content;margin:1rem auto 0}
.vd-guide-card{margin-top:1.5rem;padding:1.35rem 1.5rem;border-radius:var(--vd-radius-lg);background:var(--vd-surface-low);border:1px solid var(--vd-surface-3)}
.vd-guide-card h2{display:flex;align-items:center;gap:.45rem;margin:0 0 .5rem;color:var(--vd-primary-container);font:600 16px/22px var(--vd-display)}
.vd-guide-card p{margin:0;color:var(--vd-ink-2);font-size:14px;line-height:22px}
.vd-guide-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}
.vd-guide-tags span{padding:.25rem .65rem;border-radius:999px;background:#fff;color:var(--vd-ink-2);font-size:12px;font-weight:600}
.vd-create-cta{display:grid;justify-items:start;gap:.5rem;margin-top:1.5rem;padding:1.75rem;border-radius:var(--vd-radius-lg);background:linear-gradient(135deg,var(--vd-surface-2),#fff);border:1px solid var(--vd-surface-3)}
.vd-create-cta-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--vd-radius-md);background:var(--vd-primary-container);color:#fff}
.vd-create-cta h2{margin:.25rem 0 0;font:700 22px/28px var(--vd-display)}
.vd-create-cta p{margin:0;color:var(--vd-ink-2);font-size:14px}
.vd-create-cta .vd-btn-light,.vd-create-cta .vd-btn-light:hover{background:var(--vd-primary-container);color:#fff}
.vd-side-title.is-small{margin-top:1rem;font-size:13px;color:var(--vd-muted);text-transform:uppercase;letter-spacing:.05em}
.vd-donut-wrap{display:grid;place-items:center;margin:.5rem 0}
.vd-donut{width:150px;height:150px;transform:rotate(-90deg)}
.vd-donut text{transform:rotate(90deg);transform-origin:21px 21px}
.vd-donut-num{font:700 9px var(--vd-display);fill:var(--vd-ink)}
.vd-donut-label{font:500 3.2px var(--vd-font);fill:var(--vd-muted)}
.vd-donut-legend{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;font-size:13px}
.vd-donut-legend li{display:grid;grid-template-columns:10px 1fr auto;gap:.5rem;align-items:center}
.vd-donut-legend i{width:10px;height:10px;border-radius:50%}
.vd-donut-legend small{color:var(--vd-muted)}
.vd-ccomments-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.vd-ccomments-score{padding:.2rem .55rem;border-radius:999px;background:var(--vd-primary-wash);color:var(--vd-primary-container);font:700 12px/16px var(--vd-font)}
.vd-ccomment-list{display:grid;gap:.6rem;margin:.75rem 0;padding:0;list-style:none}
.vd-ccomment-list li{padding:.7rem .8rem;border-radius:var(--vd-radius-md);background:var(--vd-bg);font-size:13px}
.vd-ccomment-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.vd-ccomment-head time{margin-left:auto;color:var(--vd-muted);font-size:11px}
.vd-ccomment-list p{margin:.35rem 0 0;color:var(--vd-ink-2);line-height:19px}
.vd-ccomment-delete{margin-top:.25rem;font-size:12px;background:none;border:0;padding:0;cursor:pointer}
.vd-stars{display:inline-flex;color:var(--vd-line)}
.vd-stars .vd-icon{font-size:14px}
.vd-stars .vd-icon.is-filled{color:#f59e0b}
.vd-ccomment-form{display:grid;gap:.5rem}
.vd-ccomment-form textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius);font:14px/20px var(--vd-font);resize:vertical;box-sizing:border-box}
.vd-star-input{display:flex;gap:.1rem}
.vd-star-input button{border:0;background:none;padding:.1rem;color:var(--vd-line);cursor:pointer}
.vd-star-input button.is-on{color:#f59e0b}
.vd-star-input button.is-on .vd-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}

@media(max-width:1023px){
  .vd-collection-v4 .vd-collection-top,.vd-collection-v4 .vd-collection-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
  .vd-collection-v4 .vd-breadcrumb{display:none}
  .vd-collection-v4{padding-top:.75rem}
  .vd-collection-v4 .vd-collection-hero.has-banner .vd-collection-banner{aspect-ratio:16/10}
  .vd-collection-hero-body{padding:1.15rem}
  .vd-collection-updated{display:none}
  .vd-collection-ministats{display:grid}
  .vd-collection-v4 .vd-collection-stats-card{display:none}
  .vd-collection-v4 .vd-collection-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem}
  .vd-collection-v4 .vd-collection-actions .vd-btn-soft{grid-column:1/-1}
  .vd-route-card{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.9rem 1rem;border-radius:var(--vd-radius-lg);background:var(--vd-surface-low)}
  .vd-route-card>span:nth-child(2){display:grid;flex:1;font-size:13px}
  .vd-route-card small{color:var(--vd-muted)}
  .vd-route-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--vd-surface-3);color:var(--vd-primary-container)}
  .vd-collection-v4 .vd-collection-toolbar .vd-segmented-text,.vd-layout-toggle{display:none}
  .vd-collection-v4 .vd-citem{grid-template-columns:96px minmax(0,1fr);gap:.6rem .85rem;padding:1rem}
  .vd-collection-v4 .vd-citem-num{position:absolute;left:1.4rem;top:1.4rem;z-index:1}
  .vd-collection-v4 .vd-citem-num strong{padding:.05rem .4rem;border-radius:var(--vd-radius-sm);background:rgba(11,28,48,.86);color:#fff;font-size:12px;line-height:16px}
  .vd-collection-v4 .vd-citem-num small{display:none}
  .vd-collection-v4 .vd-citem-year{left:auto;right:.35rem;top:auto;bottom:.35rem}
  .vd-collection-v4 .vd-citem-body{display:contents}
  .vd-collection-v4 .vd-citem-cover{grid-row:1/span 5;grid-column:1;align-self:start}
  .vd-collection-v4 .vd-citem-head,.vd-collection-v4 .vd-citem-meta,.vd-collection-v4 .vd-citem-credits,.vd-collection-v4 .vd-comic-tags{grid-column:2}
  .vd-collection-v4 .vd-citem-note,.vd-collection-v4 .vd-citem-foot,.vd-collection-v4 .vd-citem-progress{grid-column:1/-1}
  .vd-citem-actions{width:100%;margin-left:0}
  .vd-citem-actions .vd-btn{flex:1}
  .vd-citems:not(.is-expanded) .vd-citem.is-extra{display:none}
  .vd-collection-more{display:flex}
}

/* ---------- Collection studio ---------- */
.vd-studio-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:2rem}
.vd-studio-hero h1{margin:0 0 .5rem;font:700 clamp(28px,3vw,40px)/1.15 var(--vd-display);letter-spacing:-.025em}
.vd-studio-hero p{margin:0;max-width:42rem;color:var(--vd-ink-2)}
.vd-studio-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .75rem!important}
.vd-studio-kicker .vd-cal-kicker-chip{margin:0;text-transform:uppercase}
.vd-studio-v4 .vd-studio-grid{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}
.vd-studio-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}
.vd-studio-card-head h2{margin:0!important}
.vd-studio-card-head.is-wrap{flex-wrap:wrap;align-items:flex-start}
.vd-studio-card-head p{margin:.25rem 0 0;font-size:13px}
.vd-studio-step{padding:.2rem .55rem;border-radius:999px;background:var(--vd-primary-wash);color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);white-space:nowrap}
.vd-studio-v4 .vd-slug{align-items:center}
.vd-studio-v4 .vd-slug .vd-icon-button{width:34px;height:34px}
.vd-format-tools{display:inline-flex;gap:.15rem}
.vd-format-tools button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:var(--vd-radius-sm);background:none;color:var(--vd-ink-2);cursor:pointer;font-size:13px}
.vd-format-tools button:hover{background:var(--vd-surface-low)}
.vd-format-tools .vd-icon{font-size:16px}
.vd-field-help{display:block;margin-top:.25rem;color:var(--vd-muted);font-size:11px;text-align:right}
.vd-banner-drop{position:relative;aspect-ratio:16/9;border-radius:var(--vd-radius-md);overflow:hidden;background:linear-gradient(135deg,var(--vd-surface-low),var(--vd-surface-3));border:1px dashed var(--vd-surface-3)}
.vd-banner-drop img{display:block;width:100%;height:100%;object-fit:cover}
.vd-banner-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.35rem;color:var(--vd-primary-container);font-size:12px}
.vd-banner-empty .vd-icon{font-size:32px}
.vd-banner-bar{position:absolute;left:.6rem;right:.6rem;bottom:.6rem;display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem .4rem .75rem;border-radius:var(--vd-radius);background:rgba(11,28,48,.72);color:#fff;font-size:12px;font-weight:600}
.vd-banner-bar>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-banner-bar label{cursor:pointer}
.vd-banner-remove{width:32px;height:32px;background:rgba(255,255,255,.15);color:#fff}
.vd-studio-subtle{margin:.5rem 0;font-size:12px}
.vd-badge-toggles{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
.vd-badge-toggle{display:inline-flex;align-items:center;gap:.3rem;min-height:30px;padding:0 .75rem;border:1px solid var(--vd-line);border-radius:999px;background:#fff;color:var(--vd-ink-2);font:600 12px/16px var(--vd-font);cursor:pointer}
.vd-badge-toggle .vd-icon{font-size:15px}
.vd-badge-toggle[aria-pressed=true]{border-color:var(--vd-primary-container);background:var(--vd-primary-container);color:#fff}
.vd-switch.is-end{justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--vd-line)}
.vd-switch.is-end>span:first-child{display:grid}
.vd-studio-curator{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--vd-surface-low)}
.vd-studio-curator .vd-avatar{width:40px;height:40px;font-size:16px}
.vd-studio-curator>span:nth-child(2){display:grid;flex:1;font-size:13px}
.vd-studio-curator small{color:var(--vd-muted)}
.vd-studio-curator>.vd-icon{color:var(--vd-primary-container)}
.vd-segmented{display:inline-flex;gap:.2rem;padding:.25rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low)}
.vd-segmented button{min-height:32px;padding:0 .8rem;border:0;border-radius:var(--vd-radius);background:none;color:var(--vd-ink-2);font:600 12px/16px var(--vd-font);cursor:pointer}
.vd-segmented button small{color:var(--vd-muted)}
.vd-segmented button[aria-selected=true]{background:#fff;color:var(--vd-primary-container);box-shadow:0 1px 3px rgba(15,23,42,.1)}
.vd-studio-v4 .vd-studio-search{position:relative}
.vd-studio-search kbd{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.1rem .4rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-sm);background:#fff;color:var(--vd-muted);font:600 10px/14px var(--vd-font)}
.vd-studio-last{display:flex;align-items:center;gap:.4rem;margin:.75rem 0 0;padding:.55rem .75rem;border-radius:var(--vd-radius);background:var(--vd-primary-wash);color:var(--vd-ink);font-size:12px}
.vd-studio-last .vd-icon{color:var(--vd-primary-container);font-size:17px}
.vd-studio-last span:nth-child(2){flex:1}
.vd-studio-last button{background:none;border:0;cursor:pointer;font-weight:700}
.vd-studio-order-head h2{display:flex;align-items:center;gap:.5rem}
.vd-studio-totals{color:var(--vd-ink-2);font-size:12px;font-weight:500}
.vd-sitem-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.15rem 0}
.vd-sitem-chips .vd-chip{height:20px;text-transform:none;letter-spacing:0}
.vd-sitem-labels{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.4rem 0}
.vd-sitem-label{display:grid;gap:.15rem;font-size:11px;color:var(--vd-muted);font-weight:600}
.vd-sitem-label input{min-width:0;height:30px;padding:0 .5rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-sm);font:13px var(--vd-font);color:var(--vd-ink)}
.vd-studio-addmore{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:1.1rem;border:2px dashed var(--vd-line);border-radius:var(--vd-radius-lg);background:none;color:var(--vd-primary-container);font:600 13px/18px var(--vd-font);cursor:pointer}
.vd-studio-addmore:hover{border-color:var(--vd-primary-ring);background:var(--vd-surface-low)}
.vd-studio-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--vd-radius-lg);background:#fff;border:1px solid var(--vd-line-soft);box-shadow:var(--vd-shadow)}
.vd-studio-footer>.vd-icon{color:var(--vd-primary-container)}
.vd-studio-footer p{flex:1;min-width:14rem;margin:0;color:var(--vd-ink-2);font-size:13px}
@media(max-width:1023px){.vd-studio-v4 .vd-studio-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
  .vd-studio-hero{margin-bottom:1.25rem}
  .vd-studio-actions{width:100%}
  .vd-studio-actions .vd-btn{flex:1}
  .vd-sitem-labels{grid-template-columns:1fr}
  .vd-studio-footer{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom) + .5rem);z-index:5}
}
.vd-studio-v4 .vd-slug span[data-slug-prefix]{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}

/* ---------- Comparison ---------- */
.vd-compare-v4{display:grid;gap:1.5rem;padding-bottom:3rem}
.vd-compare-v4>.vd-breadcrumb{margin-bottom:-.5rem}
.vd-compare-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.vd-compare-hero h1{margin:0 0 .5rem;font:700 clamp(28px,3.4vw,44px)/1.12 var(--vd-display);letter-spacing:-.025em}
.vd-compare-hero p:last-child{margin:0;max-width:44rem;color:var(--vd-ink-2)}
.vd-compare-hero .vd-cal-kicker-chip{text-transform:uppercase}
.vd-compare-hero-actions{display:flex;gap:.5rem}
.vd-compare-v4 .vd-compare-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem}
.vd-compare-picker-title{width:100%;margin:0;color:var(--vd-muted);font:600 11px/14px var(--vd-font);letter-spacing:.08em;text-transform:uppercase}
.vd-compare-v4 .vd-compare-selected{flex:1}
.vd-compare-v4 .vd-compare-pill>i,.vd-compare-v4 .vd-release-kicker>i,.vd-dot{display:inline-block;width:8px;height:8px;margin-right:.35rem;border-radius:50%;vertical-align:middle}
.vd-compare-v4 .vd-vs{color:var(--vd-outline);font:700 16px/1 var(--vd-display)}
.vd-compare-picker-tools{display:flex;align-items:center;gap:.5rem}
.vd-compare-v4 .vd-compare-card{position:relative}
.vd-compare-v4 .vd-compare-cover{position:relative}
.vd-compare-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;align-items:center}
.vd-compare-card-top p{margin:0}
.vd-compare-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:.75rem 0;font-size:13px}
.vd-compare-facts dt{color:var(--vd-muted);font-size:11px}
.vd-compare-facts dd{margin:0;color:var(--vd-ink)}
.vd-compare-block-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}
.vd-compare-block-head.is-split{justify-content:space-between}
.vd-compare-block-head h2{margin:0;font:600 18px/24px var(--vd-display)}
.vd-compare-block-head small{color:var(--vd-muted);font-size:12px}
.vd-compare-block-head>.vd-icon{color:var(--vd-primary-container)}
.vd-compare-block-head .vd-eyebrow{margin:0 0 .2rem;color:var(--vd-muted)}
.vd-compare-legend{display:flex;gap:1rem;margin:0;padding:0;list-style:none;font-size:12px;font-weight:600;color:var(--vd-ink-2)}
.vd-compare-legend i{display:inline-block;width:10px;height:10px;margin-right:.35rem;border-radius:50%;vertical-align:-1px}
.vd-compare-vote-row{display:flex;justify-content:space-between;gap:1rem}
.vd-compare-vote-row>div{display:grid;gap:.15rem}
.vd-compare-vote-row>div:last-child{text-align:right}
.vd-compare-vote-row strong{display:inline-flex;align-items:center;gap:.25rem;color:var(--c);font:700 26px/1 var(--vd-display)}
.vd-compare-vote-row>div:last-child strong{justify-content:flex-end}
.vd-compare-vote-row strong .vd-icon{font-size:20px}
.vd-compare-vote-row small{color:var(--vd-muted);font-size:12px}
.vd-compare-share{display:flex;height:12px;margin:.85rem 0 .4rem;border-radius:999px;overflow:hidden;background:var(--vd-surface-low)}
.vd-compare-share span+span{border-left:2px solid #fff}
.vd-compare-share-legend{display:flex;justify-content:space-between;color:var(--vd-primary-container);font-size:12px;font-weight:600}
.vd-compare-analysis{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.vd-compare-analysis.is-single{grid-template-columns:minmax(0,1fr)}
.vd-radar-wrap{display:grid;place-items:center}
.vd-radar{width:100%;max-width:440px;height:auto;overflow:visible}
.vd-radar-grid{fill:none;stroke:var(--vd-line);stroke-dasharray:3 3}
.vd-radar-axis{stroke:var(--vd-line)}
.vd-radar-label{fill:var(--vd-ink-2);font:600 11px var(--vd-font)}
.vd-radar-shape{fill-opacity:.18;stroke-width:2}
.vd-radar-table{display:grid;gap:.5rem;margin:1rem 0 0}
.vd-radar-table div{display:grid;justify-items:center;gap:.15rem;padding:.55rem .25rem;border-radius:var(--vd-radius);background:var(--vd-bg)}
.vd-radar-table dt{color:var(--vd-muted);font-size:11px}
.vd-radar-table dd{margin:0;color:var(--vd-ink);font-weight:700;font-size:13px}
.vd-tone{display:grid;gap:.35rem;margin-bottom:1rem}
.vd-tone-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;font-size:13px}
.vd-tone-head span{color:var(--vd-muted);font-size:12px}
.vd-tone-bar{height:8px;border-radius:999px;background:var(--vd-surface-low);overflow:hidden}
.vd-tone-bar span{display:block;height:100%;border-radius:999px}
.vd-compare-summary-box{display:flex;gap:.6rem;margin-top:.5rem;padding:1rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low);border:1px solid var(--vd-surface-3)}
.vd-compare-summary-box .vd-icon{color:var(--vd-primary-container)}
.vd-compare-summary-box p{margin:0;color:var(--vd-ink-2);font-size:13px;line-height:20px}
.vd-compare-source{margin:1rem 0 0;color:var(--vd-muted);font-size:11px}
.vd-compare-specs-head.is-split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem}
.vd-compare-note{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border:1px solid var(--vd-line);border-radius:999px;color:var(--vd-primary-container);font-size:11px;font-weight:600}
.vd-compare-note .vd-icon{font-size:15px}
.vd-verdict{padding:1.5rem 1.75rem;border-radius:var(--vd-radius-lg);background:linear-gradient(135deg,var(--vd-primary-container),var(--vd-tertiary));color:#fff;box-shadow:0 18px 40px -18px rgba(28,42,200,.6)}
.vd-verdict h2{display:flex;align-items:center;gap:.45rem;margin:0 0 .75rem;color:rgba(255,255,255,.85);font:700 12px/16px var(--vd-font);letter-spacing:.08em;text-transform:uppercase}
.vd-verdict blockquote{margin:0;font:500 18px/28px var(--vd-display)}
.vd-verdict p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:1rem 0 0;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.8);font-size:12px}
.vd-verdict p strong{display:inline-flex;align-items:center;gap:.3rem;color:#fff}
.vd-verdict p .vd-icon{font-size:16px}
.vd-compare-dock{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem;border-radius:var(--vd-radius-lg);background:#fff;border:1px solid var(--vd-line-soft);box-shadow:var(--vd-shadow-lg)}
.vd-compare-dock-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--vd-radius-md);background:var(--vd-primary-wash);color:var(--vd-primary-container)}
.vd-compare-dock-text{display:grid;flex:1;min-width:14rem;font-size:13px}
.vd-compare-dock-text small{color:var(--vd-muted)}
.vd-compare-dock-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.vd-btn-dark,.vd-btn-dark:visited{background:#475569;color:#fff!important}
.vd-btn-dark:hover{background:#334155;color:#fff}
@media(max-width:1023px){.vd-compare-analysis{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
  .vd-compare-v4 .vd-breadcrumb{display:none}
  .vd-compare-hero h1{font-size:26px;line-height:32px}
  .vd-compare-hero p:last-child{font-size:14px}
  .vd-compare-hero-actions{width:100%}
  .vd-compare-hero-actions .vd-btn{flex:1}
  .vd-compare-v4 .vd-compare-cards.is-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-card{display:grid;grid-template-columns:1fr;padding:.75rem;text-align:center}
  .vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-cover{width:100%;max-width:none}
  .vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-summary,.vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-facts,.vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-card-foot .vd-state,.vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-rating{display:none}
  .vd-compare-v4 .vd-compare-cards.is-2 h2{font-size:15px;line-height:20px}
  .vd-compare-v4 .vd-compare-cards.is-2 .vd-compare-card-top{justify-content:center}
  .vd-compare-v4 .vd-compare-card-foot{justify-content:center}
  .vd-radar-table{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .vd-compare-dock-text small{display:none}
  .vd-compare-dock-actions{width:100%}
  .vd-compare-dock-actions .vd-btn{flex:1}
}
@media print{
  .vd-header,.vd-footer,.vd-tabbar,.vd-compare-picker-tools,.vd-compare-hero-actions,.vd-compare-dock,.crv-cookie-banner,.vd-preview{display:none!important}
  .vd-compare-v4{gap:1rem}
  .vd-card{box-shadow:none!important;break-inside:avoid}
  .vd-verdict{color:#000;background:none;border:1px solid #999;box-shadow:none}
  .vd-verdict h2,.vd-verdict p,.vd-verdict p strong{color:#000}
}