.head.plain{min-height:auto;padding:13vh 0 1vh;display:block}
.head.plain::after{display:none}
.player{position:relative;aspect-ratio:16/9;background:#141414;border:1px solid var(--line);
        overflow:hidden;width:100%;padding:0;cursor:pointer;display:block}
.player img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .3s,transform .5s}
.player:hover img,.player:focus-visible img{opacity:.92;transform:scale(1.02)}
.player .play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.player .play i{display:block;width:78px;height:78px;border-radius:50%;position:relative;
     background:rgba(10,10,10,.6);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(4px);
     transition:background .3s,border-color .3s}
.player:hover .play i{background:var(--accent);border-color:var(--accent)}
.player .play i::after{content:"";position:absolute;top:50%;left:50%;
     transform:translate(-56%,-50%);border-style:solid;border-width:14px 0 14px 22px;
     border-color:transparent transparent transparent #fff}
.player:hover .play i::after{border-left-color:#0a0a0a}
.player .hint{position:absolute;bottom:0;inset-inline:0;padding:.7rem .9rem;font-size:.78rem;
     color:rgba(255,255,255,.75);background:linear-gradient(to top,rgba(10,10,10,.85),transparent)}
.player iframe{width:100%;height:100%;border:0;display:block}
.player:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wide-player{max-width:980px}

.chapters{counter-reset:c;list-style:none;margin-top:2rem;max-width:74ch;padding:0}
.chapters li{counter-increment:c;border-top:1px solid var(--line);padding:1.05rem 0 1.05rem 0;
     display:flex;gap:1rem;align-items:baseline;color:rgba(255,255,255,.86)}
.chapters li::before{content:counter(c,decimal-leading-zero);color:var(--accent);
     font-size:.82rem;letter-spacing:.1em;min-width:2.2rem}
.chapters .t{color:var(--dim);font-size:.85rem;font-variant-numeric:tabular-nums;
     border:1px solid var(--line);border-radius:2rem;padding:.1rem .6rem;margin-inline-start:auto;
     background:none;cursor:pointer;transition:color .2s,border-color .2s}
.chapters .t:hover{color:var(--accent);border-color:var(--accent)}

.terms{margin-top:2rem;max-width:74ch}
.terms dt{font-weight:600;color:#fff;margin-top:1.3rem}
.terms dd{margin:.35rem 0 0;color:var(--dim);font-size:.97rem}
.qs{margin-top:2rem;max-width:74ch;list-style:none;padding:0}
.qs li{border-top:1px solid var(--line);padding:.95rem 0;color:rgba(255,255,255,.86)}
.qs li::before{content:"?";color:var(--accent);margin-inline-end:.7rem;font-weight:600}
.btn{display:inline-block;margin-top:2.2rem;border:1px solid var(--accent);color:var(--accent);
     text-decoration:none;padding:.85rem 2rem;transition:background .25s,color .25s}
.btn:hover,.btn:focus-visible{background:var(--accent);color:#0a0a0a}
.pager{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;
     border-top:1px solid var(--line);margin-top:5rem;padding:2.2rem 0 5rem}
.pager a{text-decoration:none;color:rgba(255,255,255,.85);font-size:.98rem}
.pager a:hover{color:var(--accent)}
.pager .all{color:var(--dim);font-size:.9rem}
.pager span.void{flex:1}
