:root{font-family:ui-rounded,"Avenir Next",system-ui,-apple-system,sans-serif;color:#263b37;background:#fbf7ee;font-synthesis:none;line-height:1.6;--green:#245c4b;--line:#dedecf;--amber:#8b5100}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:.2em}button,select{font:inherit}button,select,a{touch-action:manipulation}button{border:1px solid #b9c9bf;background:#fff;border-radius:999px;padding:.7rem 1.15rem;color:#234537;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#eef3e9}button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:not(:disabled){background:#163f33}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #cc8508;outline-offset:4px}.wrap{max-width:1110px;margin:auto;padding:0 24px}.top{display:flex;align-items:center;justify-content:space-between;padding-top:22px;gap:20px}.top>a{text-decoration:none;font-weight:800;font-size:1.13rem}.top span[aria-hidden]{color:#cc8d26}select{padding:.45rem .6rem;border:1px solid var(--line);border-radius:10px;background:white;color:#263b37}.intro{padding:38px 0 20px;max-width:760px}h1{font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.15;letter-spacing:-.025em;margin:.2rem 0 1rem}h2,h3{line-height:1.25}h2{font-size:1.45rem;margin:0 0 1rem}h3{font-size:1rem;margin:1.1rem 0 .5rem}.intro>p:not(.eyebrow):not(.small){font-size:1.22rem;margin:.5rem 0}.eyebrow{color:#69756a;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800}.small{font-size:.88rem;color:#606e64}.lessons{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}.lessons button[aria-current=true]{background:#f7dda0;border-color:#d4ad5c;color:#4d390b}.practice{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white}.picture{background:#edf0df;padding:20px;display:flex;flex-direction:column;justify-content:center}.picture img{width:100%;height:350px;object-fit:contain;border-radius:14px}.picture a{font-size:.86rem;margin-top:14px;text-align:center}.reading{padding:28px}.reading h2{font-size:1.65rem}.reading #passage{font-size:1.22rem;line-height:1.6}.reading #passage p{margin:.6rem 0}.reading.is-playing #passage{background:#fff4cf;border-radius:10px;box-shadow:0 0 0 9px #fff4cf}.listen-row,.record-row,.take-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.listen-row{margin-top:24px}.quiet{background:transparent}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pill{background:#edf4e9;border-radius:999px;padding:4px 11px;color:#3f6353;font-size:.8rem}.record{background:#963d39;border-color:#963d39;color:#fff;min-width:145px}.record:hover:not(:disabled){background:#7b2c2a}.record-row{margin-top:22px}#timer{font-variant-numeric:tabular-nums;font-weight:750;font-size:1.1rem;min-width:3rem}details{border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:650}details>p{font-size:.91rem}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;margin-top:16px}.consent input{flex-shrink:0;width:19px;height:19px;margin:3px 0 0;accent-color:var(--green)}#status{min-height:1.5em;font-weight:650}#problem{color:#8a3324}#take{padding:10px 0 0;border-top:1px solid var(--line)}audio{display:block;width:100%;max-width:620px;margin:12px 0}.take-actions{font-size:.87rem}.score{font-size:1.8rem;color:var(--green);font-weight:800;margin:10px 0}.heard{background:#f2f5ef;border-radius:12px;padding:16px;font-size:1.12rem}.aligned{display:flex;flex-wrap:wrap;gap:5px}.aligned span{padding:3px 7px;border-radius:6px}.matched{background:#e7f2e8;color:#245332}.omitted,.substituted{background:#fff0d3;color:#7f4d00}.legend{color:#586b61;font-size:.85rem}.vocab{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.word-card{background:#f7f7f0;border-radius:12px;padding:14px}.word-card strong{display:block;font-size:1.14rem}.question{border-left:3px solid #e1b75c;padding-left:16px;font-weight:650}#next{margin-top:20px}footer{font-size:.83rem;color:#677265;padding-top:25px!important;padding-bottom:35px!important}[hidden]{display:none!important}@media(max-width:720px){.wrap{padding-left:16px;padding-right:16px}.top{align-items:flex-start}.top label{font-size:.8rem;max-width:155px}.intro{padding-top:26px}.practice{grid-template-columns:1fr}.picture{padding:14px}.picture img{height:245px}.reading,.card{padding:20px}.reading #passage{font-size:1.12rem}.vocab{grid-template-columns:1fr}.section-head h2{margin-bottom:0}.section-head{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.practice-size{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:16px 0}.practice-size label{font-size:.9rem;font-weight:650}.part-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 22px}.part-controls button{font-size:.82rem;padding:.5rem .7rem;min-height:44px}.part-controls span{font-size:.83rem;text-align:center;color:#536b5e}#page-context{margin-top:20px}#whole-page-text{font-size:1rem;white-space:pre-line}#whole-page-text p{margin:.8rem 0}.reading #passage{min-height:4.5em}@media(max-width:420px){.part-controls{flex-wrap:wrap}.part-controls span{order:-1;width:100%;text-align:left}.practice-size select{max-width:100%}}