/* Progressive teaching pages share the game's colors and type. */
.lesson-answer{border-left:2px solid var(--accent);padding:1px 0 1px 20px;margin:26px 0 32px}.article .lesson-answer h2{font-size:28px;margin:0 0 12px}.lesson-lab{border-block:1px solid var(--line);margin:34px 0;padding:25px 0}.lesson-lab-heading .eyebrow{color:var(--accent);font-size:10px;letter-spacing:1.5px;margin-bottom:6px}.article .lesson-lab-heading h2{margin:0 0 20px}.lesson-demo{border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--surface)}.article .lesson-current-plan{font-size:13px;letter-spacing:.6px;margin:0 0 20px;color:var(--accent)}.lesson-facts{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:12px;margin:0 0 20px}.lesson-facts>div{min-width:0}.lesson-facts dt{font-size:10px;letter-spacing:.6px;color:var(--secondary);text-transform:uppercase}.lesson-facts dd{font-family:'Barlow Condensed',sans-serif;margin:4px 0 0;font-size:31px;line-height:1.1;font-weight:400}.lesson-facts>div:first-child dd{color:var(--accent)}.lesson-field{height:86px;border:1px solid #466146;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#71956a40 calc(10% - 1px),#71956a40 10%),repeating-linear-gradient(90deg,#183b2a 0,#183b2a 10%,#1b422e 10%,#1b422e 20%);position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px;overflow:hidden}.lesson-field-label{color:#e7f2db;font-size:9px;line-height:1.3;max-width:46px;letter-spacing:.3px;text-transform:uppercase;z-index:1}.lesson-ball{position:absolute;width:13px;height:19px;border-radius:50%;background:var(--accent);border:2px solid #213516;left:clamp(8px,calc(var(--lesson-ball)*1%),calc(100% - 8px));top:50%;transform:translate(-50%,-50%) rotate(38deg);box-shadow:0 0 0 3px #d7f97630}.lesson-clock-line{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;color:var(--secondary);font-size:11px}.lesson-event{min-height:116px;margin-top:18px;border-top:1px solid var(--line);padding-top:17px}.article .lesson-event h3{font-size:21px;margin:0 0 6px}.article .lesson-event p{font-size:13px;line-height:1.65;margin:0}.lesson-controls{margin-top:18px}.lesson-controls[hidden]{display:none}.lesson-plan-switch{display:flex;gap:8px;flex-wrap:wrap}.lesson-plan-switch .secondary-button{flex:1;text-align:left;justify-content:flex-start;font-size:12px;min-width:180px}.lesson-plan-switch [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#252e1e}.lesson-step-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.article .lesson-step-actions .primary-button{font-size:12px;min-height:44px;margin:0;padding:9px 14px}.lesson-step-actions .secondary-button{font-size:12px;padding-inline:11px}.lesson-step-actions [data-lesson-progress]{font-size:11px;color:var(--secondary);margin-left:auto}.lesson-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lesson-table-scroll{overflow-x:auto;outline-offset:4px}.lesson-table-scroll:focus-visible{outline:2px solid var(--accent)}.article .lesson-plan-result h3{margin-top:28px}.article .lesson-plan-result>p{font-size:14px}.article .lesson-table{font-size:12px;min-width:610px;margin:12px 0 14px}.lesson-table caption{text-align:left;color:var(--muted);font-size:11px;padding:0 0 10px}.lesson-table th:first-child{min-width:115px}.lesson-table td,.lesson-table th{padding:10px 9px}.lesson-table th small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.lesson-current-row{background:#252e1e}.lesson-current-row th{box-shadow:inset 2px 0 var(--accent);padding-left:10px}.article .lesson-plan-outcome{border-left:2px solid var(--line);padding-left:14px;font-size:13px}.lesson-plan-outcome strong{color:var(--text);font-weight:500}.lesson-takeaway{background:var(--raised);border-radius:6px;padding:20px 22px}.article .lesson-takeaway h2{margin:0 0 9px;font-size:26px}.article .lesson-takeaway p{font-size:15px;margin-bottom:0}.practice-jump{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:13px;padding:14px 0 18px;border-bottom:1px solid var(--line)}.article .practice-group>h2{scroll-margin-top:20px}.article .practice-group>p{font-size:15px}.practice-grid{list-style:none;padding:0;margin:20px 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.article .practice-drill{padding:20px;margin:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);min-width:0;display:flex;flex-direction:column}.practice-drill-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.practice-level{font-size:10px;letter-spacing:.7px;color:var(--secondary);text-transform:uppercase}.practice-clock{font-family:'Barlow Condensed',sans-serif;color:var(--accent);font-size:29px;line-height:1}.article .practice-drill h3{font-size:22px;line-height:1.2;margin:18px 0 10px}.article .practice-drill p{font-size:13px;line-height:1.7;margin:0 0 16px}.practice-drill-facts{font-size:11px;line-height:1.6;margin:0 0 20px;display:grid;gap:6px}.practice-drill-facts>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}.practice-drill-facts dt{color:var(--muted)}.practice-drill-facts dd{margin:0;color:var(--text)}.practice-drill-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.practice-drill-actions .secondary-button{font-size:12px;min-height:44px}.practice-drill-actions>a:not(.secondary-button){font-size:12px;line-height:1.5;min-height:28px;padding-block:4px}.article .practice-group li{padding-left:20px}
@media(max-width:560px){.lesson-answer{padding-left:16px}.article .lesson-answer h2{font-size:26px}.lesson-demo{padding:18px 15px}.lesson-facts{gap:8px;grid-template-columns:1fr 1fr}.lesson-facts dd{font-size:30px}.lesson-facts>div:nth-child(n+3) dd{font-size:24px}.lesson-clock-line{column-gap:12px;font-size:10px}.lesson-plan-switch{flex-direction:column}.lesson-plan-switch .secondary-button{min-width:0}.lesson-step-actions{gap:8px}.lesson-step-actions .primary-button{width:100%;justify-content:space-between}.lesson-step-actions [data-lesson-progress]{font-size:10px}.lesson-step-actions .secondary-button{font-size:11px;padding-inline:9px}.lesson-event{min-height:134px}.lesson-takeaway{padding:18px}.practice-grid{grid-template-columns:1fr}.practice-jump{font-size:12px;column-gap:18px}.article .practice-drill h3{font-size:24px}.practice-drill-facts{font-size:12px}.practice-drill-actions{flex-direction:row;flex-wrap:wrap;gap:12px 16px;align-items:center}}