.practice-box{background:#eeeee7;border-top:4px solid var(--orange);padding:24px;margin:28px 0 40px}
.practice-box>details{border-color:#bfc8c5}.practice-box summary{font-weight:700;min-height:44px;display:list-item;padding:8px 0;line-height:1.5}
.practice-box .model{background:var(--paper);border:1px solid var(--line);padding:8px 16px;margin:18px 0}
.practice-box .model summary{font-size:15px;font-weight:400}.practice-box .prompt{font:24px/1.4 Georgia,serif;color:var(--ink);margin:22px 0}
.timer{border-top:1px solid #bfc8c5;margin-top:24px;padding-top:24px}.timer label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.timer select{font:16px/1.4 'Trebuchet MS','Segoe UI',sans-serif;background:var(--paper);color:var(--ink);border:1px solid #87949c;padding:12px;max-width:100%;min-height:48px}
.timer .timer-display{font:48px/1.2 Georgia,serif;color:var(--ink);font-variant-numeric:tabular-nums;margin:20px 0}
.timer-actions{display:flex;gap:12px;flex-wrap:wrap}.timer button{font:16px/1.4 'Trebuchet MS','Segoe UI',sans-serif;background:var(--ink);color:white;border:1px solid var(--ink);padding:12px 18px;min-height:48px;cursor:pointer}
.timer button:last-child{background:transparent;color:var(--ink)}.timer button:hover{background:#284565;color:white}
.timer select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}#timer-status{font-size:14px;margin:16px 0 0}
.reading .quiet{font-size:13px}.reading details summary{line-height:1.5}.reading .article-toc a{font-size:16px;text-decoration:underline}
@media(max-width:600px){.practice-box{padding:18px}.practice-box .model{padding:8px 12px}.practice-box summary{font-size:17px}.timer-actions button{flex:1}.reading h2{scroll-margin-top:185px}}