.cr-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1rem 0 2rem;padding:0;list-style:none}
.cr-video{background:#fffaf1;border:2px solid var(--ink);border-radius:18px;padding:.8rem;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;gap:.5rem;min-width:0}
.cr-video h3{font-size:1.05rem;margin:.2rem 0 0;line-height:1.3}.cr-video p{margin:0}
.cr-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--ink);border:0;padding:0;cursor:pointer;color:#fff;text-decoration:none}
.cr-frame img{display:block;width:100%;height:100%;object-fit:cover}
.cr-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cr-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:14px;background:rgba(184,64,44,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.cr-play::after{content:"";border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;margin-left:4px}
.cr-frame:hover .cr-play,.cr-frame:focus-visible .cr-play{background:var(--red)}
.cr-frame:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.cr-load{position:absolute;left:0;right:0;bottom:0;font:600 .72rem var(--mono);background:rgba(30,27,23,.82);color:#fff;padding:.35rem .6rem;text-align:left}
.cr-meta{font:600 .74rem var(--mono);color:var(--soft)}
.cr-rel{font-size:.92rem;border-top:1px dashed var(--line);padding-top:.45rem;margin-top:auto!important}
.cr-rel a{font-weight:600}
.cr-label{display:inline-block;font:700 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:.15rem .6rem;background:var(--pink);color:var(--ink)}
.cr-label.fact{background:var(--moss);color:#fff}.cr-label.ours{background:var(--ink);color:var(--paper)}
.cr-note{background:#fff3b0;border:2px solid var(--ink);border-radius:14px;padding:.9rem 1.1rem;margin:1rem 0}
.cr-note.sober{background:var(--paper2);border-color:var(--soft)}
.cr-feature{display:grid;gap:1.2rem;grid-template-columns:1fr;align-items:center;background:#fffaf1;border:2px solid var(--ink);border-radius:20px;padding:1.2rem 1.3rem;box-shadow:5px 5px 0 var(--ink);margin:1rem 0 1.5rem}
@media(min-width:760px){.cr-feature{grid-template-columns:240px 1fr}}
.cr-feature img{width:100%;height:auto;border-radius:12px;display:block}
.cr-feature h3{margin:.2rem 0 .5rem;font-size:1.4rem}
.cr-subjects{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0;padding:0;list-style:none}
.cr-subjects li{font:600 .72rem var(--mono);border:1.5px solid var(--ink);border-radius:99px;padding:.1rem .55rem}
.cr-empty{border:2px dashed var(--line);border-radius:18px;padding:1rem 1.2rem;color:var(--soft)}
.cr-sec{margin-top:2.4rem}.cr-sec>h2{margin-bottom:.3rem}
.cr-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 1rem;margin:.3rem 0 .4rem}
.pn-form .cr-boxes .pn-check{margin:.35rem 0}
.cr-head{display:grid;gap:1.2rem;grid-template-columns:1fr;align-items:start}
@media(min-width:860px){.cr-head{grid-template-columns:1.5fr 1fr}}
.cr-head img{width:100%;height:auto;border-radius:16px;border:2px solid var(--ink)}
.cr-jump{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}
.cr-jump a{font:600 .8rem var(--mono)}
.cr-fieldset{border:0;padding:0;margin:.9rem 0 0;min-width:0}.cr-fieldset legend{padding:0;margin-bottom:.2rem}
.pn-grid.cr-dir{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.cr-grid.cr-fit > .cr-video{max-width:28rem}
/* Creator profile pages: one-column header, and themed video groups that sit cleanly at every width.
   .cr-one = a group with a single video; .cr-multi = a group with two or more. Phone: everything stacks. */
.cr-head.cr-solo{grid-template-columns:1fr}.cr-head.cr-solo>div{max-width:48rem}
.cr-grid.cr-one,.cr-grid.cr-multi{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){
 .cr-grid.cr-one>.cr-video{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:1.3rem;row-gap:.5rem;align-items:start;max-width:none}
 .cr-grid.cr-one>.cr-video>.cr-frame{grid-column:1;grid-row:1/-1}
 .cr-grid.cr-one>.cr-video>:not(.cr-frame){grid-column:2}
}
@media(min-width:700px) and (max-width:1023px){
 .cr-grid.cr-multi>.cr-video{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:1.3rem;row-gap:.5rem;align-items:start}
 .cr-grid.cr-multi>.cr-video>.cr-frame{grid-column:1;grid-row:1/-1}
 .cr-grid.cr-multi>.cr-video>:not(.cr-frame){grid-column:2}
}
@media(min-width:1024px){.cr-grid.cr-multi{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* v12h: apply page with two equal paths (YouTube creator, Music artist) */
.cr-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:1rem 0 1.4rem}
.cr-path{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:1rem 1.2rem;scroll-margin-top:5rem}
.cr-path h3{margin:.1rem 0 .4rem}.cr-path ul{margin:.3rem 0 0;padding-left:1.2rem}.cr-path li{margin:.3rem 0}
.cr-path .pn-kicker{margin:0}
#apply{scroll-margin-top:5rem}
.cr-choose{border:0;padding:0;margin:.6rem 0 0;min-width:0}
.cr-choose legend{font:700 1.35rem var(--serif);padding:0;margin-bottom:.5rem}
.cr-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pn-form label.cr-tile{display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:1rem 1.1rem;border:2px solid var(--ink);border-radius:14px;background:#fff;cursor:pointer;font-weight:400;box-shadow:0 3px 0 var(--ink)}
.cr-tile input{width:1.25rem;height:1.25rem;margin-top:.25rem;flex:none;accent-color:var(--red)}
.cr-tile b{display:block;font:700 1.15rem var(--serif);color:var(--ink)}
.pn-form label.cr-tile span{color:var(--ink)}
.cr-tile small{display:block;color:var(--soft);font-size:.92rem;margin-top:.15rem}
.cr-tile:has(input:checked){background:#fff3b0;outline:3px solid var(--red);outline-offset:2px}
.cr-tile:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.cr-set{border:2px solid var(--line);border-radius:14px;padding:.4rem 1.1rem 1.1rem;margin:1.2rem 0 0;min-width:0;background:var(--paper)}
.cr-set>legend{font:700 1.1rem var(--serif);padding:0 .35rem}
.cr-set[hidden]{display:none}
.cr-hint{margin:.8rem 0 0}
.cr-set .cr-fieldset{margin-top:.9rem}
@media (max-width:640px){.cr-paths,.cr-tiles{grid-template-columns:1fr}}