:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173c36;background:#f4f6ef;font-size:17px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header,main,footer{width:min(100%,1080px);margin-inline:auto;padding:24px;min-width:0}main{flex:1}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}header>a{font-weight:700}nav{display:flex;gap:16px;flex-wrap:wrap}header label{display:flex;align-items:center;gap:10px}a{color:#165c52;text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1{font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.22;margin:12px 0 20px}h2{font-size:1.45rem;line-height:1.4}h3{font-size:1.15rem}h4{font-size:1rem;margin:0 0 8px}p,li{line-height:1.75}p{margin:12px 0}button,input,select{font:inherit;min-height:48px;max-width:100%;border:1px solid #7e9c90;border-radius:12px;padding:12px 16px;background:#fff;color:#173c36}button{display:inline-flex;align-items:center;justify-content:center;line-height:1.5;cursor:pointer;white-space:normal;overflow-wrap:anywhere}button:hover{background:#e7eee0}button:disabled{opacity:.58;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a76a15;outline-offset:4px}.primary{background:#185e50;color:white;border-color:#185e50}.primary:hover{background:#104c3f}.hero{background:#dfebc0;border:1px solid #c7d8a0;border-radius:26px;padding:clamp(24px,5vw,48px)}.hero p{max-width:76ch}.eyebrow{font-size:.78rem;letter-spacing:.12em;font-weight:750}.muted{font-size:.9rem;color:#50675e}.course-intro{margin:22px 0 28px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.course-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card{min-width:0;background:white;border:1px solid #d3ded0;border-radius:22px;padding:24px}.course-card>h2{margin:10px 0}.icon{font-size:2rem}.pill{display:inline-block;border-radius:20px;background:#eef2e4;padding:5px 12px;font-size:.85rem}.card-actions{margin-top:12px}.card-actions button{width:100%;min-height:56px}.topic-guide{margin-top:18px;border-top:1px solid #dbe2d6}.topic-guide>summary{font-weight:650;padding:16px 0;cursor:pointer;min-height:48px}.guide-body{min-width:0}.example{border-top:1px solid #e0e7dc}.example>summary{padding:14px 0;min-height:48px;cursor:pointer;line-height:1.55;overflow-wrap:anywhere}.example-body{font-size:.94rem;padding-bottom:14px}.example-body .explanation{padding:16px 12px}.archive{margin-top:40px;padding-top:24px;border-top:1px solid #cdd8c9}.archive-list{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.archive-list li{min-width:0;padding:10px 0;border-bottom:1px solid #e0e5d9}.archive-list a{display:block;line-height:1.6;padding:4px 0}.archive-list span{display:block;font-size:.8rem}.practice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.practice-toolbar>span{line-height:1.6}.question,.result{width:min(100%,820px);margin-inline:auto;background:#fff;border:1px solid #d3ded0;border-radius:22px;padding:clamp(18px,4vw,36px);min-width:0}.question h1{font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.7;white-space:pre-line}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem}progress{width:100%;accent-color:#185e50;height:10px;margin:16px 0 12px}.options{display:grid;gap:12px;margin:24px 0}.options button{text-align:left;justify-content:flex-start;line-height:1.7;min-height:56px;min-width:0}.options .wrong{border:2px solid #a7472c;background:#fff0e8}.options .right{border:2px solid #17684c;background:#e3f3e8;opacity:1}.answer-fields{display:grid;gap:18px;margin:20px 0}.answer-fields label{display:grid;gap:8px;min-width:0}.answer-fields input{width:100%;min-height:56px;font-size:1.15rem}.order-list{padding-left:28px;margin:20px 0}.order-list li{padding:10px 0 12px 4px;border-bottom:1px solid #e1e8de;min-width:0}.order-value{display:block;overflow-wrap:anywhere;margin-bottom:8px;font-weight:600}.order-actions{display:flex;gap:8px}.order-actions button{width:48px;height:48px;padding:4px;font-size:1.3rem}.order-list li::marker{font-weight:700;color:#526e5d}#feedback{min-height:1.8em;margin:20px 0;line-height:1.8}.explanation{background:#f3f7ec;border:1px solid #d7e3cd;border-radius:16px;padding:22px;margin:20px 0;min-width:0}.explanation h3{margin:0 0 16px}.explanation ol{padding-left:24px;margin:0}.explanation li{padding-left:4px;margin:12px 0;overflow-wrap:anywhere}.answer-line{border-top:1px solid #d4dfcb;padding-top:14px;display:grid;gap:6px}.answer-line span{overflow-wrap:anywhere}.check-note,.mistake-note{margin-top:18px}.check-note p,.mistake-note p{margin:0}.mistake-note{border-left:3px solid #b98b42;padding-left:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 32px}.actions button{flex:1 1 180px;min-width:0;min-height:56px}.review-list{display:grid;gap:12px}.review-item{border:1px solid #d9e2d3;border-radius:14px;min-width:0}.review-item summary{padding:18px;cursor:pointer;line-height:1.6;overflow-wrap:anywhere;min-height:56px}.review-item summary>span:first-child{margin-right:10px}.review-body{padding:0 18px 18px;min-width:0}.first-answer{padding:14px;background:#f7f7f1;border-radius:12px}.first-answer p{margin-bottom:0;overflow-wrap:anywhere}footer{margin-top:28px;padding-bottom:32px;border-top:1px solid #d9e1d0;font-size:.85rem;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}footer p{max-width:75ch;margin:0}footer a{padding-block:8px}[hidden]{display:none!important}
@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header,main,footer{padding:16px}.course-grid,.course-grid.two-columns,.archive-list{grid-template-columns:minmax(0,1fr)}header{gap:14px}header nav{order:3;width:100%;border-top:1px solid #dce4d4;padding-top:10px;font-size:.9rem}.course-card{padding:22px}.hero{border-radius:20px}.practice-toolbar{align-items:flex-start}.practice-toolbar>span{font-size:.88rem}.question,.result{border-radius:18px}.explanation{padding:18px 14px}.archive{margin-top:28px}.review-body{padding:0 12px 12px}.review-item summary{padding:14px}.next-question{width:100%;min-height:56px}footer{margin-top:24px}}