:root{--paper:#fff;--ink:#111;--ink-2:#444;--mut:#777;--rule:#e6e2dc;--red:#cc0000;--display:"Montserrat","Arial Black",Arial,sans-serif;--body:"Open Sans","Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 80px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;margin-bottom:40px}
.top a{color:var(--ink);text-decoration:none;font-weight:600}
.top a:hover{color:var(--red)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(26px,4vw,36px);line-height:1.15;letter-spacing:-.01em;margin:0 0 6px}
.date{color:var(--mut);font-size:14px;margin:0 0 32px}
h2{font-family:var(--display);font-weight:700;font-size:19px;margin:36px 0 10px}
p,li{margin:0 0 10px;color:var(--ink-2)}
ol,ul{padding-left:22px;margin:0 0 10px}
li{margin-bottom:6px}
b{color:var(--ink)}
.box{border:1px solid var(--rule);border-radius:10px;padding:16px 18px;margin:18px 0}
.box p:last-child{margin:0}
mark{background:#fbefb8;padding:0 4px;border-radius:3px}
table{border-collapse:collapse;width:100%;font-size:15px;margin:10px 0 16px}
td,th{border-top:1px solid var(--rule);padding:8px 10px 8px 0;text-align:left;vertical-align:top;color:var(--ink-2)}
th{color:var(--ink);font-weight:700}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--rule);font-size:13px;color:var(--mut)}
footer a{color:inherit}