/* /watch section + the #vt-watch block on the test pages (cards are inserted by assets/js/watch.js there).
   Chips, method list and FAQ come from tests.css; tokens from site.css. */
.wv-personal{margin:18px 0 26px;padding:18px 20px;border-radius:16px;background:radial-gradient(ellipse at top left,#BAE0DA 0%,#fff 70%);border:1px solid var(--line)}
.wv-personal h2{margin-top:0}
.wv-personal h3{font-size:17px;margin:16px 0 8px}
.wv-test{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wv-test h2{margin:0 0 4px;font-size:19px}
.wv-test p{margin:0}
.wv-levels{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 0 18px}
.wv-level{display:block;text-decoration:none;color:inherit;margin:0}
.wv-level h3{font-size:16px;margin:8px 0 4px}
.wv-level p{margin:0}
a.wv-level:hover{border-color:var(--mint-deep)}
.wv-shelf{margin:28px 0}
.wv-shelf h2{margin:0 0 4px}
.wv-shelf > p{margin:0 0 12px}
.wv-grid{list-style:none;padding:0;margin:0;display:grid;gap:16px 14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.wv{display:flex;flex-direction:column;gap:4px;min-width:0}
.wv-thumb{display:block;border-radius:12px;overflow:hidden;background:var(--soft);aspect-ratio:16/9}
.wv-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.wv-title{font-weight:600;font-size:15px;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.wv-title:hover{text-decoration:underline}
.wv-meta{font-size:13px;color:var(--brown);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wv-nums{font-size:13px}
.wv-nums b{font-weight:600}
.wv-credit{margin-top:24px}
.vt-watch .wv-grid{margin:10px 0 12px}
@media(max-width:520px){.wv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.wv-title{font-size:14px}}