:root{
  --navy:#0b1c33; --ocean:#1f5fae; --ocean-2:#2b74cf; --sail:#d9b968; --paper:#f4f1ea;
  --ink:#16202c; --muted:#5d6876; --line:#dcd6c9;
  --head:'Archivo',system-ui,sans-serif; --body:'Lato',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:var(--ink);background:#fff;line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--ocean)}
.wrap{width:min(780px,100% - 32px);margin-inline:auto}
.top{background:var(--navy);color:#fff;padding:36px 0 70px}
.top .bar{width:min(1160px,100% - 32px);margin:0 auto 56px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{font-family:var(--head);color:#fff;text-decoration:none;line-height:1}
.brand b{display:block;font-weight:800;font-style:italic;font-size:1.75rem}
.brand span{display:block;margin-top:5px;font-size:.8rem;font-weight:700;letter-spacing:.36em;text-transform:uppercase;opacity:.9}
.back{color:#fff;opacity:.85;font-size:.92rem;text-decoration:none}
.back:hover{opacity:1;text-decoration:underline}
.eyebrow{font-family:var(--head);font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sail)}
h1{font-family:var(--head);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:12px 0 10px}
.updated{opacity:.7;font-size:.9rem}
main{padding:60px 0 90px}
main h2{font-family:var(--head);font-weight:700;font-size:1.3rem;margin:40px 0 10px;color:var(--navy)}
main h2:first-child{margin-top:0}
main p,main li{color:#2d3846;margin-bottom:12px}
main ul{padding-left:22px;margin-bottom:12px}
.summary{background:var(--paper);border-left:4px solid var(--sail);padding:20px 24px;border-radius:0 8px 8px 0;margin-bottom:36px}
.summary p:last-child{margin-bottom:0}
.todo{background:#fff4d6;padding:1px 6px;border-radius:4px;font-size:.92em}
footer{background:var(--navy);color:rgba(255,255,255,.7);padding:36px 0;font-size:.88rem}
footer .wrap{width:min(1160px,100% - 32px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:#fff;margin-right:16px}
a[href^="mailto:"]{text-decoration:none}