
:root{--navy:#0F1624;--blue:#037BA3;--amber:#F49F1C;--text:#333333;--steel:#5A6A73;--light:#F0F0F0;--link:#006280;--error:#9B1C1C;--white:#fff;--line:#D5DCE0;--edge:#AEB9BF;--chip-bg:#E6F2F7;--ok-bg:#E3F3E8;--ok:#14532D}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--light);line-height:1.5}
header.site{background:var(--navy);color:#fff;padding:.75rem 1rem}
header.site .inner{max-width:40rem;margin:0 auto;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between}
header.site .brand{font-family:Montserrat,system-ui,sans-serif;font-weight:700;letter-spacing:.01em}
header.site nav a{color:#fff;margin-right:1rem}
main{max-width:40rem;margin:1.5rem auto;padding:0 1rem}
.card{background:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 1px 2px rgba(15,22,36,.15)}
h1{font-family:Montserrat,system-ui,sans-serif;color:var(--navy);font-size:1.5rem;margin:0 0 1rem}
a{color:var(--link)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
label{display:block;font-weight:600;margin:1rem 0 .25rem}
input[type=email],input[type=password],input[type=text]{width:100%;font:inherit;padding:.65rem .75rem;border:1px solid var(--steel);border-radius:.375rem;background:#fff;color:var(--text)}
.hint{color:var(--steel);font-size:.9rem;margin:.25rem 0 0}
button,.button{display:inline-block;font:inherit;font-weight:700;background:var(--amber);color:var(--navy);border:0;border-radius:.375rem;padding:.7rem 1.25rem;margin-top:1.25rem;cursor:pointer;min-height:2.75rem}
button.secondary{background:#fff;color:var(--navy);border:2px solid var(--navy);margin-top:0}
.notice{border-left:4px solid var(--blue);background:#E8F4F8;padding:.75rem 1rem;margin:0 0 1rem}
.error{border-left:4px solid var(--error);background:#FBEAEA;color:var(--error);padding:.75rem 1rem;margin:0 0 1rem}
.links{margin-top:1.25rem}
ul.plain{list-style:none;padding:0;margin:0}
ul.plain li{margin:.5rem 0}
dl{margin:0}
dt{font-weight:600;color:var(--steel);margin-top:.75rem}
dd{margin:0}

.skip{position:absolute;left:-999px;top:0;background:var(--white);color:var(--navy);padding:.75rem 1rem;z-index:10}
.skip:focus{left:0}
body.app header.site{background:var(--white);color:var(--navy);border-bottom:1px solid var(--line)}
body.app header.site .brand{color:var(--navy)}
body.app header.site nav{display:flex;flex-wrap:wrap;gap:.25rem}
body.app header.site nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .75rem;margin:0;color:var(--link);font-weight:600;border-radius:.5rem;text-decoration:none}
body.app header.site nav a:hover{text-decoration:underline}
body.app header.site nav a[aria-current=page]{background:var(--chip-bg);color:var(--navy)}
body.app header.site .inner{max-width:60rem}
main.wide{max-width:60rem;margin:1rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1rem}
main.wide>p{margin:0}
main.wide .card{border-radius:.875rem;box-shadow:0 1px 2px rgba(15,22,36,.08)}
main.wide h1{margin-bottom:.5rem}
main.wide h2{font-family:Montserrat,system-ui,sans-serif;color:var(--navy);font-size:1rem;margin:0 0 .5rem}
main.wide h3{font-family:Montserrat,system-ui,sans-serif;color:var(--navy);font-size:1rem;margin:0 0 .25rem}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:40rem){.grid{grid-template-columns:1fr 1fr}}
.hello{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}
.hello h1{margin:0}
.chip{display:inline-flex;align-items:center;padding:.15rem .65rem;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--chip-bg);color:var(--navy)}
.chip.ok{background:var(--ok-bg);color:var(--ok)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.25rem;border-radius:.5rem;background:var(--amber);color:var(--navy);font-weight:700;text-decoration:none}
.btn.cta{min-height:3.75rem;font-size:1.125rem;border-radius:.875rem;width:100%}
@media(min-width:40rem){.btn.cta{width:auto}}
.cta-note{color:var(--steel);font-size:.9rem;margin:-.5rem 0 0}
.big{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:1.375rem;color:var(--navy);margin:0}
.sub{color:var(--steel);margin:0}
.link{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:600;color:var(--link)}
ul.rows{list-style:none;margin:0;padding:0}
ul.rows li{border-top:1px solid var(--line)}
ul.rows li:first-child{border-top:0}
.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.5rem;padding:.375rem 0;color:inherit;text-decoration:none}
.row-action{margin:0 0 .375rem}
a.row:hover b{text-decoration:underline}
.row .main{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.row b{color:var(--navy);font-weight:600}
.row small{color:var(--steel);font-size:.875rem}
.pdf{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0 .75rem;border:1px solid var(--edge);border-radius:.625rem;background:var(--white);color:var(--link);font-weight:600;text-decoration:none}
ul.recs li{border-top:1px solid var(--line);padding:.75rem 0}
ul.recs li:first-child{border-top:0}
main.wide .notice{border-radius:.5rem}
textarea,select{width:100%;font:inherit;padding:.65rem .75rem;border:1px solid var(--steel);border-radius:.375rem;background:#fff;color:var(--text)}
textarea{resize:vertical;min-height:8rem}
textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.actions{display:flex;flex-wrap:wrap;gap:.75rem}
@media print{header.site,.noprint,.skip{display:none}.card{break-inside:avoid;box-shadow:none}}
