.routes-lesson{color:#eff3e7;background:#152d2d;min-height:100vh;padding:26px 18px 46px}.routes-shell{max-width:920px;margin:0 auto}.routes-nav{color:#b9d2c2;justify-content:space-between;align-items:center;gap:14px;font-size:14px;display:flex}.routes-nav a{color:#e2f0e2;align-items:center;gap:7px;min-height:44px;display:inline-flex}.routes-header{max-width:740px;margin:65px auto 27px}.routes-header .eyebrow,.routes-card .eyebrow{color:#b9dfb7;letter-spacing:.12em;font-size:11px}.routes-header h1{letter-spacing:-.03em;margin:10px 0 15px;font-size:clamp(34px,6vw,58px);font-weight:550;line-height:1.08}.routes-header p,.routes-card p{color:#c7d7cb;margin:0;font-size:17px;line-height:1.75}.routes-card{color:#273c34;background:#eef1e6;border-radius:17px;max-width:740px;margin:0 auto;padding:29px 30px;box-shadow:0 18px 60px #06161566}.routes-card h2{margin:9px 0 13px;font-size:28px;line-height:1.25}.routes-theory{background:#e0e9dc;border:1px solid #b8cdb8;border-radius:11px;margin:0 0 21px;padding:18px 20px}.routes-theory h3{color:#385a45;margin:0 0 7px;font-size:15px}.routes-theory p{color:#415947;font-size:16px;line-height:1.65}.routes-diagram{background:#fbfcf7;border:1px solid #c7d4c4;border-radius:11px;margin:0 0 22px;padding:13px 12px 10px}.routes-diagram svg{width:100%;max-width:460px;height:auto;margin:auto;display:block}.routes-diagram line{stroke:#688474;stroke-width:3px}.routes-diagram line.closed{stroke:#a66161;stroke-dasharray:7 5}.routes-diagram text{fill:#26453a;font:600 15px system-ui,sans-serif}.routes-diagram .route-length{fill:#547363;font-weight:500}.routes-diagram figcaption{color:#526d5c;text-align:center;margin-top:8px;font-size:14px;line-height:1.55}.routes-prompt{color:#334d3f!important;margin-bottom:18px!important;font-size:18px!important}.routes-options{border:0;gap:10px;margin:0;padding:0;display:grid}.routes-options legend{color:#45644f;padding:0 0 9px;font-size:14px;font-weight:650}.routes-option{color:#304b3c;font:inherit;cursor:pointer;text-align:left;background:#f9faf5;border:1px solid #b9c9b7;border-radius:9px;align-items:flex-start;gap:11px;padding:14px 15px;font-size:16px;line-height:1.5;display:flex}.routes-option[data-selected=true]{background:#dceadb;border-color:#5d8d6d;box-shadow:inset 0 0 0 1px #5d8d6d}.routes-option input{accent-color:#3e7650;flex:none;width:19px;height:19px;margin-top:2px}.routes-button{color:#f6f8ee;cursor:pointer;background:#315d43;border:0;border-radius:9px;width:100%;min-height:48px;margin-top:20px;padding:12px 18px;font:600 15px inherit}.routes-button.secondary{color:#31533e;background:#dbe7d8;border:1px solid #98b699}.routes-button:disabled{opacity:.5;cursor:not-allowed}.routes-feedback{border-top:1px solid #bccdbb;margin-top:23px;padding-top:21px}.routes-feedback h3{color:#315e42;margin:0 0 9px;font-size:22px}.routes-feedback p{color:#405d4b;font-size:16px;line-height:1.7}.routes-progress{color:#567260;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:14px;display:flex}.routes-complete{text-align:center}.routes-score{color:#3f7650;margin:18px 0 9px;font-size:54px;font-weight:650;line-height:1}.routes-footer{color:#a9c4b2;max-width:740px;margin:17px auto 0;font-size:13px;line-height:1.7}:is(.routes-lesson a:focus-visible,.routes-lesson button:focus-visible,.routes-lesson input:focus-visible){outline-offset:4px;outline:3px solid #f0d68a}@media (max-width:520px){.routes-lesson{padding:17px 14px 34px}.routes-nav span{display:none}.routes-header{margin-top:45px}.routes-header h1{font-size:35px}.routes-card{padding:23px 18px}.routes-card h2{font-size:25px}.routes-card p,.routes-prompt{font-size:16px!important}.routes-diagram{margin-left:-7px;margin-right:-7px;padding:10px 7px 9px}.routes-diagram figcaption{font-size:13px}.routes-option{padding:13px 12px}}@media (prefers-reduced-motion:reduce){.routes-lesson *{scroll-behavior:auto!important;transition:none!important}}.routes-button{font:inherit;font-size:15px;font-weight:600}.routes-card .eyebrow{color:#41644c}.routes-complete p{color:#405d4b}