body{margin:0;background:#faf9f6;color:#242b35;font:18px/1.9 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}header>a{font-weight:800;color:#9a7014}nav{display:flex;gap:24px}a{color:#795712;text-decoration-thickness:1px;text-underline-offset:4px}article{margin:30px 0;padding:24px;background:white;border:1px solid #e8e3d8;border-radius:14px}h1{font-size:clamp(28px,5vw,44px);line-height:1.5}h2,h3{line-height:1.5}img{max-width:100%;height:auto;border-radius:8px}.hero{display:block;margin:20px auto}time{font-size:14px;color:#647080}pre,table{overflow:auto;max-width:100%;display:block}pre{direction:ltr;background:#f2f4f6;padding:16px}blockquote{border-inline-start:3px solid #b88a18;margin:20px 0;padding:0 20px}td,th{padding:8px;border:1px solid #ddd}details{padding:15px;border-bottom:1px solid #ddd}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid #ddd}@media(max-width:600px){header,main,footer{padding:16px}header{display:block}nav{font-size:15px}article{padding:16px}}