*{box-sizing:border-box}body{margin:0;background:#f4f0e7;color:#211f1b;font:15px/1.75 system-ui,sans-serif}a{color:#263cb8;text-underline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;background:#171510;color:#fff}header a{color:#fff;text-decoration:none}.logo{font-size:24px;font-weight:900;letter-spacing:-1px}.logo span{color:#e9b51b}main{max-width:880px;margin:36px auto;padding:0 24px 30px}h1{font-size:clamp(24px,4vw,36px);line-height:1.25;margin:0 0 12px}h2{font-size:19px;line-height:1.4;margin:0 0 12px}p{margin:0 0 14px}p:last-child{margin-bottom:0}.edition{color:#696258;font-size:13px;margin-bottom:28px}section{scroll-margin-top:20px;background:#fffdf7;border:2px solid #211f1b;border-radius:16px;padding:24px;margin:0 0 20px;box-shadow:4px 4px 0 #211f1b}footer{text-align:center;font-size:13px;color:#696258;padding:24px;border-top:1px solid #ccc4b6}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-bottom:16px}code{word-break:break-word}@media(max-width:480px){main{padding:0 16px}section{padding:20px}header{padding:16px}}