:root{--ink:#19363c;--muted:#526a6d;--green:#146a5c;--line:#d7e2da;--paper:#fffef9;--wash:#f2f4ed;--orange:#ad6737;color-scheme:light;font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--wash)}
*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #bb762e;outline-offset:4px}.site-header{max-width:1240px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.site-header>a:first-child{text-decoration:none;font-size:24px;font-weight:850}.site-header span{display:block;font-size:11px;letter-spacing:.12em;font-weight:600}.cabinet{font-size:14px}main{max-width:1240px;margin:auto;padding:0 28px 38px}.intro{max-width:770px;margin:30px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--green)}h1{font-size:clamp(32px,4vw,46px);line-height:1.13;letter-spacing:-.035em;margin:12px 0 18px}.intro>p:last-child{color:var(--muted)}.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px;align-items:start}#topics{display:grid;gap:8px}#topics a{display:flex;gap:12px;align-items:center;text-decoration:none;border:1px solid transparent;padding:14px 12px;border-radius:13px;color:var(--muted)}#topics a:hover{background:#e8ede3}#topics a[aria-current]{background:var(--green);color:white}#topics span{font:12px/1.4 ui-monospace,monospace;opacity:.8}#topics strong{font-size:14px;font-weight:650}.sheet{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 9px 30px #19363c08;padding:30px 34px}.sheet-header{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.sheet-header .eyebrow{margin:0 0 8px}.sheet-header h2{font-size:clamp(27px,3vw,36px);line-height:1.17;margin:0;letter-spacing:-.025em}.sheet-tag{font-size:12px;color:var(--muted);margin:10px 0 0}.sheet-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px}h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px;color:var(--green)}#rules{padding-left:20px;margin:0}#rules li{padding-bottom:12px;font-size:16px;overflow-wrap:anywhere}.warning{border-left:3px solid #d69b55;background:#faf0e1;padding:15px 16px;margin-top:15px;border-radius:0 10px 10px 0}.warning h3{color:#80502c}.warning p{font-size:14px;margin:0;overflow-wrap:anywhere}.worked-block{background:#eef5ef;border-radius:14px;padding:20px}#example{list-style:none;padding:0;margin:0;display:grid;gap:10px}#example li{font-size:clamp(19px,2.2vw,25px);line-height:1.4;letter-spacing:-.02em;font-weight:650;overflow-wrap:anywhere}#example li+li{border-top:1px solid #c9ddcf;padding-top:9px}.check{border-top:1px solid #bed7c5;padding-top:15px;margin-top:20px}.check h3{margin-bottom:7px}.check p{font-size:15px;margin:0;overflow-wrap:anywhere}.practice{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.practice>span{font-size:28px;color:var(--orange)}.practice p{margin:5px 0;font-size:20px;font-weight:650}#practice-note{font-size:13px;color:var(--muted);font-weight:400}.sheet-footer{font-size:10px;color:var(--muted);margin-top:25px}.watch{margin:26px 0 16px 249px;background:#e6ede4;border-radius:18px;padding:23px}.watch h2{font-size:21px;line-height:1.25;margin:0 0 8px}.watch p{font-size:14px;color:var(--muted);margin:0 0 16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button,button{border:1px solid #a8bcad;border-radius:10px;background:var(--paper);padding:11px 14px;font:650 13px/1.5 system-ui;cursor:pointer;text-decoration:none;color:var(--ink)}.primary{background:var(--green);color:white;border-color:var(--green)}.delivery{margin:20px 0 0 249px;font-size:13px;color:var(--muted);max-width:750px}
#angle-figure{margin:0 0 16px}#angle-figure svg{display:block;width:100%;max-height:230px}
@media(max-width:800px){.site-header{padding:18px}.cabinet{font-size:12px}main{padding:0 16px 30px}.intro{margin:18px 0 24px}.workspace{display:block}#topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:18px}#topics a{padding:10px 8px;gap:7px;border-color:var(--line)}#topics strong{font-size:12px}.sheet{padding:22px}.sheet-grid{grid-template-columns:1fr;gap:22px}.watch,.delivery{margin-left:0}#example li{font-size:25px}.actions>*{width:100%;text-align:center}}
@media print{:root{background:white}@page{size:A4;margin:13mm}body{background:white;font-size:11pt}.site-header,.intro,#topics,.watch,.delivery,noscript{display:none}main{padding:0;max-width:none}.workspace{display:block}.sheet{padding:0;border:0;border-radius:0;box-shadow:none}.sheet-header{margin-bottom:6mm;padding-bottom:4mm}.sheet-header h2{font-size:24pt}.sheet-grid{grid-template-columns:1fr 1.05fr;gap:7mm}.sheet-tag{display:none}#rules li{font-size:11pt;padding-bottom:3mm}#example li{font-size:16pt}.warning,.worked-block{break-inside:avoid;print-color-adjust:exact}.practice{break-inside:avoid}.practice p{font-size:14pt}.sheet-footer{font-size:8pt}.eyebrow,h3{font-size:9pt}}

#trainer-steps{padding-left:24px;font-size:16px}#trainer-steps li{padding:5px 0}#trainer-progress{margin:14px 0 0}.practice-guide .actions [hidden]{display:none}

/* Put actual playback and practice before the printable reference. */
.intro{max-width:950px;margin:14px 0 22px}.intro h1{font-size:clamp(27px,3.2vw,40px);margin:8px 0 10px}.intro>p:last-child{margin:0;font-size:15px}.sheet-header{margin-bottom:18px;padding-bottom:14px}.sheet-header h2{font-size:clamp(25px,2.5vw,32px)}
.topic-picker{display:none}.video-panel{padding:0 0 23px;margin-bottom:24px;border-bottom:1px solid var(--line)}.video-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.video-heading .eyebrow{margin:0 0 5px}.video-heading h3{font-size:18px;text-transform:none;letter-spacing:0;line-height:1.35;margin:0;color:var(--ink)}.video-mode{font-size:11px;color:var(--muted);text-align:right;max-width:125px}#video-player{display:block;width:100%;aspect-ratio:16/9;background:#19363c;border-radius:12px}#video-player:focus-visible{outline-offset:5px}.video-actions{margin-top:12px}#video-status{font-size:12px;color:var(--muted);margin:9px 0 18px}.practice-entry{background:#e7f1e8;padding:15px;border-radius:12px}.practice-entry .eyebrow{margin:0 0 9px}.practice-entry .quiet{border:0;background:transparent;text-decoration:underline;font-weight:500;padding:10px 3px;display:block}.sheet-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.sheet-label h3{margin:0}.sheet-label button{font-size:12px;padding:7px 10px}
@media(max-width:800px){.site-header{padding:12px 16px}.site-header>a:first-child{font-size:21px}.intro{margin:10px 0 16px}.intro h1{font-size:27px}.intro>p:last-child{font-size:14px}.topic-picker{display:grid;gap:5px;font-size:12px;font-weight:700;margin:0 0 14px}.topic-picker select{width:100%;min-width:0;border:1px solid #a8bcad;border-radius:10px;background:var(--paper);color:var(--ink);padding:10px;font:600 14px/1.4 system-ui}#topics{display:none}.sheet{padding:18px}.sheet-header{padding-bottom:12px;margin-bottom:14px}.sheet-header h2{font-size:26px}.sheet-tag{display:none}.video-heading{align-items:flex-start}.video-heading h3{font-size:15px}.video-mode{font-size:10px;max-width:95px}.video-actions{gap:7px}.video-actions>*{padding:9px 10px}.video-panel{margin-bottom:18px}.sheet-label h3{font-size:11px}.practice-entry .primary{display:block;text-align:center}.sheet-grid{gap:18px}}
@media print{.topic-picker,.video-panel,.sheet-label{display:none}.sheet-header{padding-bottom:4mm;margin-bottom:6mm}.sheet-header h2{font-size:24pt}.sheet{padding:0}.sheet-grid{gap:7mm}}

.practice-entry #quick-cabinet{display:inline-block;margin-top:8px}.practice-entry #quick-cabinet[hidden]{display:none}#quick-progress{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}@media(max-width:800px){.practice-entry #quick-cabinet{display:block;text-align:center}}

#topics .topic-group{display:grid;gap:4px}#topics .topic-group h3{font-size:10px;letter-spacing:.06em;margin:12px 10px 3px}#topics .topic-group a{padding:10px 12px}.intro .course-entry{margin:9px 0 0;font-size:14px}.course-entry a{font-weight:650}

.video-kinds{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.video-kinds button{flex:1;min-width:130px;min-height:42px}.video-kinds button[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}
/* Keep both video choices and the full frame visible before scrolling. */
@media(min-width:801px){.site-header{padding-top:14px;padding-bottom:14px}.intro{margin-top:8px;margin-bottom:14px}.intro h1{font-size:34px}.sheet{padding:24px 30px}.sheet-header{padding-bottom:10px;margin-bottom:12px}.sheet-tag{display:none}.video-heading{margin-bottom:8px}.video-heading .eyebrow{display:none}.video-heading h3{font-size:16px}.video-kinds{margin-bottom:10px}}
.intro>p:not(.eyebrow):not(.course-entry){font-size:15px;color:var(--muted);margin:0}@media(max-width:800px){.intro>p:not(.eyebrow):not(.course-entry){font-size:14px}}

@media(max-width:800px){.intro{margin-top:5px;margin-bottom:10px}.intro h1{font-size:25px;line-height:1.1;margin:6px 0 8px}.topic-picker{margin-bottom:10px}.sheet-header{margin-bottom:10px}.video-heading{margin-bottom:7px}.video-heading .eyebrow{display:none}.video-kinds{gap:6px;margin-bottom:9px}.video-kinds button{padding:8px;min-height:40px;font-size:12px}}

#topic-figure{margin:0 0 16px}#topic-figure[hidden]{display:none}#topic-figure svg{display:block;width:100%;height:auto;max-height:180px}#topic-figure .motion-caption{font-size:12px;line-height:1.35;margin:5px 0;color:var(--muted)}
@media print{#topic-figure svg{max-height:38mm}#topic-figure .motion-caption{font-size:8pt}.has-topic-figure #example li{font-size:13pt;line-height:1.3}.has-topic-figure .sheet-header h2{font-size:21pt}.has-topic-figure .worked-block{padding:4mm}.has-topic-figure .check{margin-top:4mm;padding-top:3mm}}
@media(max-width:800px){.sheet-header h2{font-size:24px;line-height:1.16}.sheet-header{padding-bottom:9px}}