/* Washington Student Debt Navigation — static site */
:root{
 --navy:#0b2345;--navy2:#203a5f;--teal:#087b8f;--green:#3f8c68;--gold:#d89a22;
 --cream:#f8f5ed;--paper:#fffdf9;--mist:#eaf3f7;--line:#d7e1e7;--red:#9a4434;--soft:#f5f8f9;
 --text:#17273a;--muted:#5d6d81;--max:1160px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62}
a{color:#075f78;text-underline-offset:3px}a:hover{color:#043b4b}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:1000;border:2px solid var(--navy)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navrow{min-height:66px;display:flex;align-items:center;gap:18px}.brand{font-family:Georgia,serif;font-weight:700;color:var(--navy);text-decoration:none;font-size:17px;white-space:nowrap}.desktop-nav{margin-left:auto;display:flex;gap:18px;align-items:center}.desktop-nav a{text-decoration:none;color:#41546a;font-size:14px}.desktop-nav a[aria-current="page"]{color:var(--navy);font-weight:800}.help-link{background:var(--navy)!important;color:#fff!important;padding:9px 13px;border-radius:999px;font-weight:800}
.mobile-nav{display:none;margin-left:auto;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid #b8c8d3;background:white;color:var(--navy);padding:8px 11px;border-radius:10px;font-weight:800}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav .panel{position:absolute;right:0;top:47px;width:min(330px,calc(100vw - 24px));background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 48px rgba(14,42,65,.16);padding:9px}.mobile-nav a{display:block;padding:11px;border-radius:9px;text-decoration:none;color:#32475d}.mobile-nav a:hover{background:#f3f7f8}
.hero{padding:88px 0 68px;background:linear-gradient(140deg,var(--cream),#edf7f8 58%,#e8f1f7);border-bottom:1px solid var(--line)}.hero.compact{padding:62px 0 50px}.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:48px;align-items:end}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:850;color:var(--teal)}h1,h2,h3{font-family:Georgia,serif;color:var(--navy);line-height:1.08}h1{font-size:clamp(44px,6.3vw,82px);max-width:970px;margin:12px 0 20px}h2{font-size:clamp(32px,4.5vw,54px);margin:0 0 18px}h3{font-size:27px;margin:0 0 9px}.lead{font-size:21px;max-width:810px;color:#40526a}.hero-card{background:rgba(255,255,255,.8);border:1px solid #cddfe5;border-radius:20px;padding:23px;box-shadow:0 18px 52px rgba(15,45,68,.07)}.hero-card strong{display:block;font-size:22px;color:var(--navy);margin-bottom:7px}.badge{display:inline-block;background:#f1e2be;color:#775312;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:850}
.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;text-decoration:none;padding:12px 17px;border-radius:10px;font-weight:850}.btn.primary{background:var(--navy);color:#fff}.btn.secondary{background:#fff;border:1px solid #b9cad3;color:var(--navy)}
.section{padding:76px 0}.section.alt{background:#f6fafb}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{font-family:Georgia,serif;font-size:32px;color:var(--navy);border-left:5px solid var(--gold);padding-left:22px;margin:24px 0}.callout{background:var(--navy);color:#fff;border-radius:22px;padding:34px}.callout h2,.callout h3{color:#fff}.callout .kicker{color:#8ed6e0}.note{border-left:4px solid var(--teal);background:#f0f8f9;padding:18px 20px;border-radius:0 12px 12px 0}.warning{border-left-color:var(--gold);background:#fff8ea}.plain-card,.card{border:1px solid var(--line);border-radius:18px;padding:23px;background:#fff}.card h3{font-size:24px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
.timeline{display:grid;gap:12px;margin-top:28px}.step{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.age{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:Georgia,serif;font-size:25px;font-weight:700}.step p{margin:5px 0 0}.patch{border:2px solid #a7d3c0;background:#eff8f3;border-radius:20px;padding:28px;margin-top:26px}.patch strong{color:#23634a}.record{background:#f5f0e8;border-radius:20px;padding:32px}.record-row{display:grid;grid-template-columns:135px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #ddd6c8}.record-row:last-child{border-bottom:0}.date{font-weight:850;color:var(--navy)}
.figure{margin:28px 0 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;overflow:hidden}.figure img{display:block;width:100%;height:auto;border-radius:11px}.caption{font-size:13px;color:#69778a;padding:8px 4px 0}
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.check{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff}.check b{display:block;color:var(--navy);margin-bottom:4px}.number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;margin-right:7px}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-item{border:1px solid #c7dce3;background:#fff;border-radius:16px;padding:22px}.help-item h3{font-size:23px}.help-item .action{display:inline-block;margin-top:8px;font-weight:850}
.glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.term{border-top:3px solid #cddce3;background:#f7fafb;padding:17px;border-radius:8px}.term b{display:block;color:var(--navy);margin-bottom:4px}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px}.source-item{font-size:14px;border-top:1px solid #e5ecef;padding-top:10px}.source-item b{color:var(--navy)}
.policy-list{display:grid;gap:13px}.policy{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fff}.policy h3{font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.stat b{display:block;font-family:Georgia,serif;color:var(--navy);font-size:30px}.small{font-size:14px;color:var(--muted)}.tiny{font-size:12.5px;color:#6f7e90}.anchor-offset{scroll-margin-top:90px}
.site-footer{background:#071c35;color:#dbe6ef;padding:46px 0}.site-footer h3{color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.site-footer a{color:#cde8ef}.legal{border-top:1px solid rgba(255,255,255,.16);margin-top:28px;padding-top:18px;font-size:13px;color:#b9c8d5}
.print-only{display:none}
@media(max-width:900px){.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid,.grid2{grid-template-columns:1fr}.grid3,.glossary{grid-template-columns:1fr 1fr}.section{padding:58px 0}.hero{padding:56px 0}.hero.compact{padding:46px 0 38px}.record-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.source-list{grid-template-columns:1fr}.checklist{grid-template-columns:1fr}.brand{font-size:15px}}
@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 24px))}.navrow{min-height:58px}.brand{max-width:210px;line-height:1.1}.hero{padding:42px 0 48px}h1{font-size:clamp(39px,12vw,56px)}h2{font-size:clamp(30px,9.5vw,43px)}.lead{font-size:18px}.buttons{display:grid}.btn{text-align:center}.cards,.help-grid,.grid3,.glossary,.stats{grid-template-columns:1fr}.step{grid-template-columns:55px 1fr;gap:13px;padding:17px}.age{width:50px;height:50px;font-size:20px}.callout,.record{padding:23px}.quote{font-size:27px}.section{padding:46px 0}.hero-card{padding:19px}.figure{margin-left:-2px;margin-right:-2px}.site-footer{padding:38px 0}}
@media print{.site-header,.mobile-nav,.buttons{display:none!important}.section,.hero{padding:26px 0}.site-footer{background:#fff;color:#111}.site-footer h3{color:#111}.print-only{display:block}.figure{break-inside:avoid}a{color:#111;text-decoration:none}}