:root{
  --paper:#ECEFF4; --surface:#FBFCFE; --ink:#152038; --soft:#5B6578;
  --pine:#17294D; --pine2:#33558C; --line:#D6DCE7; --accent:#C0392B;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);line-height:1.6;
  font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif}
a{color:var(--pine2)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line);background:var(--surface)}
.bar{display:flex;align-items:center;gap:10px;min-height:62px;max-width:760px;margin:0 auto;padding:0 22px}
.mark{width:26px;height:26px;display:block;flex:none}
.brand{font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;letter-spacing:-.01em;
  color:var(--ink);text-decoration:none}
main{padding:40px 0 72px}
h1{font-family:'Fraunces',Georgia,serif;font-size:32px;font-weight:600;letter-spacing:-.015em;margin:0 0 6px}
.updated{font-size:13px;color:var(--soft);margin:0 0 32px}
h2{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:600;margin:34px 0 8px}
h3{font-size:14.5px;font-weight:600;margin:20px 0 6px}
p,li{font-size:15px;color:#232f45}
ul{padding-left:20px}
li{margin-bottom:6px}
.note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:0 10px 10px 0;padding:14px 16px;margin:20px 0;font-size:14.5px}
footer{border-top:1px solid var(--line);padding:22px 0 40px;font-size:13px;color:var(--soft)}
footer a{margin-right:14px}