/* Shared story entity page (/karakter/{slug} and other entity types). Uses crv-ui.css tokens. */
.vd-ent{padding-top:1.5rem;padding-bottom:3rem}
.vd-ent-missing{margin-top:2.5rem}
.vd-ent-missing h1{margin:0;font:700 22px/28px var(--vd-display)}
.vd-ent-hero{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2.5rem;align-items:start;margin-top:1rem;padding:2rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-xl);background:var(--vd-surface)}
.vd-ent-art{display:grid;place-items:center;margin:0;aspect-ratio:1;overflow:hidden;border-radius:var(--vd-radius-lg);background:linear-gradient(135deg,var(--vd-primary-wash),var(--vd-surface-2))}
.vd-ent-art img{width:100%;height:100%;object-fit:cover}
.vd-ent-art span{color:var(--vd-primary);font:800 64px/1 var(--vd-display)}
.vd-ent-main{display:grid;gap:.85rem;min-width:0;justify-items:start}
.vd-ent-type{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;color:var(--vd-primary);font:700 12px/16px var(--vd-font);letter-spacing:.06em;text-transform:uppercase}
.vd-ent-type .vd-icon{font-size:17px}
.vd-ent-dot{color:var(--vd-muted)}
.vd-ent-main h1{margin:0;font:800 38px/44px var(--vd-display);letter-spacing:-.02em}
.vd-ent-alias{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;color:var(--vd-muted);font-size:13px}
.vd-ent-alias span{padding:.1rem .5rem;border-radius:999px;background:var(--vd-surface-2);color:var(--vd-ink-2);font-weight:600}
.vd-ent-text{max-width:46rem;color:var(--vd-ink-2);font-size:15px;line-height:25px}
.vd-ent-text p{margin:0 0 .6rem}.vd-ent-text p:last-child{margin:0}
.vd-ent-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.vd-ent-stats>div{min-width:7rem;padding:.6rem .9rem;border:1px solid var(--vd-line);border-radius:var(--vd-radius-md);background:var(--vd-surface-low)}
.vd-ent-stats dt{color:var(--vd-muted);font-size:12px}
.vd-ent-stats dd{margin:0;font:700 22px/28px var(--vd-display);font-variant-numeric:tabular-nums}
.vd-ent-facts{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;font-size:13px}
.vd-ent-facts li{display:grid;grid-template-columns:20px 7rem minmax(0,1fr);align-items:start;gap:.5rem;color:var(--vd-muted)}
.vd-ent-facts .vd-icon{font-size:18px;color:var(--vd-primary-container)}
.vd-ent-facts strong{color:var(--vd-ink);font-weight:600}
.vd-ent-section{margin-top:3rem}
.vd-ent-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:1.25rem}
.vd-ent-head h2{margin:0;font:700 26px/32px var(--vd-display);letter-spacing:-.01em}
.vd-ent-head .vd-muted{font-size:13px}
.vd-ent-works{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.vd-ent-work{display:grid;align-content:start;gap:.35rem;color:var(--vd-ink);text-decoration:none}
.vd-ent-cover{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:var(--vd-radius-md);background:var(--vd-surface-2);box-shadow:0 1px 2px rgba(15,23,42,.08)}
.vd-ent-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vd-ent-work:hover .vd-ent-cover img{transform:scale(1.04)}
.vd-ent-work:hover strong{color:var(--vd-primary)}
.vd-ent-work:focus-visible{outline:2px solid var(--vd-primary-container);outline-offset:3px;border-radius:var(--vd-radius-md)}
.vd-ent-score,.vd-ent-archive{position:absolute;top:.5rem;display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .45rem;border-radius:999px;background:rgba(11,28,48,.82);color:#fff;font:600 12px/18px var(--vd-font)}
.vd-ent-score{right:.5rem}.vd-ent-archive{left:.5rem}
.vd-ent-score .vd-icon{font-size:14px;color:#fbbf24}
.vd-ent-work strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:700 15px/20px var(--vd-display)}
.vd-ent-role{width:fit-content;max-width:100%;padding:.1rem .45rem;border-radius:var(--vd-radius-sm);background:var(--vd-primary-wash);color:var(--vd-primary);font:600 11px/16px var(--vd-font)}
.vd-ent-work small{color:var(--vd-muted);font-size:12px}
.vd-ent-note{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--vd-ink-2);font-size:12px;line-height:18px}
.vd-ent-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.vd-ent-people a{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-md);background:var(--vd-surface);color:var(--vd-ink);text-decoration:none;transition:border-color .15s}
.vd-ent-people a:hover{border-color:var(--vd-primary-container)}
.vd-ent-avatar{display:grid;flex:none;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--vd-primary-wash);color:var(--vd-primary);font:700 16px/1 var(--vd-display)}
.vd-ent-avatar img{width:100%;height:100%;object-fit:cover}
.vd-ent-person-text{display:grid;min-width:0}
.vd-ent-person-text strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.vd-ent-person-text small{color:var(--vd-muted);font-size:12px}
.vd-ent-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.vd-ent-topics a{display:grid;gap:.4rem;padding:1rem 1.15rem;border:1px solid var(--vd-line-soft);border-radius:var(--vd-radius-lg);background:var(--vd-surface);color:var(--vd-ink);text-decoration:none}
.vd-ent-topics a:hover{border-color:var(--vd-primary-container)}
.vd-ent-topics .vd-chip{width:fit-content}
.vd-ent-topics strong{font:700 15px/21px var(--vd-display)}
.vd-ent-topic-text{color:var(--vd-ink-2);font-size:13px;line-height:20px}
.vd-ent-topics small{color:var(--vd-muted);font-size:12px}
@media(max-width:767px){
  .vd-ent{padding-top:.75rem}
  .vd-ent-hero{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem 1rem}
  .vd-ent-art{width:min(46vw,180px)}
  .vd-ent-main h1{font-size:28px;line-height:34px}
  .vd-ent-facts li{grid-template-columns:20px 6rem minmax(0,1fr)}
  .vd-ent-works{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem}
  .vd-ent-head h2{font-size:22px;line-height:28px}
  .vd-ent-topics{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.vd-ent-cover img,.vd-ent-people a{transition:none}}