:root{font-family:Arial,Helvetica,sans-serif;color:#14364a;background:#f2f7fa;font-size:16px;line-height:1.55;font-synthesis:none;--navy:#082a40;--teal:#006d77;--line:#d4e3e9;--blue:#dff3f6}
*{box-sizing:border-box}body{margin:0}a{color:#006775;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;background:var(--teal);color:white;border:0;border-radius:12px;padding:14px 20px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}button:hover,.button:hover{background:#005762}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;border:1px solid var(--line);color:var(--navy);margin:14px 0}.secondary:hover{background:#e5eff3}p{margin:0 0 16px}h1,h2,h3{line-height:1.2;color:var(--navy);margin:0 0 14px}h1{font-size:clamp(2rem,6vw,2.8rem);letter-spacing:-.045em;max-width:520px}h2{font-size:1.4rem;letter-spacing:-.025em}h3{font-size:1.1rem}ul,ol{padding-left:23px}li{margin-bottom:10px}strong{font-weight:700}:focus-visible{outline:3px solid #b56b00;outline-offset:4px}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:9}.skip:focus{top:12px}.brand{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--navy);color:white;padding:22px max(20px,calc((100vw - 700px)/2));}.brand>a{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid #4e7385;font-size:1.4rem;font-weight:800;border-bottom:4px solid #60d6de}.brand strong{font-size:1rem;letter-spacing:.13em}.brand small{display:block;font-size:.75rem;letter-spacing:.07em;color:#b9d7e3}.sample-badge{font-size:.75rem;letter-spacing:.05em;white-space:nowrap;color:#99e5e8}main{width:min(100%,740px);margin:auto;padding:30px 20px 125px;min-height:85vh}main:focus{outline:0}.heading{margin-bottom:28px}.heading>p:last-child{max-width:580px;color:#486371}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.09em;color:#006d77;margin-bottom:12px}.small{font-size:.875rem;line-height:1.5;color:#4e6572}.optional{font-weight:400;font-size:.875rem;color:#56717f;margin-left:4px}form,.plain-card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:24px}fieldset{border:0;padding:0;margin:0 0 28px}legend{font-weight:700;padding:0;margin-bottom:13px;line-height:1.5}.question-number{display:inline-grid;place-items:center;background:#e4f3f5;color:#00616b;border-radius:50%;width:27px;height:27px;font-size:.875rem;margin-right:10px}.options{display:flex;gap:8px}.options label{flex:1;cursor:pointer;position:relative}.options input{position:absolute;opacity:0}.options span{display:block;text-align:center;border:1px solid #c9dce4;border-radius:10px;padding:12px 6px;font-size:.95rem;color:#3e5d6c}.options input:checked+span{background:#e0f5f5;border-color:#00717a;box-shadow:inset 0 0 0 1px #00717a;color:#00545b;font-weight:700}.options input:focus-visible+span{outline:3px solid #b56b00;outline-offset:3px}form>label{display:block;font-weight:700;margin-bottom:8px}select,textarea{width:100%;border:1px solid #b7ced8;border-radius:10px;background:white;color:#173a4d;padding:13px;margin-bottom:22px}textarea{resize:vertical;margin-bottom:0;min-height:100px}.counter{text-align:right;font-size:.8rem;color:#546c7a;margin:6px 0 20px}.safety{background:#e9f1f5;border-left:3px solid #648795;border-radius:0 12px 12px 0;padding:18px 20px;margin:24px 0;font-size:.925rem}.safety>p{margin-top:8px;margin-bottom:8px}.safety summary{font-weight:700;cursor:pointer;min-height:32px}.safety ul{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;margin-bottom:10px}.progress{display:flex;gap:7px;margin-bottom:26px}.progress span{height:5px;flex:1;background:#d5e2e8;border-radius:3px}.progress .current{background:#82c9d1}.progress .done{background:#006d77}.lesson-goal{background:var(--navy);color:#e8f6fb;border-radius:18px;padding:26px;position:relative;overflow:hidden}.lesson-goal h2{color:white;margin-top:22px}.lesson-goal>p{font-size:1.17rem;line-height:1.5}.lesson-goal .small{font-size:.875rem;color:#b9d3df;margin-bottom:0}.pill{display:inline-block;padding:5px 9px;border-radius:6px;font-size:.78rem;background:#21495e;color:#c8eaf0;margin:0 6px 6px 0}.section-label{margin:30px 0 18px}.activities{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.activity+.activity{border-top:1px solid var(--line)}.activity summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:22px 20px;list-style:none;font-weight:700;line-height:1.35}.activity summary::-webkit-details-marker{display:none}.activity summary small{display:block;font-size:.85rem;color:#647985;font-weight:400;margin-top:6px}.activity-number{color:#00717a;font-size:1.05rem;font-weight:700;min-width:28px}.plus{margin-left:auto;font-weight:400;font-size:1.4rem}.activity[open] .plus{transform:rotate(45deg)}.activity>p{padding:0 22px 10px 62px}.cue-card{margin:24px 0;background:#dff3f6;border-radius:16px;padding:24px}.cue-card .cue{font-size:1.3rem;line-height:1.45;color:#00545b;font-weight:700}.cue-card h3{margin-top:25px}.cue-card p:last-child{margin-bottom:0}.skill-safety{font-size:.9rem;padding:0 4px;color:#4f6370}.readiness{padding:20px;background:#f2f7fa;border:1px solid var(--line);border-radius:12px;margin:24px 0}.readiness p:last-child{margin-bottom:0}.check{display:flex;align-items:flex-start;gap:12px;margin:16px 0}.check input{flex-shrink:0;width:22px;height:22px;accent-color:var(--teal);margin-top:3px}.check span{font-size:.925rem}.last-time{background:white;border:1px solid var(--line);border-radius:14px;margin-top:18px}.last-time>summary{cursor:pointer;padding:18px;font-weight:700}.response{border:1px solid var(--line);background:white;padding:26px;border-radius:16px;margin:20px 0}.last-time .response{border:0;margin:0;padding-top:8px}.response .eyebrow{margin-top:26px}.response .eyebrow:first-child{margin-top:0}.quote{font-size:1.2rem;line-height:1.5;overflow-wrap:anywhere}.notice{background:#e5f4f5;padding:18px;border-radius:10px;margin-top:22px}.notice p{margin:8px 0 0}.caution{border-color:#b58235}.caution .notice{background:#fff3df}.saved{background:#dcf1e9;padding:15px;border-radius:10px;color:#165140}.form-error:not(:empty){color:#923e1d;background:#fff0e9;border-radius:10px;padding:14px;margin-top:14px}.upgrade{border-radius:18px;padding:28px;background:#082a40;color:#d7e9f1;margin:28px 0}.upgrade .eyebrow{color:#83dbe0}.upgrade h2{font-size:1.8rem;color:white}.upgrade .button{background:#b9eef0;color:#083e47}.upgrade .small{color:#bdd6e1;margin:16px 0 0}.completion{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin:24px 0}.completion-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#d8f2ed;color:#006d60;font-size:1.8rem;margin-bottom:20px}.completion .small{margin:20px 0 0}.sample-list{margin-bottom:24px}.sample-list article{display:flex;gap:18px;background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin:12px 0}.sample-list h2{font-size:1.15rem}.sample-list p{margin-bottom:8px}.levels{padding-left:30px;columns:2;column-gap:30px}.levels li{break-inside:avoid;padding-left:4px;font-size:.95rem}footer{font-size:.875rem;margin:28px 0;color:#546d7b}footer a{margin-right:24px}footer p{margin-top:20px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:white;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:3}nav a{flex:1;max-width:230px;padding:15px 8px;text-align:center;text-decoration:none;font-size:.875rem;font-weight:700;color:#5a7180;border-radius:10px}nav a[aria-current]{background:#e5f4f5;color:#00606a}@media(min-width:800px){main{padding-top:44px}.heading h1{max-width:630px}.activities .activity>p{max-width:650px}.brand{padding-top:24px;padding-bottom:24px}}@media(max-width:380px){.brand{padding:18px 14px}.sample-badge{display:none}main{padding-left:14px;padding-right:14px}form,.response,.lesson-goal{padding:20px}.levels{columns:1}nav a{font-size:.8rem}}@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s ease}}

/* Optional Home Screen guidance and a route back to Tier 1. */
header.brand{flex-wrap:wrap}
header.brand > .tier1-return{flex:0 0 100%;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;letter-spacing:0;color:#d8eaf5;text-decoration:none}
header.brand > .tier1-return:hover{text-decoration:underline}
.install-card .eyebrow{margin-bottom:12px}
.install-card h2{font-size:1.5rem;line-height:1.2}
.install-instructions{padding:0;border:0;margin:20px 0 14px}
.install-instructions > summary{display:list-item;list-style-position:inside;background:var(--teal);color:white;border-radius:9px;padding:15px 18px;min-height:52px;font-size:1rem;font-weight:700;line-height:1.4;cursor:pointer}
.install-steps{padding:20px 0 0}
.install-steps h3{margin:20px 0 10px;font-size:1.1rem}
.install-steps h3:first-child{margin-top:0}
.install-steps p,.install-steps li{font-size:1rem;line-height:1.6}
.install-steps ol{margin:0 0 24px;padding-left:24px}
.install-card .install-optional{font-size:.9rem;line-height:1.5;margin:0;color:#4e6572}
@media print{.install-card,.tier1-return{display:none}}

/* Keep expanded guidance clear of the fixed navigation and phone safe area. */
main{padding-bottom:calc(125px + env(safe-area-inset-bottom, 0px))}
.install-card{margin-top:24px;overflow-wrap:anywhere}
.share-icon{width:20px;height:20px;vertical-align:-4px;margin-right:4px}
