/* Free on YouTube — big-artwork grid (James, 2026-09-24). Layout/chrome only.
   1 col phone (<720px) / 2 col tablet / 3 col desktop (>=1024px). 16/9 art boxes
   reserve space before load (no layout shift). No badges, no verification chrome. */
.free-head{margin:0 0 20px}
.free-h1{margin:0;font-size:clamp(26px,3.2vw,34px);font-weight:750;letter-spacing:-.01em;color:#f2e9d8;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.free-count{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted,#a89c86)}
.free-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0 0 8px}
@media(max-width:1023px){.free-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:719px){.free-grid{grid-template-columns:minmax(0,1fr);gap:16px}}
.free-card{margin:0;min-width:0}
.free-tap{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left;border-radius:14px;color:inherit;font:inherit}
.free-tap:focus-visible{outline:2px solid var(--emerald,#0e5f45);outline-offset:3px}
.free-art{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#161311}
.free-art img{width:100%;height:100%;object-fit:cover;display:block}
.free-ring{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease;pointer-events:none}
.free-tap:hover .free-ring,.free-tap:focus-visible .free-ring,.free-tap:active .free-ring{opacity:1}
.free-dot{width:66px;height:66px;border-radius:50%;background:rgba(14,95,69,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.55)}
.free-tri{width:0;height:0;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;margin-left:5px}
.free-title{display:block;margin:11px 2px 0;font-size:16.5px;font-weight:650;line-height:1.3;color:#f2e9d8}
.free-channel{display:block;margin:3px 2px 0;font-size:13px;line-height:1.4;color:var(--muted,#a89c86)}
.free-yt{display:inline-block;margin:7px 2px 0;font-size:13px;font-weight:700;color:#3fb97f;text-decoration:underline;text-underline-offset:3px}
.free-yt:hover{color:#5bd698}
@media(prefers-reduced-motion:reduce){.free-ring{transition:none}}