
:root{--ink:#122341;--navy:#123c6e;--blue:#2267ad;--sky:#e8f3fd;--pale:#f5f9fd;--rule:#d4e0eb;--gold:#a96d15}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#f5f7fa;margin:0}.shell{max-width:980px;margin:auto;padding:24px 22px 90px;background:white;min-height:100vh}header{border-bottom:3px solid var(--navy);padding-bottom:20px;margin-bottom:24px}header .eyebrow{font-weight:750;color:var(--blue);font-size:.79rem;text-transform:uppercase;letter-spacing:.1em}h1{font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.2;margin:10px 0}h2{margin-top:2.3rem;border-bottom:1px solid var(--rule);padding-bottom:.35rem}h3{margin-bottom:.45rem}a{color:#17568e}p{max-width:78ch}nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:.9rem}.lede{background:var(--sky);padding:18px 22px;border-radius:11px;border-left:5px solid var(--blue)}.tag{display:inline-block;background:var(--pale);border:1px solid var(--rule);font-size:.84rem;border-radius:1rem;padding:2px 10px;margin:0 6px 8px 0}.task{padding:16px 18px;margin:15px 0;border:1px solid var(--rule);border-radius:9px;break-inside:avoid}.task .num{font-weight:700;color:var(--navy);font-size:.9rem}.worked{background:#f1f8ff;border-left:4px solid #2e76bd}.working{margin-top:9px;padding:10px 13px;background:#fff;border:1px solid var(--rule);border-radius:7px}.workspace{min-height:68px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,#dee8f1 31px);background-size:100% 32px;margin-top:12px}.workspace.long{min-height:135px}.callout{padding:14px 18px;border-radius:8px;background:#fff8e9;border-left:4px solid #c89330}.visual{display:flex;justify-content:center;background:white;border:1px solid var(--rule);border-radius:9px;padding:15px;margin:12px 0;overflow-x:auto}.visual svg{max-width:100%;height:auto}.guide{font-size:.93rem;color:#455872}.gridlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.gridlinks a{display:block;padding:14px;border:1px solid var(--rule);border-radius:8px;text-decoration:none}.badge{font-weight:650;color:#765113}.footer{font-size:.82rem;color:#56677d;border-top:1px solid var(--rule);margin-top:3rem;padding-top:15px}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border:1px solid var(--rule);padding:8px;text-align:left}th{background:#edf4fb}button{font:inherit}.print{display:none}@media(max-width:590px){.shell{padding:16px 14px 60px}body{font-size:16px}.task{padding:12px}nav{gap:8px}}@media print{body{background:white;font:11pt/1.5 Georgia,serif}.shell{max-width:none;padding:0}header{border-color:#222}.print{display:block}.noprint{display:none}.task{break-inside:avoid}.worked{background:white}.workspace{min-height:80px}h2{break-after:avoid}a{color:black;text-decoration:none}}

@media(max-width:590px){.visual.r6-visual{display:block;overflow-x:auto}.visual.r6-visual svg{max-width:none;min-width:630px}}

/* P3-CLOSE-001 mobile essential figure access: visible keyboard focus and predictable scroll. */
.skip-to-main{position:absolute;left:12px;top:-100px;z-index:1000;background:#ffffff;color:#122341;border:3px solid #124f8d;padding:9px 14px}
.skip-to-main:focus-visible{top:10px}
.visual:focus-visible{outline:3px solid #135ea3;outline-offset:3px}
@media(max-width:590px){.visual{overflow-x:auto;justify-content:flex-start;scrollbar-width:auto}.visual svg{max-width:none;min-width:650px;width:650px;height:auto;flex:0 0 650px}}
@media print{.visual{overflow:visible!important}.visual svg{min-width:0!important;max-width:100%!important;width:100%!important;height:auto!important;flex:auto!important}}
