:root{color-scheme:light dark;--paper:#f7f9fc;--paper-deep:#eef2f7;--surface:#fff;--ink:#102a43;--teal:#245cb3;--muted:#53657d;--line:#d8e2ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:var(--teal);text-underline-offset:4px}header,footer{padding:28px max(6vw,22px)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-1px;color:var(--ink)}.brand span{color:var(--teal)}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}nav{display:flex;align-items:center;gap:28px}nav a{font-size:14px;text-decoration:none}.button{display:inline-block;background:var(--teal);color:white;padding:12px 22px;border-radius:6px;font-weight:600;text-decoration:none}.intro{max-width:1000px;margin:80px auto 50px;padding:0 28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6vw,68px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:22px 0 28px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.3;font-size:29px;letter-spacing:-.5px}.intro>p:not(.eyebrow){max-width:640px;font-size:18px;color:var(--muted)}.note{font-size:14px!important}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1140px;margin:0 auto 90px;padding:0 28px}.guide{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.guide:hover{transform:translateY(-3px);border-color:var(--teal)}.guide h2{font-size:25px}.guide p{font-size:15px;color:var(--muted);flex:1}.read{font-size:13px;font-weight:700;color:var(--teal)}.article{max-width:820px;padding:70px 28px 90px;margin:auto}.article h2{margin-top:44px}.article p{color:var(--muted)}.article .lede{font-size:21px}.byline,.back{font-size:13px}.answer{padding:25px 28px;background:var(--paper-deep);border-left:3px solid var(--teal);border-radius:4px;margin:35px 0}.answer p:last-child{margin-bottom:0}.cta{padding:30px;background:var(--paper-deep);border-radius:8px;margin-top:50px}.cta h2{margin-top:0}footer{border-top:1px solid var(--line)}footer p{font-size:13px;color:var(--muted);max-width:650px}footer nav{margin-top:20px;flex-wrap:wrap}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}header nav a:not(.button){display:none}}@media(max-width:550px){.grid{grid-template-columns:1fr}.intro{margin-top:45px}header{padding:20px}.article{padding-top:45px}header .button{font-size:12px;padding:10px 12px}}@media print{header nav,.cta,footer nav{display:none}.article{max-width:none;padding:0}body{background:white}a{color:inherit}}

code{font-family:Consolas,monospace;font-size:.88em;background:var(--paper-deep);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}

.editorial-logo{float:left;margin:6px 10px 0 0;vertical-align:middle}@media(max-width:550px){header .brand{font-size:20px}header .editorial-logo{width:28px;height:28px;margin-right:8px}}

@media(prefers-color-scheme:dark){
:root{color-scheme:dark;--paper:#101b2b;--paper-deep:#16263a;--surface:#17283e;--ink:#e8eef6;--teal:#8db5f0;--muted:#b1c0d2;--line:#34485f}
body{background:var(--paper);color:var(--ink)}
.guide{background:var(--surface);color:var(--ink)}
.answer,.cta{background:#1d3048;color:#e8eef6}
.article p,.intro>p:not(.eyebrow),.guide p,footer p{color:var(--muted)}
header,footer{border-color:var(--line)}
header .button{background:#244f87;color:#fff}
code{background:#223a57;color:#e8eef6}
a:focus-visible{outline-color:#a9c8f7}
}
@media(prefers-color-scheme:dark){.button{background:#244f87;color:#fff}}

/* Long question titles must shrink within narrow phone cards. */
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide{min-width:0;overflow-wrap:anywhere}.article{overflow-wrap:anywhere}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.grid{grid-template-columns:minmax(0,1fr)}}

/* Keep the wordmark intact and the call to action easy to tap on small phones. */
@media(max-width:550px){header{gap:12px}header .brand{display:flex;align-items:center;gap:8px;white-space:nowrap}header .editorial-logo{float:none;margin:0;flex:none}}@media(max-width:380px){header{flex-direction:column;align-items:stretch;padding:16px}header nav{display:block;width:100%}header nav .button{display:block;width:100%;min-height:44px;text-align:center;white-space:nowrap;padding:12px}}

.skip-link{position:absolute;left:16px;top:-60px;z-index:99;padding:12px 16px;background:var(--ink);color:var(--paper);border-radius:4px}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-color-scheme:dark){.skip-link{background:#244f87;color:#fff}}