:root{--paper:#F3EFE6;--paper2:#E9E3D5;--white:#FFFDF8;--ink:#141414;--ink2:#2B2A28;--muted:#5C574E;--orange:#FF4D1C;--mint:#1FA463;--butter:#FFD23F;--cobalt:#2F4BFF;--sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}
.top{border-bottom:2px solid var(--ink);background:var(--paper)}
.top .w{display:flex;justify-content:space-between;align-items:center;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-weight:850;font-size:19px;letter-spacing:-.04em;text-decoration:none}
.logo svg{width:30px;height:30px}
.back{font-weight:700;font-size:15px;text-decoration:none;border:2px solid var(--ink);border-radius:12px;padding:9px 16px;background:var(--orange);box-shadow:3px 3px 0 var(--ink)}
.w{max-width:820px;margin:0 auto;padding:0 20px}
main{padding:64px 0 100px}
h1{font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.045em;font-weight:850;margin:0 0 14px}
.updated{color:var(--muted);font-size:14px;font-weight:600;margin:0 0 36px}
h2{font-size:24px;letter-spacing:-.03em;line-height:1.2;margin:48px 0 12px;font-weight:800}
h3{font-size:18px;margin:26px 0 8px;font-weight:800;letter-spacing:-.01em}
p,li{color:var(--ink2)}
ul,ol{padding-left:22px}
li{margin:6px 0}
.box{border:2px solid var(--ink);border-radius:18px;padding:24px 26px;background:var(--white);box-shadow:5px 5px 0 var(--ink);margin:0 0 10px}
.box.key{background:#EAF7EF}
.box h2{margin-top:0}
.box p:last-child,.box ul:last-child{margin-bottom:0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.toc a{display:inline-block;font-size:14px;font-weight:600;text-decoration:none;border:1.5px solid var(--ink);border-radius:999px;padding:5px 12px;background:var(--white)}
.toc a:hover{background:var(--butter)}
footer{border-top:2px solid var(--ink);padding:30px 0;font-size:14px;color:var(--muted)}
footer .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media (max-width:600px){body{font-size:16px}main{padding:44px 0 70px}.box{padding:20px}}
.logo{display:inline-flex;gap:0;align-items:baseline;font:900 28px/1 var(--sans);letter-spacing:-.07em;text-decoration:none;color:var(--ink)}
.logo .dot{display:inline-block;width:.24em;height:.24em;margin-left:.06em;border-radius:50%;background:var(--orange);border:2px solid var(--ink)}
footer .fl{display:flex;flex-wrap:wrap;gap:8px 18px}
footer .fl a{font-weight:600;text-decoration:none;color:var(--ink)}
footer .fl a:hover{text-decoration:underline}
footer p{margin:0}
.card{display:grid;gap:14px;border:2px solid var(--ink);border-radius:18px;padding:26px;background:var(--white);box-shadow:5px 5px 0 var(--ink)}
.row{display:grid;grid-template-columns:170px 1fr;gap:12px;padding-bottom:12px;border-bottom:1.5px dashed #cfc8b8}
.row:last-child{border:0;padding:0}
.row dt{font-weight:700;color:var(--ink)}
.row dd{margin:0;color:var(--ink2)}
@media (max-width:600px){.row{grid-template-columns:1fr;gap:2px}}