.primary-demo{margin-top:3rem;background:var(--ink);color:var(--warm);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--red);display:grid;grid-template-columns:1.2fr auto 2fr auto;gap:2rem;align-items:center;padding:2rem}.primary-demo h3{font:400 clamp(3.2rem,5.5vw,6.5rem)/.88 Anton,Impact,sans-serif;margin:.15rem 0}.primary-demo p{margin:0;color:#aaa;font-size:.8rem;letter-spacing:.1em}.demo-kicker{color:var(--signal);font-size:.7rem;font-weight:700;letter-spacing:.18em}.audio-toggle{flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:1px solid var(--ink);background:var(--signal);color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:1.05rem;padding-left:4px}.primary-toggle{width:96px;height:96px;font-size:1.8rem;border:2px solid var(--warm)}.audio-player.is-playing .audio-toggle{background:var(--red);color:var(--warm)}.audio-timeline{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;font-size:.65rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}.audio-progress{width:100%;height:4px;accent-color:var(--signal);cursor:pointer}.audio-download{color:var(--signal);font-size:.68rem;font-weight:700;letter-spacing:.12em;white-space:nowrap}.demo-list{margin-top:2rem;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--signal)}.demo-row{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(260px,1.5fr) auto;gap:1.5rem;align-items:center;padding:1.2rem 1.5rem;background:var(--paper);border-bottom:1px solid var(--ink)}.demo-row:last-child{border-bottom:0}.demo-title strong{font:400 1.65rem Anton,Impact,sans-serif}.demo-title small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.12em}.row-download{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ink);text-decoration:none;font-weight:700}.mini-player{display:grid!important;grid-template-columns:auto 1fr auto;gap:.6rem!important;align-items:center!important;margin:1rem 0 0!important;padding:1rem!important;background:var(--ink);color:var(--warm);border:0!important}.mini-player .audio-toggle{width:44px;height:44px}.mini-player p{margin:0!important}.mini-player strong{display:block;font:400 1.05rem Anton,Impact,sans-serif}.mini-player small{display:block;color:#aaa;font-size:.6rem;letter-spacing:.1em}.mini-player .audio-progress{grid-column:1 / 3}.mini-player .audio-current{font-size:.6rem;font-variant-numeric:tabular-nums}.kid-card>div>.mini-player+a{margin-top:1.2rem}
@media(max-width:900px){.primary-demo{grid-template-columns:1fr auto}.primary-demo .audio-timeline{grid-column:1 / -1}.demo-row{grid-template-columns:auto 1fr auto}.demo-row .audio-timeline{grid-column:1 / -1}}
@media(max-width:600px){.primary-demo{padding:1.4rem;gap:1.2rem;box-shadow:6px 6px 0 var(--red)}.primary-toggle{width:72px;height:72px}.audio-download{grid-column:1 / -1}.demo-list{box-shadow:6px 6px 0 var(--signal)}.demo-row{padding:1rem;gap:1rem}.demo-title strong{font-size:1.3rem}.row-download{width:36px;height:36px}}