/* Discovery screens: collections, collection studio, release calendar, comparison, person extras.
   Builds on crv-ui.css tokens (vd- prefix). */
.vd-discovery{padding-top:2rem;padding-bottom:1rem}
.vd-discovery .vd-prose p{margin:0 0 .75rem;color:var(--vd-ink-2);font-size:15px;line-height:24px}
.vd-discovery .vd-prose p:last-child{margin-bottom:0}
.vd-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 2rem;margin-bottom:2rem}
.vd-page-head h1{margin:0;font:700 40px/48px var(--vd-display);letter-spacing:-.025em}
.vd-page-head p:not(.vd-eyebrow){max-width:44rem;margin:.5rem 0 0;color:var(--vd-muted);font-size:15px;line-height:24px}
.vd-head-stats{display:flex;gap:.75rem;margin:0}
.vd-head-stats div,.vd-stat-grid div{display:grid;align-content:start;gap:.1rem;min-width:7.5rem;padding:.85rem 1rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-md);background:#fff}
.vd-head-stats dt,.vd-stat-grid dt,.vd-person-stats dt{color:var(--vd-muted);font:600 11px/14px var(--vd-font);letter-spacing:.05em;text-transform:uppercase}
.vd-head-stats dd,.vd-stat-grid dd,.vd-person-stats dd{margin:0;color:var(--vd-ink);font:700 28px/34px var(--vd-display);letter-spacing:-.02em}
.vd-head-stats small,.vd-stat-grid small,.vd-person-stats small{color:var(--vd-muted);font-size:12px}
.vd-stat-grid dd.is-small{font-size:18px;line-height:34px}
.vd-side-title{display:flex;align-items:center;gap:.4rem;margin:0 0 .85rem;font:600 16px/22px var(--vd-display)}
.vd-side-title .vd-icon{color:var(--vd-primary-container)}
.vd-collection-notice{margin-bottom:1.25rem}
.vd-toast{position:fixed;z-index:120;left:50%;bottom:1.5rem;max-width:calc(100% - 2rem);padding:.7rem 1.1rem;border-radius:var(--vd-radius-md);background:var(--vd-ink);color:#fff;font:500 14px/20px var(--vd-font);box-shadow:var(--vd-shadow-lg);opacity:0;transform:translate(-50%,1rem);pointer-events:none;transition:opacity .2s,transform .2s}
.vd-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.vd-toast.is-error{background:var(--vd-danger)}
.vd-segmented-text{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:3px;border:1px solid var(--vd-line);border-radius:var(--vd-radius);background:#fff}
.vd-segmented-text a{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:0 .8rem;border-radius:6px;color:var(--vd-ink-2);font:600 13px/18px var(--vd-font);text-decoration:none}
.vd-segmented-text a .vd-icon{font-size:18px}
.vd-segmented-text a:hover{background:var(--vd-bg);color:var(--vd-ink)}
.vd-segmented-text a[aria-current=true]{background:var(--vd-primary-container);color:#fff}
.vd-filter-chip small{opacity:.75;font-size:11px}
[data-follow][aria-pressed=true].vd-btn-primary{background:#fff;border-color:var(--vd-primary-container);color:var(--vd-primary-container)!important}
[data-follow][aria-busy=true],[data-reminder][aria-busy=true]{opacity:.6;cursor:progress}
.vd-like[aria-pressed=true]{border-color:#fecdd3;background:#fff1f2;color:#be123c!important}
.vd-like[aria-pressed=true] .vd-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
.vd-btn-danger{color:var(--vd-danger)!important}
.vd-btn-danger:hover{border-color:var(--vd-danger);background:var(--vd-danger-wash)}

/* Collection cards */
.vd-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}
.vd-collection-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;transition:box-shadow .2s,transform .2s}
.vd-collection-card:hover,.vd-collection-card:focus-within{box-shadow:var(--vd-shadow-lg);transform:translateY(-2px)}
.vd-collection-cover{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;aspect-ratio:16/9;overflow:hidden;background:var(--vd-surface-2)}
.vd-collection-cover img{display:block;width:100%;height:100%;object-fit:cover}
.vd-collection-cover.is-1{grid-template-columns:1fr}
.vd-collection-cover.is-2{grid-template-columns:repeat(2,1fr)}
.vd-collection-cover.is-3{grid-template-columns:repeat(3,1fr)}
.vd-collection-cover>.vd-icon{place-self:center;grid-column:1/-1;font-size:40px;color:var(--vd-outline)}
.vd-collection-card-body{display:flex;flex-direction:column;gap:.35rem;flex:1;padding:1rem 1.1rem 1.1rem}
.vd-collection-owner{display:flex;align-items:center;gap:.25rem;margin:0;color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);letter-spacing:.05em;text-transform:uppercase}
.vd-collection-owner .vd-icon{font-size:15px}
.vd-collection-card h3{margin:0;font:600 17px/24px var(--vd-display)}
.vd-collection-card h3 a{color:var(--vd-ink);text-decoration:none}
.vd-collection-card h3 a::after{content:"";position:absolute;inset:0}
.vd-collection-card h3 a:hover{color:var(--vd-primary)}
.vd-collection-desc{display:-webkit-box;margin:0;overflow:hidden;color:var(--vd-muted);font-size:13px;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vd-collection-stats{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:auto 0 0;padding-top:.4rem;color:var(--vd-ink-2);font:500 12px/16px var(--vd-font)}
.vd-collection-stats>span{display:inline-flex;align-items:center;gap:.25rem}
.vd-collection-stats .vd-icon{font-size:16px;color:var(--vd-muted)}
.vd-collection-state{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.35rem 0 0}

/* Collection page */
.vd-collection-top{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.5rem;align-items:start}
.vd-collection-hero{padding:2rem 2.25rem;background:linear-gradient(135deg,var(--vd-surface-low),#fff 65%)}
.vd-collection-hero h1{margin:0;font:700 40px/48px var(--vd-display);letter-spacing:-.025em}
.vd-collection-hero .vd-collection-desc{display:block;max-width:46rem;margin-top:1rem;-webkit-line-clamp:unset}
.vd-collection-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}
.vd-collection-tags .vd-chip{text-transform:none;letter-spacing:0}
.vd-curator{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem}
.vd-curator .vd-avatar{width:40px;height:40px;font-size:16px}
.vd-curator .vd-avatar .vd-icon{font-size:20px}
.vd-curator>span:last-child{display:grid}
.vd-curator strong{font:600 14px/20px var(--vd-font)}
.vd-curator strong a{color:var(--vd-ink);text-decoration:none}
.vd-curator strong a:hover{color:var(--vd-primary)}
.vd-curator small{color:var(--vd-muted);font-size:12px}
.vd-curator.is-large{margin:0 0 .5rem}
.vd-collection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem}
.vd-collection-stats-card .vd-eyebrow{margin-bottom:.85rem}
.vd-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0}
.vd-stat-grid div{min-width:0;background:var(--vd-bg)}
.vd-progress-box{display:grid;gap:.5rem;margin-top:1rem;padding:1rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low)}
.vd-progress-label{display:flex;justify-content:space-between;gap:.5rem;font-size:13px}
.vd-progress-label span{color:var(--vd-muted);font-variant-numeric:tabular-nums}
.vd-progress{height:8px;overflow:hidden;border-radius:999px;background:#fff}
.vd-progress span{display:block;height:100%;border-radius:inherit;background:var(--vd-primary-container)}
.vd-progress-box .vd-link{font-size:13px;white-space:normal}
.vd-progress-box p{margin:0;font-size:13px}
.vd-progress-hint{margin:1rem 0 0;font-size:13px}
.vd-collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.5rem;align-items:start;margin-top:2rem}
.vd-collection-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}
.vd-collection-toolbar .vd-filter-chip[aria-current=true]{background:var(--vd-primary-container);border-color:var(--vd-primary-container);color:#fff}
.vd-citems{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.vd-citem{display:grid;grid-template-columns:3rem 104px minmax(0,1fr);gap:1.25rem;padding:1.25rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;scroll-margin-top:calc(var(--vd-header) + 1rem)}
.vd-citem.is-next{border-color:var(--vd-primary-container);box-shadow:0 0 0 3px var(--vd-primary-ring)}
.vd-citem-num strong{display:block;color:var(--vd-primary-container);font:700 28px/32px var(--vd-display);letter-spacing:-.02em}
.vd-citem.is-done .vd-citem-num strong{color:var(--vd-success)}
.vd-citem-cover{position:relative;display:block;align-self:start;aspect-ratio:2/3;overflow:hidden;border-radius:var(--vd-radius);background:var(--vd-surface-2)}
.vd-citem-cover img{display:block;width:100%;height:100%;object-fit:cover}
.vd-citem-cover .vd-chip{position:absolute;left:.35rem;top:.35rem}
.vd-citem-body{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.vd-citem-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.vd-citem-head h3{margin:0;font:600 18px/24px var(--vd-display)}
.vd-citem-head h3 a{color:var(--vd-ink);text-decoration:none}
.vd-citem-head h3 a:hover{color:var(--vd-primary)}
.vd-rating{display:inline-flex;align-items:center;gap:.2rem;flex:none;color:var(--vd-ink);font:600 13px/18px var(--vd-font)}
.vd-rating .vd-icon{font-size:16px;color:var(--vd-tertiary)}
.vd-citem-meta,.vd-citem-credits{margin:0;color:var(--vd-muted);font-size:13px;line-height:18px}
.vd-citem-credits{color:var(--vd-ink-2)}
.vd-citem-note{margin:.5rem 0 0;padding:.75rem 1rem;border-left:3px solid var(--vd-primary-container);border-radius:0 var(--vd-radius) var(--vd-radius) 0;background:var(--vd-surface-low)}
.vd-citem-note>span{display:flex;align-items:center;gap:.3rem;color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);letter-spacing:.05em;text-transform:uppercase}
.vd-citem-note>span .vd-icon{font-size:16px}
.vd-citem-note p{margin:.35rem 0 0;color:var(--vd-ink-2);font-style:italic;font-size:14px;line-height:22px}
.vd-citem-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.6rem}
.vd-citem-foot .vd-btn{margin-left:auto}
.vd-state{display:inline-flex;align-items:center;gap:.3rem;color:var(--vd-muted);font:600 12px/16px var(--vd-font)}
.vd-state .vd-icon{font-size:17px}
.vd-state.is-done{color:var(--vd-success)}
.vd-state.is-started{color:var(--vd-primary-container)}
.vd-collection-side{display:grid;gap:1.25rem}
.vd-collection-side .vd-side-title{margin-top:1rem}
.vd-collection-side .vd-card>.vd-side-title:first-child{margin-top:0}
.vd-mini-collections{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.vd-mini-collections a{display:flex;align-items:center;gap:.75rem;padding:.4rem;border-radius:var(--vd-radius);color:var(--vd-ink);text-decoration:none}
.vd-mini-collections a:hover{background:var(--vd-bg)}
.vd-mini-collections img,.vd-mini-collections a>.vd-icon{width:40px;height:60px;border-radius:6px;object-fit:cover;flex:none;background:var(--vd-surface-2)}
.vd-mini-collections a>.vd-icon{display:grid;place-items:center;color:var(--vd-outline)}
.vd-mini-collections span{display:grid;min-width:0}
.vd-mini-collections strong{overflow:hidden;font:600 13px/18px var(--vd-font);text-overflow:ellipsis;white-space:nowrap}
.vd-mini-collections small{color:var(--vd-muted);font-size:12px}
.vd-bars{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.vd-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;font-size:13px}
.vd-bars small{color:var(--vd-muted)}
.vd-bar{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:var(--vd-surface-low)}
.vd-bar span{display:block;height:100%;border-radius:inherit;background:var(--vd-primary-container)}

/* Collection studio */
.vd-studio-head .vd-eyebrow{flex-wrap:wrap}
.vd-save-state{color:var(--vd-muted);font-weight:500;letter-spacing:0;text-transform:none}
.vd-studio-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.vd-studio-error{margin:0 0 1rem;padding:.75rem 1rem;border-radius:var(--vd-radius-md);background:var(--vd-danger-wash);color:var(--vd-danger);font-weight:500}
.vd-studio-grid{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:1.5rem;align-items:start}
.vd-studio-side,.vd-studio-main{display:grid;gap:1.25rem;min-width:0}
.vd-studio-card h2{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font:600 18px/24px var(--vd-display)}
.vd-studio-card h2 .vd-icon{color:var(--vd-primary-container)}
.vd-studio-card>.vd-muted{margin:-.5rem 0 1rem;font-size:13px}
.vd-studio-card.is-danger h2 .vd-icon{color:var(--vd-danger)}
.vd-field{display:grid;gap:.4rem;margin-bottom:1rem}
.vd-field:last-child{margin-bottom:0}
.vd-field label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;color:var(--vd-ink);font:600 13px/18px var(--vd-font)}
.vd-field label>span{display:inline-flex;gap:.2rem}
.vd-field label small{color:var(--vd-muted);font-weight:500;font-variant-numeric:tabular-nums}
.vd-req{color:var(--vd-danger)}
.vd-field input,.vd-field textarea,.vd-sitem-note textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius);background:#fff;color:var(--vd-ink);font:400 14px/22px var(--vd-font);box-sizing:border-box;resize:vertical}
.vd-field input{height:42px}
.vd-field input:focus,.vd-field textarea:focus,.vd-sitem-note textarea:focus,.vd-studio-search input:focus,.vd-compare-add input:focus,.vd-works-filter input:focus{outline:0;border-color:var(--vd-primary-container);box-shadow:0 0 0 3px var(--vd-primary-ring)}
.vd-slug{display:flex;align-items:center;border:1px solid var(--vd-line);border-radius:var(--vd-radius);background:var(--vd-bg);overflow:hidden}
.vd-slug:focus-within{border-color:var(--vd-primary-container);box-shadow:0 0 0 3px var(--vd-primary-ring)}
.vd-slug span{flex:none;max-width:55%;overflow:hidden;padding-left:.8rem;color:var(--vd-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.vd-slug input{min-width:0;border:0!important;background:transparent;box-shadow:none!important;padding-left:.15rem}
.vd-tag-preview{display:flex;flex-wrap:wrap;gap:.3rem}
.vd-tag-preview .vd-chip{text-transform:none;letter-spacing:0}
.vd-cover-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem}
.vd-cover-picker>.vd-muted{grid-column:1/-1;margin:0;font-size:13px}
.vd-cover-option{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:var(--vd-radius);cursor:pointer}
.vd-cover-option input{position:absolute;opacity:0}
.vd-cover-option img{display:block;width:100%;height:100%;object-fit:cover;border:2px solid transparent;border-radius:inherit;box-sizing:border-box;transition:border-color .15s,opacity .15s;opacity:.7}
.vd-cover-option:hover img{opacity:1}
.vd-cover-option input:checked+img{border-color:var(--vd-primary-container);opacity:1;box-shadow:0 0 0 3px var(--vd-primary-ring)}
.vd-cover-option input:focus-visible+img{outline:2px solid var(--vd-primary-container);outline-offset:2px}
.vd-switch{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}
.vd-switch input{position:absolute;opacity:0;width:1px;height:1px}
.vd-switch-track{position:relative;flex:none;width:40px;height:24px;margin-top:.1rem;border-radius:999px;background:#cbd5e1;transition:background-color .15s}
.vd-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.2);transition:transform .15s}
.vd-switch input:checked+.vd-switch-track{background:var(--vd-primary-container)}
.vd-switch input:checked+.vd-switch-track::after{transform:translateX(16px)}
.vd-switch input:focus-visible+.vd-switch-track{outline:2px solid var(--vd-primary-container);outline-offset:2px}
.vd-switch>span:last-child{display:grid}
.vd-switch strong{font-size:14px}
.vd-switch small{color:var(--vd-muted);font-size:12px;line-height:18px}
.vd-studio-status{margin:1rem 0 .75rem;color:var(--vd-ink-2);font-size:13px}
.vd-studio-search{position:relative}
.vd-studio-search>.vd-icon,.vd-compare-add>.vd-icon,.vd-works-filter>.vd-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--vd-outline);pointer-events:none}
.vd-studio-search input,.vd-compare-add input,.vd-works-filter input{width:100%;height:46px;padding:0 1rem 0 2.6rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius);background:#fff;color:var(--vd-ink);font:400 14px/20px var(--vd-font);box-sizing:border-box}
.vd-studio-search-status{min-height:1.25rem;margin:.5rem 0 0;font-size:12px}
.vd-studio-results{display:grid;gap:.35rem;max-height:22rem;margin:.25rem 0 0;padding:0;overflow:auto;list-style:none}
.vd-sresult{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.4rem;border-radius:var(--vd-radius)}
.vd-sresult:hover{background:var(--vd-bg)}
.vd-sresult img{width:40px;height:60px;border-radius:5px;object-fit:cover;background:var(--vd-surface-2)}
.vd-sresult span,.vd-compare-results li span{display:grid;min-width:0}
.vd-sresult strong,.vd-compare-results strong{overflow:hidden;font:600 14px/20px var(--vd-font);text-overflow:ellipsis;white-space:nowrap}
.vd-sresult small,.vd-compare-results small{overflow:hidden;color:var(--vd-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.vd-studio-order-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.vd-studio-order-head span{font-size:13px}
.vd-studio-items{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.vd-sitem{display:grid;grid-template-columns:20px 2.6rem 56px minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.85rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-md);background:#fff;transition:border-color .15s,box-shadow .15s}
.vd-sitem.is-dragging{opacity:.5}
.vd-sitem.is-drop{border-color:var(--vd-primary-container);box-shadow:0 0 0 3px var(--vd-primary-ring)}
.vd-sitem-handle{align-self:center;color:var(--vd-outline);cursor:grab}
.vd-sitem-num{padding-top:.15rem;color:var(--vd-primary-container);font:700 14px/20px var(--vd-display)}
.vd-sitem img{width:56px;height:84px;border-radius:6px;object-fit:cover;background:var(--vd-surface-2)}
.vd-sitem-body{display:grid;gap:.15rem;min-width:0}
.vd-sitem-title{overflow:hidden;color:var(--vd-ink);font:600 15px/22px var(--vd-font);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.vd-sitem-title:hover{color:var(--vd-primary)}
.vd-sitem-body>small{color:var(--vd-muted);font-size:12px;line-height:18px}
.vd-sitem-note{display:grid;gap:.25rem;margin-top:.5rem}
.vd-sitem-note>span{display:flex;align-items:center;gap:.25rem;color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);letter-spacing:.04em;text-transform:uppercase}
.vd-sitem-note>span .vd-icon{font-size:15px}
.vd-sitem-note textarea{padding:.45rem .65rem;font-size:13px;line-height:20px;min-height:56px}
.vd-sitem-tools{display:flex;flex-direction:column;gap:.15rem}
.vd-sitem-tools .vd-icon-button{width:32px;height:32px}
.vd-sitem-tools .vd-icon-button[disabled]{opacity:.35;cursor:default}
.vd-sitem-tools .vd-icon{font-size:18px}
.vd-studio-main .vd-empty{margin-top:.25rem}

/* Release calendar */
.vd-calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--vd-line)}
.vd-calendar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.vd-calendar-filters .vd-select>summary .vd-icon:first-child{color:var(--vd-muted)}
.vd-calendar-filters .vd-select-menu{left:0;right:auto;max-height:20rem;overflow:auto}
.vd-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.75rem;align-items:start}
.vd-calendar-side{display:grid;gap:1.25rem;position:sticky;top:calc(var(--vd-header) + 1.5rem)}
.vd-calendar-side p{margin:0 0 .85rem;color:var(--vd-muted);font-size:13px;line-height:20px}
.vd-sync-card{display:grid;justify-items:start;gap:.5rem;background:linear-gradient(135deg,var(--vd-primary-container),var(--vd-primary));border:0;color:#fff}
.vd-sync-card .vd-side-title,.vd-sync-card .vd-side-title .vd-icon{color:#fff}
.vd-sync-card p{color:rgba(255,255,255,.85)}
.vd-sync-card .vd-btn-primary{background:#fff;color:var(--vd-primary)!important}
.vd-sync-card .vd-btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff!important}
.vd-reminder-list{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}
.vd-reminder-list a{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.5rem;padding:.45rem .5rem;border-radius:var(--vd-radius);color:var(--vd-ink);font-size:13px;text-decoration:none}
.vd-reminder-list a:hover{background:var(--vd-bg)}
.vd-reminder-list time{color:var(--vd-primary-container);font-weight:600}
.vd-reminder-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-release-group{margin-bottom:2.25rem}
.vd-release-group-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem}
.vd-release-group-head h2{margin:0;font:600 22px/28px var(--vd-display)}
.vd-release-group-head .vd-chip{text-transform:none;letter-spacing:0}
.vd-release-group-head .vd-muted{margin-left:auto;font-size:13px}
.vd-release-none{margin:0;padding:1rem 1.25rem;border:1px dashed var(--vd-line);border-radius:var(--vd-radius-md);font-size:13px}
.vd-release-list{display:grid;gap:1rem}
.vd-release{display:grid;grid-template-columns:3.75rem 88px minmax(0,1fr) auto;align-items:start;gap:1.25rem;padding:1.25rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:#fff;scroll-margin-top:calc(var(--vd-header) + 1rem)}
.vd-release:target{border-color:var(--vd-primary-container);box-shadow:0 0 0 3px var(--vd-primary-ring)}
.vd-release.is-postponed{background:var(--vd-bg)}
.vd-day{display:grid;justify-items:center;padding:.5rem .25rem;border-radius:var(--vd-radius-md);background:var(--vd-surface-low);color:var(--vd-primary-container);text-align:center}
.vd-day strong{font:700 24px/28px var(--vd-display)}
.vd-day span{font:600 12px/14px var(--vd-font);text-transform:uppercase}
.vd-day small{color:var(--vd-muted);font-size:11px}
.vd-release-cover{position:relative;display:grid;place-items:center;aspect-ratio:2/3;overflow:hidden;border-radius:var(--vd-radius);background:var(--vd-surface-2)}
.vd-release-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vd-release-cover .vd-icon{font-size:28px;color:var(--vd-outline)}
.vd-release-body{display:grid;gap:.35rem;min-width:0}
.vd-release-kicker{margin:0;color:var(--vd-primary-container);font:600 11px/14px var(--vd-font);letter-spacing:.05em;text-transform:uppercase}
.vd-release h3{margin:0;font:600 18px/24px var(--vd-display)}
.vd-release h3 a{color:var(--vd-ink);text-decoration:none}
.vd-release h3 a:hover{color:var(--vd-primary)}
.vd-release-desc{display:-webkit-box;margin:0;overflow:hidden;color:var(--vd-ink-2);font-size:13px;line-height:20px;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.vd-release-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-top:.25rem;color:var(--vd-muted);font-size:12px}
.vd-release-meta>span{display:inline-flex;align-items:center;gap:.25rem}
.vd-release-meta .vd-icon{font-size:16px}
.vd-release-meta .vd-chip{text-transform:none;letter-spacing:0}
.vd-price{color:var(--vd-ink);font:700 15px/20px var(--vd-display)}
.vd-release-actions{display:grid;gap:.4rem;justify-items:stretch;min-width:9rem}
.vd-release-actions [data-reminder][aria-pressed=true]{border-color:var(--vd-primary-container);background:var(--vd-primary-wash);color:var(--vd-primary-container)!important}
.vd-month-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.vd-month-head h2{min-width:10rem;margin:0;font:600 22px/28px var(--vd-display);text-align:center}
.vd-month{display:grid;gap:1px;margin-bottom:2rem;overflow:hidden;border:1px solid var(--vd-line);border-radius:var(--vd-radius-lg);background:var(--vd-line)}
.vd-month-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}
.vd-month-row.is-head span{padding:.5rem;background:var(--vd-bg);color:var(--vd-muted);font:600 11px/14px var(--vd-font);letter-spacing:.05em;text-align:center;text-transform:uppercase}
.vd-month-cell{display:flex;flex-direction:column;gap:.2rem;min-height:6.5rem;padding:.4rem;background:#fff;min-width:0}
.vd-month-cell.is-out{background:var(--vd-bg)}
.vd-month-cell.is-out .vd-month-day{color:#cbd5e1}
.vd-month-day{color:var(--vd-ink-2);font:600 12px/16px var(--vd-font)}
.vd-month-cell.is-today .vd-month-day{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--vd-primary-container);color:#fff}
.vd-month-item{display:block;overflow:hidden;padding:.15rem .35rem;border-radius:4px;background:var(--vd-primary-wash);color:var(--vd-primary-container);font:600 11px/16px var(--vd-font);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.vd-month-item:hover{background:var(--vd-primary-container);color:#fff}
.vd-month-item.is-reminded::before{content:"\25CF ";}
.vd-month-more{color:var(--vd-muted);font-size:11px}
.vd-calendar-empty{padding:4rem 1.5rem}

/* Comparison */
.vd-compare-picker{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.25rem}
.vd-compare-selected{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.vd-compare-selected:empty{display:none}
.vd-compare-pill{display:inline-flex;align-items:center;gap:.5rem;max-width:20rem;padding:.25rem .25rem .25rem .3rem;border-radius:999px;background:var(--vd-surface-low);font:600 13px/18px var(--vd-font)}
.vd-compare-pill img{width:24px;height:36px;border-radius:4px;object-fit:cover}
.vd-compare-pill>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-compare-pill a{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--vd-muted);text-decoration:none}
.vd-compare-pill a:hover{background:#fff;color:var(--vd-danger)}
.vd-compare-pill .vd-icon{font-size:16px}
.vd-vs{color:var(--vd-outline);font:700 13px/18px var(--vd-display);text-transform:uppercase}
.vd-compare-add{position:relative;flex:1 1 18rem;min-width:0}
.vd-compare-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + .35rem);display:grid;gap:.15rem;max-height:22rem;margin:0;padding:.35rem;overflow:auto;border:1px solid var(--vd-line);border-radius:var(--vd-radius-md);background:#fff;box-shadow:var(--vd-shadow-lg);list-style:none}
.vd-compare-results li[role=option]{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.65rem;padding:.4rem .5rem;border-radius:var(--vd-radius);cursor:pointer}
.vd-compare-results li[role=option]:hover,.vd-compare-results li[aria-selected=true]{background:var(--vd-surface-low)}
.vd-compare-results li[aria-disabled=true]{opacity:.5;cursor:default}
.vd-compare-results img{width:32px;height:48px;border-radius:4px;object-fit:cover}
.vd-compare-results-note{padding:.5rem;color:var(--vd-muted);font-size:13px}
.vd-compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.vd-compare-cards.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vd-compare-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.25rem;padding:1.25rem}
.vd-compare-cards.is-3 .vd-compare-card{grid-template-columns:1fr}
.vd-compare-cards.is-3 .vd-compare-cover{max-width:140px}
.vd-compare-cover{display:block;aspect-ratio:2/3;overflow:hidden;border-radius:var(--vd-radius);background:var(--vd-surface-2);box-shadow:var(--vd-shadow)}
.vd-compare-cover img{width:100%;height:100%;object-fit:cover}
.vd-compare-card-body{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.vd-compare-card h2{margin:0;font:700 22px/28px var(--vd-display)}
.vd-compare-card h2 a{color:var(--vd-ink);text-decoration:none}
.vd-compare-card h2 a:hover{color:var(--vd-primary)}
.vd-compare-rating{display:flex;align-items:center;gap:.25rem;margin:0;font-size:13px}
.vd-compare-rating .vd-icon{font-size:18px;color:var(--vd-tertiary)}
.vd-compare-rating span:last-child{color:var(--vd-muted)}
.vd-compare-credits{margin:0;color:var(--vd-ink-2);font-size:13px;line-height:20px}
.vd-compare-summary{display:-webkit-box;margin:0;overflow:hidden;color:var(--vd-muted);font-size:13px;line-height:20px;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.vd-compare-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem}
.vd-compare-card-foot small{display:block;width:100%}
.vd-compare-common{margin-top:1.25rem}
.vd-compare-common h2{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font:600 17px/24px var(--vd-display)}
.vd-compare-common h2 .vd-icon{color:var(--vd-primary-container)}
.vd-compare-common p{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.5rem 0 0;font-size:13px}
.vd-compare-common .vd-chip{text-transform:none;letter-spacing:0}
.vd-compare-specs{margin-top:1.25rem;overflow:hidden}
.vd-compare-specs-head{padding:1.5rem 1.5rem 1rem}
.vd-compare-specs-head h2{margin:0;font:600 22px/28px var(--vd-display)}
.vd-compare-specs-head p.vd-muted{margin:.25rem 0 0;font-size:13px}
.vd-table-scroll{overflow-x:auto}
.vd-spec-table{width:100%;border-collapse:collapse;font-size:14px}
.vd-spec-table th,.vd-spec-table td{padding:.85rem 1.5rem;border-top:1px solid var(--vd-line);text-align:left;vertical-align:top}
.vd-spec-table thead th{background:var(--vd-surface-low);color:var(--vd-primary-container);font:600 13px/18px var(--vd-font)}
.vd-spec-table tbody th{width:12rem;color:var(--vd-muted);font:500 13px/20px var(--vd-font)}
.vd-spec-table td a{color:var(--vd-primary);text-decoration:none}
.vd-spec-table td a:hover{text-decoration:underline}
.vd-spec-table td .vd-chip{margin:0 .25rem .25rem 0;text-transform:none;letter-spacing:0}
.vd-spec-table td .vd-chip.is-shared{box-shadow:inset 0 0 0 1px var(--vd-primary-container)}
.vd-spec-list{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}
.vd-spec-list li{display:flex;align-items:center;gap:.3rem}
.vd-spec-list .vd-icon{font-size:16px;color:var(--vd-tertiary)}
.vd-spec-list small{color:var(--vd-muted)}
.vd-score{display:flex;align-items:baseline;gap:.35rem}
.vd-score strong{font:700 22px/26px var(--vd-display)}
.vd-score span{color:var(--vd-muted);font-size:12px}
.vd-histogram{display:grid;grid-template-columns:repeat(10,1fr);align-items:end;gap:3px;max-width:16rem;height:56px;margin-top:.5rem}
.vd-histogram span{display:grid;grid-template-rows:1fr auto;height:100%;text-align:center}
.vd-histogram i{align-self:end;display:block;min-height:2px;border-radius:2px 2px 0 0;background:var(--vd-primary-container)}
.vd-histogram small{color:var(--vd-muted);font-size:10px;line-height:12px}

/* Person page extras */
.vd-person-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 0}
.vd-person-stats div{display:grid;align-content:start;gap:.1rem;min-width:7rem;padding:.7rem .9rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-md);background:rgba(255,255,255,.8)}
.vd-person-stats dd{font-size:24px;line-height:30px}
.vd-person-stats dd small{margin-left:.15rem;font:500 12px/16px var(--vd-font)}
.vd-honors{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}
.vd-honors .vd-chip{text-transform:none;letter-spacing:0;font-weight:500}
.vd-honors .vd-icon{font-size:15px}
.vd-works-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}
.vd-tabs{display:flex;flex-wrap:wrap;gap:.35rem}
.vd-tabs button{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:0 .9rem;border:1px solid var(--vd-line);border-radius:999px;background:#fff;color:var(--vd-ink-2);font:600 13px/18px var(--vd-font);cursor:pointer}
.vd-tabs button small{opacity:.7;font-size:11px}
.vd-tabs button:hover{border-color:#cbd5e1;color:var(--vd-ink)}
.vd-tabs button[aria-selected=true]{background:var(--vd-primary-container);border-color:var(--vd-primary-container);color:#fff}
.vd-works-filter{position:relative;flex:0 1 18rem}
.vd-works-filter input{height:38px}

@media(max-width:1199px){
  .vd-collection-top,.vd-collection-layout{grid-template-columns:minmax(0,1fr) 18rem}
  .vd-studio-grid{grid-template-columns:20rem minmax(0,1fr)}
  .vd-compare-cards.is-3 .vd-compare-card{padding:1rem}
}
@media(max-width:1023px){
  .vd-page-head{flex-direction:column;align-items:stretch}
  .vd-page-head>.vd-btn{align-self:flex-start}
  .vd-collection-top,.vd-collection-layout,.vd-studio-grid,.vd-calendar-layout{grid-template-columns:minmax(0,1fr)}
  .vd-calendar-side{position:static}
  .vd-compare-cards,.vd-compare-cards.is-3{grid-template-columns:minmax(0,1fr)}
  .vd-compare-cards.is-3 .vd-compare-card{grid-template-columns:96px minmax(0,1fr)}
}
@media(max-width:767px){
  .vd-discovery{padding-top:1.25rem}
  .vd-page-head{margin-bottom:1.25rem}
  .vd-page-head h1,.vd-collection-hero h1{font-size:28px;line-height:36px}
  .vd-head-stats div{min-width:0;flex:1}
  .vd-collection-grid{grid-template-columns:minmax(0,1fr)}
  .vd-collection-hero{padding:1.25rem}
  .vd-collection-actions .vd-btn{flex:1 1 auto}
  .vd-citem{grid-template-columns:72px minmax(0,1fr);gap:.85rem;padding:1rem}
  .vd-citem-num{grid-column:1/-1}
  .vd-citem-num strong{font-size:20px;line-height:24px}
  .vd-citem-head{flex-direction:column;gap:.15rem}
  .vd-citem-head h3{font-size:16px;line-height:22px}
  .vd-citem-foot .vd-btn{margin-left:0}
  .vd-sitem{grid-template-columns:2rem 48px minmax(0,1fr);gap:.6rem}
  .vd-sitem-handle{display:none}
  .vd-sitem img{width:48px;height:72px}
  .vd-sitem-tools{grid-column:1/-1;flex-direction:row;justify-content:flex-end}
  .vd-studio-actions{display:grid;grid-template-columns:1fr 1fr}
  .vd-studio-actions .vd-btn-primary{grid-column:1/-1}
  .vd-release{grid-template-columns:3.25rem 64px minmax(0,1fr);gap:.85rem;padding:1rem}
  .vd-release-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
  .vd-release h3{font-size:16px;line-height:22px}
  .vd-calendar-toolbar{align-items:stretch;flex-direction:column}
  .vd-calendar-filters .vd-select-menu{max-width:calc(100vw - 2rem)}
  .vd-month-cell{min-height:3.75rem;padding:.25rem}
  .vd-month-item{width:8px;height:8px;padding:0;border-radius:50%;background:var(--vd-primary-container);color:transparent;font-size:0}
  .vd-month-item.is-reminded::before{content:none}
  .vd-month-cell.has-items{background:var(--vd-surface-low)}
  .vd-month-more{display:none}
  .vd-compare-picker{padding:.85rem}
  .vd-compare-card,.vd-compare-cards.is-3 .vd-compare-card{grid-template-columns:84px minmax(0,1fr);gap:.85rem;padding:1rem}
  .vd-compare-card h2{font-size:18px;line-height:24px}
  .vd-spec-table th,.vd-spec-table td{padding:.7rem .85rem;font-size:13px}
  .vd-spec-table tbody th{position:sticky;left:0;z-index:1;width:7.5rem;min-width:7.5rem;background:#fff;box-shadow:1px 0 0 var(--vd-line)}
  .vd-spec-table td{min-width:10rem}
  .vd-compare-specs-head{padding:1.1rem .85rem .75rem}
  .vd-person-stats div{flex:1 1 40%;min-width:0}
  .vd-works-filter{flex:1 1 100%}
  .vd-toast{bottom:calc(64px + 1rem)}
}
/* Collection actions wrap long series titles instead of widening the page. */
.vd-collection-actions .vd-btn{min-width:0;max-width:100%;white-space:normal;text-align:left;line-height:18px;padding-top:.5rem;padding-bottom:.5rem}