:root{--bg:#f4f7f2;--panel:#fff;--ink:#1d2a22;--muted:#52635a;--line:#c8d6ca;--glow:#206a52;--accent:#c4812d}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eff6ea,var(--bg));color:var(--ink);font-family:"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.9}main{max-width:960px;margin:auto;padding:56px 24px 80px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.28;margin:0 0 1rem}h2{margin-top:2.5rem;color:var(--glow)}a{color:#0f5d47}article{background:var(--panel);padding:22px 28px;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #23421a0d}article p{margin:1rem 0}ul{padding-left:1.25rem}li{margin:.55rem 0}section{margin-top:2rem;padding:1px 24px 22px;background:#ffffffaa;border:1px solid var(--line);border-radius:16px}section li{padding:.35rem 0;border-bottom:1px solid #dce6dc}section li:last-child{border:0}aside{margin-top:24px;padding:14px 22px;border-left:4px solid var(--accent);background:#fff8eb}p{max-width:76ch}@media(max-width:600px){main{padding:32px 16px}article{padding:16px}}