:root{--ink:#1733a3;--ink-deep:#122785;--coral:#ff715b;--cream:#fcfbf7;--muted:#58618b;
--font:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:#16203f;font-family:var(--font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px 96px}
a{color:var(--ink);text-underline-offset:3px}
a:hover{color:var(--coral)}
.back{display:inline-block;margin-bottom:40px;font-weight:600;text-decoration:none;font-size:15px}
.back:before{content:'\2190\00a0'}
h1{font-size:clamp(30px,5vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}
.updated{color:var(--muted);font-size:15px;margin:0 0 40px}
h2{font-size:22px;line-height:1.25;color:var(--ink-deep);margin:44px 0 12px}
h3{font-size:18px;margin:28px 0 8px}
p,li{margin:0 0 14px}
ul,ol{padding-left:22px}
.lead{font-size:19px;color:#16203f}
.callout{background:#fff;border-left:4px solid var(--coral);border-radius:0 12px 12px 0;padding:20px 22px;margin:28px 0}
.callout p:last-child,.box p:last-child{margin-bottom:0}
.box{background:#fff;border:1px solid var(--pale,#eef0fa);border-radius:14px;padding:20px 22px;margin:24px 0}
dl{margin:0}
dt{font-weight:600;margin-top:14px}
dd{margin:0 0 4px;color:var(--muted)}
footer{margin-top:64px;padding-top:24px;border-top:1px solid #e4e7f4;color:var(--muted);font-size:15px}
@media (max-width:480px){body{font-size:16px}.wrap{padding:32px 16px 64px}}