/* An isolated sample: never uses the live board, progress, or sound controllers. */
.help-guide{padding:16px 0;border-bottom:1px solid var(--line-ui)}
.help-guide h3,.help-guide h4{margin:0 0 12px;font-family:var(--serif);font-size:22px}
.help-guide p{line-height:1.55;margin:12px 0}
.help-guide-note{font-size:14px;color:var(--muted)}
.help-guide-board{display:grid;grid-template-columns:repeat(2,64px);gap:8px;width:max-content;margin:20px auto;touch-action:none;user-select:none}
.help-guide-tile{width:64px;height:64px;border:2px solid var(--line-ui);border-radius:14px;background:var(--surface);color:var(--text);font:600 25px var(--font);touch-action:none}
.help-guide-tile[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent);text-decoration:underline;text-underline-offset:6px}
.help-guide button:focus-visible,.help-updates summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.help-guide :is(.btn-primary,.btn-secondary){min-height:48px;margin:4px 0}
.help-updates{border-bottom:1px solid var(--line-ui);padding:8px 0}
.help-updates summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.help-updates summary::after{content:'+';margin-left:auto}
.help-updates[open] summary::after{content:'−'}
.help-updates ul{padding-left:22px;line-height:1.55}.help-updates li{margin:10px 0}