body{background:#faf8f2;--blue:#71512d;--line:#e2d8c8;--ink:#30271e;--muted:#655444}
.hero aside{background:#403124}
.hero aside p:last-child{color:#f4dec0}
.practice{max-width:740px;background:white;border:1px solid var(--line);border-radius:16px;padding:clamp(16px,4vw,34px)}
.practice button:not(.button){font:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:white;color:var(--ink)}
.practice button:disabled{opacity:.5}
.sequence{margin-top:16px;color:var(--muted)}
.guide{max-width:76ch;padding-left:24px}
.guide li{margin-bottom:13px}
dt{font-weight:750}
dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px}

body{background:#fbf8ee;--blue:#31594d;--line:#cad9cd;--ink:#25382e;--muted:#4f6257}
.hero aside,.adult-slide{background:#254a3f;color:#fffaf0}
.hero aside p:last-child{color:#d3e5d6}
.practice{background:#f1f6ed}
.sequence{color:#774831}
#adult-viewer{max-width:900px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#eef4ec}
.adult-slide{min-height:clamp(250px,38vw,410px);padding:clamp(20px,5vw,55px)}
.adult-slide h3{font-size:clamp(36px,6vw,72px)}
.adult-slide p{max-width:38ch;font-size:clamp(18px,3vw,31px)}
.adult-slide #adult-count{font-size:15px;color:#d3e5d6}
.adult-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
.adult-controls button{font:inherit;background:white;border:1px solid #859b8e;color:#25382e;border-radius:7px;padding:7px 12px}
.adult-controls button:disabled{opacity:.5}
.adult-notes{margin-top:16px;max-width:70ch}
#adult-viewer:fullscreen{max-width:none;display:flex;flex-direction:column}
#adult-viewer:fullscreen .adult-slide{flex:1;overflow:auto}