/* Sprint 131: independent, responsive task navigator. No remote assets or scripts. */
.na131{max-width:1180px;margin:0 auto;padding-block:24px 64px;color:#203a35}
.na131 *{box-sizing:border-box}
.na131-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.85rem;margin-bottom:25px;color:#657873}
.na131-breadcrumb a{color:#315e4c;text-decoration:underline;text-underline-offset:3px}
.na131-hero{background:linear-gradient(125deg,#f2f7f2,#f9faf7);border:1px solid #dbe7df;border-radius:22px;padding:clamp(22px,4vw,44px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);gap:28px}
.na131-overline{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#426d5c}
.na131 h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.11;letter-spacing:-.035em;margin:14px 0;color:#173e32}
.na131-hero p{line-height:1.65;font-size:1rem;color:#4c6057;max-width:700px;margin:0}
.na131-hero-note{padding:21px;border-radius:16px;background:#fff;border:1px solid #dce7de;align-self:end;display:grid;gap:7px;color:#425c50;line-height:1.52;font-size:.9rem}
.na131-hero-note strong{color:#215640}
.na131-steps{display:flex;gap:10px;flex-wrap:wrap;padding:22px 0}
.na131-steps span{border-radius:40px;border:1px solid #d9e3dc;color:#66766e;padding:8px 13px;font-size:.82rem}
.na131-steps span.active{background:#255a45;color:#fff;border-color:#255a45;font-weight:700}
.na131-heading{margin:12px 0 20px}
.na131 h2{font-size:clamp(1.35rem,2.6vw,2rem);letter-spacing:-.025em;color:#1d4435;margin:0 0 9px}
.na131-heading p{color:#66766f;margin:0}
.na131-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.na131-card{display:flex;flex-direction:column;gap:11px;min-width:0;min-height:200px;border:1px solid #dce5df;border-radius:17px;padding:22px;background:#fff;box-shadow:0 5px 14px rgba(25,59,41,.03);color:#2a493c;text-decoration:none;transition:transform .15s,border-color .15s}
.na131-card:hover{transform:translateY(-2px);border-color:#87ad95}
.na131-card:focus-visible,.na131 a:focus-visible{outline:3px solid #1d7452;outline-offset:3px}
.na131-card-ne{font-size:.88rem;color:#638271}
.na131-card strong{font-size:1.23rem;color:#173a2b}
.na131-card>span:not(.na131-card-ne){line-height:1.5;color:#65746c;font-size:.92rem}
.na131-card b{margin-top:auto;font-size:.88rem;color:#245d45}
.na131-case{min-height:175px}
.na131-back{margin:23px 0}
.na131-back a,.na131-next a{color:#2b634a;text-decoration:underline;text-underline-offset:3px}
.na131-outcome{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(255px,.85fr);gap:20px;margin-top:12px;align-items:start}
.na131-panel{border:1px solid #d8e2dc;border-radius:20px;padding:clamp(21px,3vw,32px);background:#fff;min-width:0}
.na131-summary{font-size:1rem;line-height:1.6;color:#465d50}
.na131-checklist{list-style:none;margin:25px 0;padding:0;display:grid;gap:15px;counter-reset:task}
.na131-checklist li{display:flex;align-items:start;gap:14px}
.na131-checklist li span{flex:0 0 37px;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#eaf2eb;color:#235642;font-weight:800;font-size:.83rem}
.na131-checklist li p{margin:6px 0;line-height:1.65;color:#30493c}
.na131-warning{background:#fff5e6;border:1px solid #eccfa1;color:#69451e;padding:13px 16px;border-radius:12px;line-height:1.5}
.na131-actions{display:grid;gap:10px;margin-top:25px}
.na131-actions a{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;padding:13px 17px;border-radius:12px;font-size:.94rem;font-weight:700}
.na131-primary{background:#245a45;color:#fff!important}
.na131-primary:hover{background:#194634}
.na131-secondary{border:1px solid #b7d0be;color:#215641;background:#f8fcf9}
.na131-context{background:#f7faf7;color:#45594f}
.na131-context h3{font-size:1rem;margin:25px 0 6px;color:#294f3d}
.na131-context p{font-size:.91rem;line-height:1.6;margin:0 0 12px}
.na131-context a{font-weight:700;color:#2a6249;text-decoration:underline;text-underline-offset:3px}
.na131-reviewed{padding-top:12px;border-top:1px solid #d5e2d8}
.na131-next{display:flex;gap:15px;flex-wrap:wrap;padding:18px 0}
.na131-footer{margin-top:30px;padding:18px 22px;background:#f0f4f0;border:1px solid #dce6df;border-radius:14px;line-height:1.6;font-size:.89rem;color:#425b4e}
.na131-footer a{color:#275b45;text-decoration:underline;text-underline-offset:2px}
@media(max-width:850px){.na131-hero,.na131-outcome{grid-template-columns:1fr}.na131-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.na131-hero-note{align-self:auto}}
@media(max-width:550px){.na131{padding-block:16px 50px}.na131-hero{padding:20px;border-radius:16px}.na131-grid{grid-template-columns:1fr}.na131-card{min-height:130px;padding:18px}.na131-steps{gap:5px}.na131-steps span{font-size:.72rem;padding:6px 9px}.na131-panel{padding:20px}.na131-hero-note{padding:16px}.na131 h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.na131-card{transition:none}.na131-card:hover{transform:none}}
@media print{.na131-breadcrumb,.na131-steps,.na131-next,.na131-footer,.na131-actions{display:none!important}.na131-hero,.na131-panel{border:0;background:#fff;padding:10px}.na131-outcome{display:block}.na131-context{page-break-inside:avoid}}

/* Homepage and companion entry points */
.na131-home-start{margin:0 0 18px}.na131-home-start a,.s16-navigator-link a{display:inline-flex;align-items:center;border-radius:12px;background:#eaf4ed;border:1px solid #bcd9c5;color:#20563e;padding:12px 16px;font-weight:700;text-decoration:none}.s16-navigator-link{margin:20px 0}
.na131-legacy-start{margin:-10px 0 18px;font-size:.84rem}.na131-legacy-start a{color:#51715e;text-decoration:underline;text-underline-offset:3px}
