/* Chapter 14, Reports and decks people act on. Site tokens only; the kit's frame from /playbook/kit/kit.css. */

/* slides, drawn by PBSlides.svg() for both the still and the live test */
.rd-slide{display:block;width:100%;height:auto;font-family:var(--font)}
.rd-frame{fill:none;stroke:var(--faint)}
.rd-slide .rd-h-topic{fill:var(--ink);font-size:28px}
.rd-slide .rd-h-take{fill:var(--spark);font-size:23px}
.rd-slide .rd-ct{fill:var(--muted);font-size:14px}
.rd-slide .rd-bl{fill:var(--muted);font-size:14px}
.rd-bar{fill:var(--faint)}
.rd-bar.is-hi{fill:var(--halo-lamp)}
.rd-slide .rd-bv{fill:var(--muted);font-size:14px;font-variant-numeric:lining-nums tabular-nums}
.rd-slide .rd-bv.is-hi{fill:var(--halo-lamp)}
.rd-slide .rd-note{fill:var(--faint);font-size:13px}
.rd-slide .rd-who{fill:var(--faint);font-size:13px}

/* the still: each slide's topic version beside its takeaway version */
.rd-still{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;max-width:56rem;margin-inline:auto}
@media (max-width:40rem){.rd-still{grid-template-columns:minmax(0,1fr)}}
.rd-still-slide p{color:var(--muted);font-size:var(--t-meta);margin-bottom:.4rem}
.rd-still-slide.is-takeaway p{color:var(--halo-lamp)}

/* live: the screen, then the answer box and the score */
.js .rd .pb-stage > .pb-still{display:none}
.js .rd .pb-stage > .pb-layer{display:block}
.rd .pb-stage > .pb-layer{position:relative;inset:auto;height:auto;max-width:40rem;margin-inline:auto}
.rd-progress{color:var(--muted);font-size:var(--t-meta);margin-bottom:.6rem}
.rd-screen{position:relative;background:var(--ground-raised)}
.rd-cover{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;border:1px dashed var(--faint);text-align:center;color:var(--muted);background:var(--ground)}
.rd-form{margin-top:1.25rem}
.rd-form label{display:block;font-size:var(--t-meta);color:var(--muted);margin-bottom:.45rem}
.rd-row{display:flex;gap:.6rem;flex-wrap:wrap}
.rd-row input{flex:1 1 14rem;min-width:0;min-height:44px;font:inherit;font-size:1.0625rem;color:var(--ink);background:var(--ground);border:1px solid var(--faint);border-radius:0;padding:.55rem .8rem}
.rd-row input:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.rd-score{margin-top:1rem;color:var(--ink);line-height:1.5;min-height:1.5em}
.rd-summary .pb-chartbox{margin-top:1.5rem}
.rd [hidden]{display:none!important}
html:not(.js) .rd-controls{display:none}

/* what I'd do now */
.rd-check{list-style:decimal;padding-left:1.4rem;margin-top:1.25rem}
.rd-check li{padding:.3rem 0;line-height:1.5}