*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf4ef;color:#25372f;font-family:"Noto Sans SC",system-ui,sans-serif;line-height:1.85}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px max(24px,8vw);background:rgba(244,249,245,.88);border-bottom:1px solid #d8e5dc;backdrop-filter:blur(12px)}header a{color:#347653;text-decoration:none}main{display:grid;grid-template-columns:210px minmax(0,760px);gap:34px;max-width:1080px;margin:48px auto;padding:0 24px}nav{position:sticky;top:100px;align-self:start;display:grid;gap:8px}nav a{padding:10px 13px;border-radius:8px;color:#60766a;text-decoration:none}nav a:hover{background:#dff0e5;color:#286b49}section{grid-column:2;padding:30px 32px;margin-bottom:16px;border:1px solid rgba(105,151,124,.22);border-radius:8px;background:rgba(255,255,255,.62)}section small{color:#63a17b;letter-spacing:2px}h1,h2{margin:4px 0 14px;line-height:1.3}h1{font-size:30px}h2{font-size:24px}p,li{color:#596c62;font-size:14px}li+li{margin-top:8px}footer{text-align:center;padding:28px;color:#7d8e84;font-size:12px}@media(max-width:760px){header{align-items:flex-start;gap:10px;flex-direction:column}main{display:block;margin-top:20px}nav{position:static;display:flex;flex-wrap:wrap;margin-bottom:20px}section{padding:24px 20px}}