:root{color:#171916;background:#f7f7f2;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline-offset:4px;outline:3px solid #175bcc}.skip{background:#fff;padding:10px;position:absolute;top:-100px;left:10px}.skip:focus{top:5px}header{color:#fff;background:#151713;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:22px 5%;display:flex}.brand{letter-spacing:-.04em;font-weight:900;text-decoration:none}.brand strong{color:#d5ff5f}nav{flex-wrap:wrap;gap:22px;font-size:.9rem;display:flex}main{max-width:1120px;margin:auto;padding:40px 24px}.eyebrow{letter-spacing:.09em;font-size:.85rem;font-weight:800}h1{letter-spacing:-.04em;margin:12px 0 20px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08}h1 em{color:#3551ac;font-style:normal}h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2}h3{line-height:1.3}.entry>p{max-width:730px}.paths{grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0;display:grid}.path{text-align:left;min-height:156px;color:inherit;background:#fff;border:2px solid #171916;padding:22px;box-shadow:4px 4px #171916}.path[aria-pressed=true]{background:#d5ff5f}.path span{color:#39454b;font-size:.85rem;font-weight:800;display:block}.path strong{margin:10px 0;font-size:1.3rem;line-height:1.3;display:block}.lesson-head{color:#fff;background:#171916;padding:28px}.lesson-head .eyebrow{color:#d5ff5f}.connections{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.connections span{border:1px solid #87957b;padding:5px 12px;font-size:.9rem}.body{background:#fff;border:2px solid #171916;padding:clamp(18px,4vw,36px)}.block{border-bottom:1px solid #d6dbd0;margin:26px 0;padding-bottom:24px}.modes{flex-wrap:wrap;gap:10px;display:flex}.modes button,.action{color:#fff;background:#171916;border:2px solid #171916;border-radius:0;padding:10px 16px}.modes button[aria-pressed=true]{color:#171916;background:#d5ff5f}.explanation{max-width:800px;margin-top:20px}.example{background:#f1f4ff;border-left:5px solid #3551ac;padding:10px 20px}details{background:#f2f3ed;margin:16px 0;padding:15px 20px}summary{cursor:pointer;font-weight:700}input[type=range]{width:min(100%,480px);margin:20px 0;display:block}.result{color:#294584;font-size:1.35rem;font-weight:800}.choices{gap:10px;max-width:800px;display:grid}.choices button{text-align:left;color:inherit;background:#fff;border:1px solid #767e73;padding:14px}.choices button:hover{background:#f1f4ff}.feedback{min-height:30px;font-weight:600}.feedback.good{color:#255e28}.feedback.retry{color:#8b3811}textarea{border:1px solid #66715f;width:100%;min-height:110px;padding:15px}.rubric{background:#eff4e5;padding:20px}.next{max-width:850px;margin-top:35px}footer{color:#fff;background:#171916;padding:25px 5%;font-size:.9rem}.sources{font-size:.9rem}.sources a{margin:8px 0;display:block}@media (width<=650px){.paths{grid-template-columns:1fr}.path{min-height:auto}header{padding:18px 20px}nav{gap:12px}main{padding:25px 18px}}@media (prefers-reduced-motion:no-preference){.path{transition:background .15s}}@media print{header,.paths,.modes,.action,footer{display:none}.body{border:0}details{break-inside:avoid}}.intro{max-width:950px}.toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}.toolbar label{gap:6px;display:grid}select{font:inherit;max-width:100%;padding:10px}button,.button{color:#fff;background:#171916;border:2px solid #171916;padding:10px 16px;font-weight:700;text-decoration:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card{background:#fff;border:2px solid #171916;padding:25px;box-shadow:4px 4px #171916}.card h2{font-size:1.5rem}.card .route{color:#3551ac;font-weight:700}.card .links{flex-wrap:wrap;gap:10px;display:flex}.card .links a{border:1px solid #171916;padding:8px 12px}.card .links a:first-child{background:#d5ff5f}.panel{border-top:3px solid #171916;margin-top:44px;padding-top:24px}.record{border-bottom:1px solid #ccd0c4;padding:12px 0}.record b{display:block}.record span{background:#e6efdc;margin:4px 6px 0 0;padding:3px 8px;font-size:.9rem;display:inline-block}.empty{background:#eaf0df;padding:24px}#teaching details{background:#fff;border:1px solid #ccd0c4}#saving{font-weight:700}footer{margin-top:30px}header nav{margin:0;display:flex}@media (width<=650px){.cards{grid-template-columns:1fr}.toolbar{align-items:flex-start}h1{font-size:2.2rem}.card{padding:20px}}