:root{--paper:#f7f6f3;--card:#fff;--ink:#17202a;--ink-soft:#55606c;--rule:#ddd9d1;--rule-strong:#c4bfb5;--red:#c02a1f;--green:#1c6b4c;--sans:"Archivo",system-ui,-apple-system,sans-serif;--serif:"Newsreader",Georgia,serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.72;font-optical-sizing:auto}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 24px}
h1,h2,h3,.sans{font-family:var(--sans);font-weight:700;line-height:1.15;letter-spacing:-0.02em}
h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-0.035em;margin:0 0 10px;font-weight:800}
h2{font-size:1.35rem;margin:38px 0 10px}
h3{font-size:1.05rem;margin:26px 0 6px}
p,li{margin:0 0 16px}
ul{padding-left:22px}
a{color:var(--ink)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.top{border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;flex-wrap:wrap}
.logo{font-family:var(--sans);font-weight:800;font-size:1.32rem;letter-spacing:-0.04em;text-decoration:none;position:relative;display:inline-block}
.logo span{position:relative;z-index:1}
.logo::after{content:"";position:absolute;left:-2px;right:-2px;bottom:2px;height:7px;background:var(--red);opacity:.9;z-index:0;transform:rotate(-.7deg)}
.back{font-family:var(--sans);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:2px solid var(--rule-strong);padding-bottom:2px}
.back:hover{border-color:var(--red)}
main{padding:56px 0 20px}
.updated{font-family:var(--sans);font-weight:500;font-size:.9rem;color:var(--ink-soft);margin:0 0 34px}
.callout{background:var(--card);border:1px solid var(--rule);border-left:5px solid var(--green);padding:20px 24px;margin:26px 0}
.callout p:last-child{margin:0}
.foot{border-top:1px solid var(--rule);margin-top:50px;padding:34px 0 56px;font-size:.94rem;color:var(--ink-soft)}
.foot a{color:var(--ink-soft)}