*{box-sizing:border-box}
body{font-family:system-ui,'Yu Gothic',sans-serif;margin:0;background:#F4F0EA;color:#2D2420;line-height:1.95}
nav{min-height:56px;background:#9FC7D8;display:flex;align-items:center;padding:10px 24px;gap:18px}
nav a{color:#1A3A52;font-weight:700;text-decoration:none}.home{margin-left:auto}
header{background:#DCCFC0;padding:64px 20px}.wrap,main{max-width:820px;margin:auto}
h1{font-family:serif;font-size:clamp(30px,5vw,48px);line-height:1.4;margin:0 0 16px}.lead{color:#584B45;margin:0}
main{padding:48px 20px 80px}.article{background:#FDFBF9;border:1px solid #EDE8E2;border-radius:18px;padding:clamp(24px,5vw,42px)}
h2{font-family:serif;font-size:25px;line-height:1.5;margin:2.2em 0 .65em;padding-top:.2em}h2:first-child{margin-top:0}
p,li{color:#6F5F58}li+li{margin-top:6px}code{background:#F4F0EA;border-radius:6px;padding:3px 7px;color:#594940}
blockquote{border-left:4px solid #9FC7D8;margin:1.5em 0;padding:8px 18px;background:#F4F0EA}blockquote p{margin:.35em 0;color:#594940}
.article a{color:#356F9C;font-weight:700}.back{display:inline-block;margin-top:28px;color:#356F9C;font-weight:700;text-decoration:none}
.article-meta{margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid #EDE8E2;color:#7A6860;font-size:14px}
.related-guides{margin-top:42px;padding:24px;background:#F4F0EA;border-radius:14px}.related-guides h2{margin:0 0 12px;font-size:21px}.related-guides ul{margin-bottom:0}
footer{text-align:center;background:#fff;padding:28px;color:#7A6860;font-size:12px}
@media(max-width:600px){nav{padding:10px 16px}.home{display:none}header{padding:46px 20px}main{padding-top:28px}.article{padding:23px}}