/* VideoVault: channel_collection module (loaded only when it renders; tokens and shared parts are in base.css). */
/* ==== Editorial module system: VV-017..024 (isolated-module designs, batch 3, 2026-10-30) ==== */
.vvault-front .vvault-module--editorial:is(.vvault-chcoll),.vvault-front .vvault-module--clean:is(.vvault-chcoll),.vvault-front .vvault-module--cinema:is(.vvault-chcoll){padding:var(--vv-pad);border:1px solid var(--vv-card-line);border-radius:var(--vv-radius);background:var(--vv-paper)}
.vvault-front :is(.vvault-chcoll) a{color:inherit}
.vvault-front :is(.vvault-chcoll)>.vvault-dek{margin:0 0 1rem;max-width:62ch;font-family:var(--vv-font-display);font-size:clamp(1rem,.95rem + .35cqi,1.15rem);color:inherit}
.vvault-front .vvault-ico-plus{--vv-ico-size:1.15rem;margin-inline-end:var(--vv-s1)}
/* VV-022 Channel collection: avatar, name, description, YouTube link, count, Subscribe, newest videos. */
.vvault-front .vvault-chcoll .vvault-mod-title{margin:0 0 .5rem}
.vvault-front .vvault-chcoll__list{margin:0;padding:0;list-style:none}
.vvault-front .vvault-chrow{margin:0;padding:1.5rem 0;border-top:1px solid var(--vv-card-line)}
.vvault-front .vvault-chrow:first-child{border-top:0;padding-top:.5rem}
.vvault-front .vvault-chrow__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem 1rem;align-items:start;margin:0 0 1rem}
.vvault-front .vvault-chrow__avatar{width:3.5rem;height:3.5rem;font-family:var(--vv-font-display);font-size:1.4rem}
.vvault-front .vvault-chrow__name{margin:0 0 .25rem;font-size:clamp(1.08rem,.95rem + .5cqi,1.3rem);line-height:1.15;font-weight:var(--vv-title-weight)}
.vvault-front .vvault-chrow__desc{margin:0 0 .25rem;max-width:46ch;font-family:var(--vv-font-ui);font-size:.875rem;line-height:1.4}
.vvault-front .vvault-chrow__src{font-family:var(--vv-font-ui);font-size:.875rem;text-decoration:underline;text-underline-offset:.2em}
.vvault-front .vvault-chrow__acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem 1.5rem;font-family:var(--vv-font-ui)}
.vvault-front .vvault-chrow__count{font-size:.92rem;text-decoration:none}
.vvault-front .vvault-chrow__count:hover{text-decoration:underline}
@container vv (max-width:560px){.vvault-front .vvault-chrow__head{grid-template-columns:auto minmax(0,1fr)}.vvault-front .vvault-chrow__acts{grid-column:1/-1;justify-content:flex-start}.vvault-front .vvault-chrow__avatar{width:3.6rem;height:3.6rem;font-size:1.35rem}}