:root{--bg:#0e141c;--panel:#161e28;--ink:#e8eef6;--dim:#93a3b5;--line:#2a3644;--acc:#3d8fd6;--paper:#f3efe6;--ink2:#1a2330}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--paper);color:var(--ink2);line-height:1.6}
.bar{background:var(--bg);color:var(--ink);display:flex;justify-content:space-between;align-items:center;padding:.85rem 5vw;gap:1rem;flex-wrap:wrap}
.logo{color:#fff;text-decoration:none;font-weight:700;font-family:system-ui,sans-serif;letter-spacing:.04em}
.logo em{color:var(--acc);font-style:normal;font-weight:500}
nav a{color:#b9c9db;text-decoration:none;margin-left:.85rem;font-family:system-ui,sans-serif;font-size:.82rem}
nav a:hover{color:#fff}
main{max-width:46rem;margin:0 auto;padding:2.2rem 5vw 3rem}
h1{font-size:2.35rem;line-height:1.12;margin:.2rem 0 .9rem}
h2{font-size:1.28rem;margin:2rem 0 .5rem}
.kicker{font-family:system-ui,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#5c6f84}
.lede{font-size:1.14rem;color:#3d4c5c}
.call{background:#fff;border-left:4px solid var(--acc);padding:1rem 1.1rem;margin:1.4rem 0;box-shadow:0 1px 0 #e4ddd0}
.call a{color:var(--acc)}
ol.flow{padding-left:1.2rem}
ol.flow li{margin:.55rem 0}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0}
td,th{border-bottom:1px solid #ddd4c6;text-align:left;padding:.45rem .2rem;vertical-align:top}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}
.card{background:#fff;padding:1rem;border:1px solid #e4ddd0}
.ft{max-width:46rem;margin:0 auto;padding:0 5vw 2.5rem;color:#5c6f84;font-size:.88rem}
.ft a{color:var(--acc)}
@media(max-width:700px){.grid{grid-template-columns:1fr}h1{font-size:1.85rem}nav a{margin:0 .6rem 0 0}}