:root{color-scheme:light;--bg:#f5f3ed;--paper:#fffefa;--ink:#263633;--muted:#697670;--green:#17675b;--line:#d9ded5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input{font:inherit}button,a,input{outline-offset:5px}header{padding:22px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand>span{display:grid;place-items:center;background:var(--green);color:white;width:46px;height:46px;border-radius:13px;font-size:24px;font-weight:750}.brand strong{font-size:21px;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:.14em;margin-top:8px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:14px}button{background:transparent;color:var(--green);border:1px solid var(--line);border-radius:6px;padding:8px 13px;cursor:pointer}main{max-width:1180px;margin:auto;padding:0 34px}.hero{padding:78px 0 60px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--green);margin:0 0 20px}h1{font-size:clamp(42px,5.8vw,72px);letter-spacing:-.045em;line-height:1.27;margin:0 0 28px;font-weight:730}h1 em{font-style:normal;color:var(--green)}.intro{font-size:19px;color:var(--muted);margin:0 0 30px;line-height:1.95}.meta{display:flex;gap:28px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.meta span:first-child{font-weight:700;color:var(--green)}#guides{scroll-margin-top:30px;padding:25px 0 68px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:8px}h2{font-size:27px;line-height:1.5;margin:0}.section-heading label{font-size:12px;color:var(--muted)}input{display:block;width:245px;background:var(--paper);border:1px solid var(--line);padding:9px 13px;border-radius:6px;margin-top:6px;font-size:14px;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:28px 30px 24px;display:flex;flex-direction:column;min-height:270px}.card[hidden]{display:none}.number{font-size:11px;letter-spacing:.14em;color:var(--muted);margin:0 0 22px}.card h2{font-size:25px}.card>p:not(.number){color:var(--muted);font-size:15px;margin:14px 0 28px;max-width:50ch}.card footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;margin-top:auto;font-size:12px;color:var(--muted)}.card footer a{color:var(--green);font-weight:650}aside{border-top:1px solid var(--line);padding:38px 0 55px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}aside h2{font-size:20px}aside p{margin:0;font-size:15px;color:var(--muted)}.site-footer{padding:22px max(6vw,24px);border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);padding:10px}.skip:focus{top:10px}#status:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 20px;border-radius:8px;font-size:14px;box-shadow:0 5px 20px #0002}#empty{color:var(--muted)}@media(max-width:700px){body{font-size:16px}header{padding:18px 22px;align-items:start}nav{gap:12px;flex-direction:column;align-items:end;font-size:12px}nav button{font-size:12px;padding:5px 8px}main{padding:0 23px}.hero{padding:52px 0 35px}.intro{font-size:16px}.meta{gap:14px;font-size:11px}.section-heading{align-items:start;flex-direction:column}.section-heading label,input{width:100%}h2{font-size:24px}.cards{grid-template-columns:1fr}.card{padding:25px;min-height:260px}.card h2{font-size:22px}aside{grid-template-columns:1fr;gap:15px}.site-footer{flex-direction:column;gap:3px;padding:20px 23px}.brand strong{font-size:19px}.brand small{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{nav,.section-heading label,#status{display:none}body{background:white}.hero{padding-top:20px}.cards{display:block}.card{break-inside:avoid;margin-bottom:20px}}
