:root{color-scheme:dark;--bg:#080e19;--panel:#111c2b;--line:#263445;--ink:#f1f0e9;--muted:#9ba9b9;--gold:#edca83;--green:#9be4bc}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 15%,#1a2d46 0,transparent 48%),var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',sans-serif;min-height:100vh}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.container{max-width:1240px;padding:0 48px;margin:auto}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;color:var(--ink);text-decoration:none;font-size:17px;font-weight:750;letter-spacing:3px}.brand-mark{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);width:34px;height:34px;font-family:Georgia,serif;font-size:25px;letter-spacing:0;margin-right:14px;transform:rotate(-6deg)}.brand-dot{color:var(--gold)}.edition,.eyebrow,.host-tag,.on-air{font-size:10px;letter-spacing:2px;font-weight:650}.edition{color:var(--muted);display:flex;align-items:center;gap:14px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--green);box-shadow:0 0 12px #9be4bc55}.eyebrow{color:var(--gold);line-height:1.7}.welcome{display:grid;grid-template-columns:1.12fr 1fr;min-height:620px;align-items:center;gap:40px;padding:50px 0}.welcome-copy{padding:12px 0}.welcome h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,5.3vw,72px);line-height:1.07;font-weight:400;letter-spacing:-3px;margin:28px 0}em{color:var(--gold);font-weight:400}.intro{color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--gold);border:1px solid var(--gold);color:#151a23;border-radius:7px;font-size:15px;font-weight:700;padding:19px 25px;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:#ffdda0;transform:translateY(-2px)}.fine-print{color:var(--muted);font-size:11px;margin:15px 0 32px}.show-facts{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:24px;max-width:390px}.show-facts div{display:flex;flex-direction:column;gap:7px}.show-facts strong{font-family:Georgia,serif;font-weight:400;font-size:26px}.show-facts span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.welcome-stage{position:relative;min-height:480px;align-self:stretch;overflow:hidden;border:1px solid #354253;border-radius:150px 150px 12px 12px;background:#101e30;isolation:isolate}.welcome-host{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 30%;z-index:-2}.welcome-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e19 0%,#080e1990 18%,transparent 52%);z-index:-1}.host-tag{position:absolute;top:25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#080e19cc;border:1px solid #ffffff20;padding:11px 15px;border-radius:25px;letter-spacing:1px;font-size:9px}.host-tag .live-dot{margin-right:8px}.stage-caption{position:absolute;bottom:28px;left:32px}.stage-caption span{color:var(--gold);font-size:9px;letter-spacing:2px}.stage-caption p{font:italic 36px/1.12 Georgia,serif;margin:12px 0}.sound-desk{border:1px solid var(--line);background:#111c2b99;border-radius:10px;padding:19px 22px;display:flex;align-items:center;gap:25px}.sound-switch{display:flex;align-items:center;gap:12px;cursor:pointer;white-space:nowrap}.sound-switch input{appearance:none;width:32px;height:19px;background:#344254;border-radius:20px;position:relative;margin:0;cursor:pointer}.sound-switch input:after{content:'';position:absolute;width:13px;height:13px;top:3px;left:3px;background:#bbc5d1;border-radius:50%;transition:transform .2s}.sound-switch input:checked{background:#786340}.sound-switch input:checked:after{transform:translateX(13px);background:var(--gold)}.sound-switch strong{font-size:12px;display:block;font-weight:600}.sound-switch small{color:var(--muted);font-size:10px;display:block;margin-top:4px}#music-controls{display:flex;gap:10px;flex:1;min-width:0;align-items:center}select{min-width:0;max-width:100%;width:100%;background:#101925;color:var(--muted);border:1px solid var(--line);padding:10px;border-radius:5px;font-size:11px}.secondary{border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);padding:10px 15px;font-size:11px;white-space:nowrap}.secondary:hover{border-color:var(--gold)}#music-volume-controls{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}#music-volume{width:85px;accent-color:var(--gold)}#music-volume-value{min-width:28px}.footer-note{text-align:center;font-size:8px;letter-spacing:2px;color:#718095;margin:23px 0 30px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#game-screen{padding:30px 0}#prize-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 23px;gap:16px}#game-progress{font-size:13px;color:var(--muted);margin-top:5px}#prize-display{font:38px Georgia,serif;color:var(--gold)}#total-winnings{font-size:12px;color:var(--muted)}#status{color:var(--muted);font-size:12px;margin:18px 0;line-height:1.5}#progress-bar{height:2px;overflow:hidden;background:var(--line);margin:20px 0}#progress-fill{height:100%;background:var(--gold);animation:progressAnim 2s ease-in-out infinite}@keyframes progressAnim{0%{width:0;margin-left:0}50%{width:60%;margin-left:20%}100%{width:0;margin-left:100%}}#host-panel{display:flex;gap:18px;align-items:center;padding:12px 0 24px}#host-portrait{width:75px;height:75px;object-fit:cover;border-radius:50%;border:1px solid #516079}#host-dialogue{font:italic 19px/1.5 Georgia,serif;margin:6px 0 0}.on-air{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--muted)}.on-air .live-dot{margin-right:8px}.question-card{border:1px solid #354459;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#203149,transparent 75%),#111b2a;padding:35px 38px 38px;box-shadow:0 20px 70px #0003}.question-card>.eyebrow{text-align:center;font-size:9px;color:var(--muted)}#question-text{font:400 clamp(25px,3vw,38px)/1.3 Georgia,serif;text-align:center;margin:20px auto 35px;max-width:800px;overflow-wrap:anywhere}#answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{display:flex;align-items:center;gap:15px;min-height:68px;padding:15px 20px;text-align:left;color:var(--ink);font-size:15px;line-height:1.4;background:#111b29;border:1px solid #3a495f;border-radius:8px;transition:background .18s,border-color .18s,transform .18s;overflow-wrap:anywhere}.answer .key{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:5px;border:1px solid #485367;color:var(--gold);font:12px 'Segoe UI',sans-serif}.answer.clickable:hover{background:#2a3340;border-color:var(--gold);transform:translateY(-2px)}.answer.correct{border-color:#76caa1;background:#173b31}.answer.wrong{border-color:#d9948d;background:#42252a}.answer.disabled{opacity:.45;pointer-events:none}.answer.next-question{cursor:pointer}.answer.next-question:after{content:'→';margin-left:auto;color:var(--green)}details{color:var(--muted);font-size:12px;margin:20px 0}summary{cursor:pointer;width:fit-content}details p{line-height:1.7;max-width:800px}#result{color:var(--ink);font-size:18px;margin:24px 0}#result.correct{color:var(--green)}#result.wrong{color:#f1a59e}#next-btn{display:flex;margin-left:auto}.keyboard-hint{text-align:center;color:var(--muted);font-size:11px;margin:25px 0 3px;line-height:2.4}kbd{border:1px solid var(--line);border-radius:4px;padding:3px 6px;margin:0 2px}#question-img{max-width:100%;border-radius:12px}.overlay{position:fixed;inset:0;background:#080e19ed;backdrop-filter:blur(16px);z-index:1000;overflow-y:auto;padding:35px 20px;align-items:flex-start;justify-content:center}.end-card{margin:auto;text-align:center;width:min(620px,100%);padding:40px 30px;background:var(--panel);border:1px solid #495369;border-radius:18px}.end-card h2{font:400 clamp(36px,5vw,53px)/1.2 Georgia,serif;margin:20px 0}.end-card>p{line-height:1.6;color:var(--muted)}.end-card .end-prize{font:36px Georgia,serif;color:var(--gold)}#explanation-box{text-align:left;border-top:1px solid var(--line);margin:25px 0;padding-top:15px}#explanation-box h3{font-size:14px;color:var(--gold)}#explanation-text{font-size:14px;color:var(--muted);line-height:1.7}.end-card .primary{margin-top:15px}
@media(min-width:1500px){.welcome{min-height:690px}}@media(max-width:900px){.container{padding:0 26px}.welcome{gap:25px}.welcome-stage{min-height:450px}.sound-desk{flex-wrap:wrap;gap:16px}#music-volume-controls{margin-left:auto}.welcome h1{letter-spacing:-2px}.show-facts{gap:22px}.on-air{display:none}}@media(max-width:620px){.container{padding:0 20px}.masthead{height:80px}.wordmark{font-size:13px;letter-spacing:2px}.brand-mark{width:28px;height:28px;font-size:21px}.edition{font-size:8px;letter-spacing:1px}.welcome{grid-template-columns:1fr;gap:28px;padding:28px 0;min-height:0}.welcome h1{font-size:48px;margin:20px 0}.intro{font-size:15px}.welcome-copy{padding:0}.welcome-stage{min-height:300px;border-radius:90px 90px 10px 10px}.welcome-host{object-position:center 26%}.stage-caption p{font-size:29px}.show-facts{max-width:none;justify-content:space-between}.sound-desk{padding:16px}.sound-switch{width:100%}#music-controls{flex-basis:100%}#music-volume-controls{width:100%;margin:0}#music-volume{flex:1}.footer-note{font-size:7px;line-height:1.8}#prize-display{font-size:28px}#total-winnings{max-width:90px;text-align:right;line-height:1.5}#game-progress{font-size:11px}#host-portrait{width:60px;height:60px}#host-dialogue{font-size:16px}.host-message .eyebrow{font-size:8px}.question-card{padding:24px 16px}#question-text{font-size:27px;margin:18px 0 26px}#answers{grid-template-columns:1fr}.answer{min-height:62px;font-size:14px;padding:13px}#next-btn{width:100%}.keyboard-hint span{display:block}.end-card{padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readable, familiar presentation without miniature labels or display typography. */
body{font-size:17px;background:#101827}.container{max-width:1120px}.masthead{height:90px}.wordmark{letter-spacing:0;font-size:23px}.brand-mark{transform:none;font-family:inherit;font-size:23px;border-radius:6px}.edition{font-size:15px;letter-spacing:0}.eyebrow,.host-tag,.on-air{font-size:15px;letter-spacing:0;font-weight:500}.welcome{min-height:520px;padding:36px 0;gap:45px}.welcome h1{font-family:inherit;font-size:44px;letter-spacing:-1px;line-height:1.2;font-weight:650;margin:16px 0 22px}em{font-style:normal}.intro{font-size:18px;line-height:1.65}.welcome-stage{border-radius:12px;min-height:420px}.host-tag{font-size:15px;letter-spacing:0;border-radius:6px}.stage-caption span{font-size:15px;letter-spacing:0}.stage-caption p{font-family:inherit;font-style:normal;font-size:28px;font-weight:600}.primary{font-size:18px;padding:17px 24px}.fine-print{font-size:15px;line-height:1.5}.show-facts{gap:25px;max-width:none}.show-facts strong{font-family:inherit;font-size:24px;font-weight:600}.show-facts span{font-size:14px;letter-spacing:0}.sound-desk{gap:20px}.sound-switch strong{font-size:17px}.sound-switch small{font-size:15px}.sound-switch input{width:40px;height:24px;flex-shrink:0}.sound-switch input:after{width:18px;height:18px}.sound-switch input:checked:after{transform:translateX(16px)}select,.secondary{font-size:16px;padding:11px}#music-volume-controls{font-size:15px}.footer-note{font-size:15px;letter-spacing:0;line-height:1.5;color:var(--muted)}#game-progress,#total-winnings,#status{font-size:16px}#prize-display{font-family:inherit;font-size:30px;font-weight:650}#host-dialogue{font-family:inherit;font-style:normal;font-size:19px}.on-air{font-size:15px}.question-card{box-shadow:none;background:#172337;padding:28px}.question-card>.eyebrow{font-size:15px}#question-text{font-family:inherit;font-size:30px;font-weight:600}.answer{font-size:18px;min-height:72px}.answer .key{font-size:16px;width:32px;height:32px}details{font-size:16px}.keyboard-hint{font-size:15px}#result{font-size:20px}.end-card h2{font-family:inherit;font-size:36px;font-weight:650}.end-card .end-prize{font-family:inherit;font-size:30px}#explanation-box h3,#explanation-text{font-size:17px}.overlay{backdrop-filter:none}.answer.clickable:hover,.primary:hover:not(:disabled){transform:none}
@media(max-width:800px){.sound-desk{flex-wrap:wrap}#music-controls{flex-basis:100%;order:3}.welcome{gap:25px}.welcome h1{font-size:36px}.show-facts{gap:16px;flex-wrap:wrap}.welcome-stage{min-height:400px}}@media(max-width:620px){.masthead{height:80px}.wordmark{font-size:21px}.edition{display:none}.welcome{padding:26px 0;gap:25px}.welcome h1{font-size:36px;letter-spacing:0}.welcome-stage{min-height:300px}.welcome-copy .eyebrow{font-size:16px}.welcome-host{object-position:center 26%}.stage-caption p{font-size:26px}.show-facts{justify-content:flex-start;gap:30px}.show-facts span{font-size:14px}.sound-switch{width:auto}#music-volume-controls{width:100%}#music-controls{flex-wrap:wrap}#music-select{flex:1;min-width:160px}.footer-note{font-size:15px}.host-message .eyebrow{font-size:15px}#host-dialogue{font-size:17px}#game-progress,#total-winnings{font-size:15px}#prize-display{font-size:24px}.question-card{padding:22px 16px}.question-card>.eyebrow{font-size:15px}#question-text{font-size:25px}.answer{font-size:17px}.keyboard-hint{font-size:15px}}

/* The camera moves inside its frame; the question and controls stay still. */
.host-camera {
    width: 170px;
    height: 125px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #516079;
    background: #101c2d;
}
#host-portrait {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 34%;
    border: 0;
    border-radius: 0;
    transform-origin: 50% 35%;
}
/* Shots follow decisions, not alternating question numbers. CSS transitions
   start from the current framing, so an early answer never snaps backward. */
#host-portrait { transform: scale(1); transition: transform 1.2s ease-out; }
body[data-camera="thinking"] #host-portrait {
    transform: scale(var(--thinking-frame, 1.04));
}
body[data-camera="selected"] #host-portrait {
    transform: scale(1.22);
    transition-duration: .65s;
}
body[data-camera="locked"] #host-portrait {
    transform: scale(1.35);
    transition: transform var(--reveal-duration, 1.8s) ease-in;
}
body[data-camera="correct"] #host-portrait {
    transform: scale(1.03);
    transition-duration: .85s;
}
body[data-camera="wrong"] #host-portrait { transform: scale(1.35); }
.host-camera { transition: border-color .25s; }
body[data-camera="selected"] .host-camera,
body[data-camera="locked"] .host-camera { border-color: var(--gold); }
body[data-camera="correct"] .host-camera { border-color: var(--green); }
.reaction-camera {
    width: min(320px, 100%);
    height: 185px;
    margin: 0 auto 25px;
    overflow: hidden;
    border-radius: 10px;
    background: #101c2d;
}
.reaction-camera img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 32%;
    transform-origin: 50% 35%;
}
#game-over-overlay:not(.hidden) .reaction-camera img {
    animation: host-smug-closeup 850ms cubic-bezier(.18,.7,.2,1) both;
}
#win-overlay:not(.hidden) .reaction-camera img {
    animation: host-pullback 2s ease-out both;
}
body[data-camera="wrong"] #host-portrait,
body:has(.overlay:not(.hidden)) #host-portrait {
    animation: none;
}
@keyframes host-smug-closeup {
    from { transform: scale(1); }
    to { transform: scale(1.32); }
}
@keyframes host-pullback {
    from { transform: scale(1.25); }
    to { transform: scale(1); }
}
@media (max-width: 620px) {
    .host-camera { width: 105px; height: 105px; }
    #host-portrait { width: 100%; height: 100%; }
    #host-panel { gap: 14px; }
    .reaction-camera { height: 160px; }
}
@media (prefers-reduced-motion: reduce) {
    .host-camera img, .reaction-camera img { animation: none !important; transition: none !important; transform: none !important; }
}
#final-answer-panel { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:22px; border-top:1px solid var(--line); padding-top:20px; }
#selection-label { margin:0; font-size:18px; line-height:1.5; }
.answer.selected { border-color:var(--gold); background:#493e29; box-shadow:0 0 0 1px var(--gold); }
.answer:disabled { opacity:1; cursor:default; }
.answer.disabled { opacity:.45; }
body[data-camera="locked"] .question-card { border-color:var(--gold); }
@media(max-width:620px) { #final-answer-panel { flex-direction:column; align-items:stretch; } #final-answer-btn { justify-content:center; } }

.build-version { font-size: 16px; color: var(--gold); white-space: nowrap; margin-left: 16px; }

.voice-desk { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:24px 0; font-size:17px; }
.voice-desk label { display:flex; align-items:center; gap:8px; }
#voice-status { color:var(--muted); font-size:16px; }
.host-speaking .host-camera { box-shadow:0 0 0 2px var(--gold); }

.lifelines { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 20px; }
.lifelines>span, .lifeline-note { color:var(--muted); font-size:15px; }
.lifelines .used { text-decoration:line-through; }
.lifelines button:disabled { cursor:default; }
.lifeline-panel { border:1px solid var(--gold); border-radius:12px; background:#172337; padding:22px; margin-bottom:22px; }
.lifeline-panel h3 { font-size:22px; margin:0 0 16px; }
.lifeline-panel p { line-height:1.65; }
.audience-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 12px; margin:12px 0; }
.audience-row>span { grid-column:1 / -1; overflow-wrap:anywhere; }
.audience-row meter { width:100%; min-width:0; height:24px; }
.audience-row strong { min-width:48px; text-align:right; }
.answer.eliminated { opacity:.25; }
.answer.eliminated>span:not(.key) { visibility:hidden; }
body[data-camera="lifeline"] #host-portrait { transform:scale(1.05); transition-duration:.7s; }
@media(max-width:620px) { .lifelines { gap:10px; } .lifelines>span { width:100%; } }

/* Keep the decision and its controls together on ordinary laptop screens. */
.audio-settings { margin:12px 0; }
.audio-settings>summary { font-size:16px; padding:8px 0; }
.audio-settings .voice-desk { margin:12px 0; }
body:has(#game-screen:not(.hidden)) .masthead { height:64px; }
#game-screen { padding:12px 0 0; }
#prize-bar { padding-bottom:10px; }
#status { margin:8px 0; }
#host-panel { padding:0; }
.lifelines { margin-bottom:12px; gap:8px; }
.lifelines .secondary { padding:10px 12px; }
.question-card { padding:20px 24px; }
.question-card>.eyebrow { display:none; }
#question-text { font-size:27px; margin:0 0 20px; }
.answer { min-height:60px; padding:12px 16px; }
#final-answer-panel { margin-top:14px; padding-top:14px; gap:12px; }
#final-answer-btn { padding:13px 20px; }
#result { margin:12px 0; }
.keyboard-hint { margin:10px 0 0; line-height:1.6; }
body:has(#game-screen:not(.hidden)) .footer-note { display:none; }
@media(min-width:901px) {
    #question-display { display:grid; grid-template-columns:220px minmax(0,1fr); column-gap:24px; align-items:start; }
    #host-panel { grid-column:1; grid-row:1 / 4; flex-direction:column; align-items:stretch; gap:12px; }
    .host-camera { width:220px; height:180px; }
    #host-panel .on-air { display:none; }
    #host-dialogue { font-size:18px; }
    #question-display>.lifelines, #question-display>.question-card,
    #question-display>#thinking-details, #question-display>#lifeline-panel { grid-column:2; }
    .lifelines>span { flex-basis:100%; }
    #game-screen>.keyboard-hint { margin-left:244px; }
}
@media(max-width:900px) {
    #host-panel { margin-bottom:12px; gap:12px; }
    .host-camera { width:100px; height:80px; }
    .lifelines>span { display:none; }
}
@media(max-width:620px) {
    .container { padding:0 16px; }
    body:has(#game-screen:not(.hidden)) .masthead { height:60px; }
    #prize-bar .eyebrow { display:none; }
    #prize-display { font-size:21px; }
    #host-panel .eyebrow { display:none; }
    #host-dialogue { margin:0; font-size:17px; }
    .host-camera { width:84px; height:72px; }
    #question-text { font-size:23px; margin-bottom:14px; }
    .question-card { padding:16px; }
    #answers { gap:8px; }
    .answer { min-height:52px; padding:10px 12px; }
    #final-answer-panel { flex-direction:row; align-items:center; }
    #selection-label { display:none; }
    #final-answer-btn { width:100%; }
    .keyboard-hint { display:none; }
    .lifelines .secondary { font-size:16px; padding:9px 10px; }
}

.welcome-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
#watch-demo, #watch-win { padding:17px 20px; font-size:18px; }
#demo-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; color:var(--gold); font-size:16px; }
.watching-demo #next-btn, .watching-demo .keyboard-hint { visibility:hidden; }
.watching-demo #answers button, .watching-demo [data-lifeline], .watching-demo #final-answer-btn { cursor:default; }

#walk-away { padding:5px 10px; margin-top:4px; }
#walk-dialog { max-width:460px; width:calc(100% - 40px); box-sizing:border-box; padding:28px; border:1px solid #55637a; border-radius:16px; background:#172337; color:#f4f6fb; font:inherit; }
#walk-dialog::backdrop { background:rgba(0,0,0,.75); }
#walk-dialog p { font-size:18px; line-height:1.6; }
#walk-dialog button { margin:6px 4px 0 0; min-height:48px; font-size:18px; }

/* Native modal results keep keyboard interaction inside the ending. */
dialog.overlay { width:100%; max-width:none; height:100%; max-height:none; margin:0; border:0; color:var(--ink); font:inherit; }

#guaranteed-winnings { color:var(--gold); font-size:16px; white-space:nowrap; }

#final-answer-btn { flex-shrink:0; white-space:nowrap; }

.welcome-actions button { min-height: 48px; }

.end-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.end-actions button { min-height:48px; font-size:18px; }

.end-actions { margin-top:15px; align-items:stretch; }
.end-actions .primary { margin-top:0; }

.music-guide { max-width:70ch; font-size:18px; line-height:1.6; padding-bottom:12px; }
.music-guide li { margin:6px 0; }