/* Sprint 138: original abstract diagrams, not screenshots of government systems. */
.na138{--ink:#244437;--muted:#51685a;--border:#d7e4da;--paper:#fff;--pale:#f1f6f2;max-width:1120px;margin:0 auto;padding:20px 17px 64px;color:var(--ink)}
.na138 *{box-sizing:border-box}.na138 a{color:#20563d;text-underline-offset:3px}.na138 a:focus-visible,.na138 input:focus-visible,.na138 button:focus-visible{outline:3px solid #2c684b;outline-offset:3px}
.na138-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px;font-size:.92rem}.na138-hero{background:var(--pale);border:1px solid var(--border);padding:clamp(18px,4vw,40px);border-radius:19px;margin-bottom:19px}.na138-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.075em;color:#3d6b54}.na138-hero h1{font-size:clamp(1.7rem,3.5vw,2.55rem);line-height:1.19;margin:11px 0}.na138-hero p{max-width:75ch;line-height:1.65}.na138-alert{border-left:4px solid #6b846e;background:#fff;padding:12px 14px;border-radius:8px}.na138-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.na138-index-card{display:block;text-decoration:none;border:1px solid var(--border);padding:23px;border-radius:15px;background:#fff;min-width:0;line-height:1.55}.na138-index-card:hover{background:#f4f8f5}.na138-index-card h2{font-size:1.15rem;margin:9px 0}.na138-index-card p{color:var(--muted)}.na138-index-card small{color:#547664;font-weight:800}.na138-footer{color:var(--muted);margin:20px 0}
.na138-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(235px,.7fr);gap:17px;align-items:start}.na138-main,.na138-side{min-width:0}.na138-main>section,.na138-side{border:1px solid var(--border);background:#fff;border-radius:16px;padding:clamp(16px,2.8vw,25px);margin-bottom:15px}.na138 h2{font-size:1.25rem;line-height:1.3;margin:0 0 13px}.na138-instructions{padding-left:1.4em;color:var(--muted);line-height:1.6}.na138-instructions li{margin:6px 0}.na138-section-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:9px}.na138-muted{font-size:.82rem;color:var(--muted)}.na138-field-list{display:grid;gap:15px;margin-top:14px}.na138-example{background:#fbfdfb;border:1px solid #dfe9e1;padding:17px;border-radius:13px;min-width:0;break-inside:avoid}.na138-example-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.na138-example h3{font-size:1.06rem;margin:0;flex:1;min-width:135px}.na138-index{display:grid;place-items:center;background:#dbe8de;color:#24533d;width:30px;height:30px;border-radius:8px;font-weight:800}.na138-status{font-size:.72rem;font-weight:700;color:#3f5c4b;border:1px solid #cadccf;background:white;border-radius:6px;padding:4px 7px}.na138-diagram{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:stretch;gap:8px}.na138-diagram-box{background:white;border:1px solid #c9dcd0;border-radius:10px;padding:13px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:6px}.na138-diagram-box small{font-size:.66rem;letter-spacing:.065em;color:#526a5b;font-weight:800}.na138-diagram-box strong{line-height:1.34}.na138-diagram-box span{font-size:.78rem;color:var(--muted)}.na138-diagram-target{background:#edf4ed;border-color:#9fbfa8}.na138-arrow{align-self:center;text-align:center;color:#527c5f;font-size:21px}.na138-compare,.na138-avoid{font-size:.91rem;line-height:1.55;margin:12px 0 0}.na138-avoid{color:#644c3a}.na138-check{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #d9e6dc;margin-top:13px;padding-top:11px;font-size:.89rem;cursor:pointer}.na138-check input{width:19px;height:19px;accent-color:#286746;flex:none}.na138-progress{margin:17px 0 9px;font-weight:800}.na138 button,.na138-primary{display:inline-block;border:1px solid #245943;background:#245943;color:#fff!important;border-radius:10px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin:3px 8px 3px 0}.na138 button:hover,.na138-primary:hover{background:#193f30}.na138-side{background:#f8faf8}.na138-side>a{display:block;margin:12px 0}.na138-sources{padding-left:1.2em;overflow-wrap:anywhere;line-height:1.7}.na138-sources li{margin:8px 0}.na138-privacy{font-size:.85rem;line-height:1.55;color:var(--muted);border-top:1px solid var(--border);padding-top:13px;margin-top:17px}
@media(max-width:750px){.na138-layout{grid-template-columns:1fr}.na138-index-grid{grid-template-columns:1fr}}
@media(max-width:390px){.na138{padding:14px 11px 45px}.na138-diagram{grid-template-columns:1fr;gap:6px}.na138-arrow{transform:rotate(90deg);line-height:1}.na138-example{padding:13px}}
@media print{.na138{max-width:none;padding:0;color:#111}.na138-nav,.na138 button,.na138-check,.na138-index-grid{display:none!important}.na138-layout{display:block}.na138-main>section,.na138-side,.na138-hero{border:1px solid #aaa;box-shadow:none}.na138-side{break-before:page}.na138-example{break-inside:avoid}.na138-diagram{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}}
/* Inline discovery within the earlier task navigator, without a new layout dependency. */
.na138-discovery{margin:8px 0 12px}.na138-discovery a{display:inline-block;padding:8px 13px;border:1px solid #c9ddce;border-radius:10px;background:#f1f7f2;color:#225640;font-weight:700}.na138-journey-link{border:1px solid #cbded0;border-radius:14px;background:#f0f7f1;padding:19px;margin:16px 0}.na138-journey-link h2{margin:0 0 9px;font-size:1.2rem}.na138-journey-link p{max-width:75ch;line-height:1.55}.na138-journey-link a{font-weight:800;color:#20563d}
