:root{color-scheme:light;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f7f9f6;color:#233d32;line-height:1.7}*{box-sizing:border-box}body{margin:0}header,footer,main{width:min(900px,calc(100% - 36px));margin:auto}header,footer,.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:1em}header{height:68px;border-bottom:1px solid #d9e3da}a{color:#286247;text-underline-offset:3px}a:hover{color:#163f2e}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:750;text-decoration:none;color:#20352a}.brand img{border-radius:8px}.skip{position:absolute;left:-100vw}.skip:focus{left:8px;top:8px;background:white;padding:8px;z-index:2}.cover{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(20px,4vw,42px);margin:40px 0 28px}.cover h1{font-size:clamp(28px,4vw,43px);line-height:1.23;letter-spacing:-.035em;margin:.28em 0}.cover p,.objective,.sources,figcaption{color:#4c6257}.cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}h2,h3,h4,p{margin:0}h2{font-size:clamp(21px,3vw,27px);line-height:1.36}h3{margin:24px 0 7px;font-size:18px}h4{font-size:16px}.meta,.lesson-meta{font-size:14px;color:#44735a;font-weight:650}.lesson-meta b{padding:0 3px}#contents,.lesson,.sources{background:#fff;border:1px solid #dce5dc;border-radius:16px;padding:clamp(18px,4vw,34px);margin:20px 0;scroll-margin-top:12px}#contents ol{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px;list-style:none;padding:0;margin:12px 0 0}#contents a{display:flex;gap:10px;align-items:baseline;text-decoration:none;padding:8px 0;border-bottom:1px solid #edf1eb}#contents a:hover{text-decoration:underline}#contents a span{font-variant-numeric:tabular-nums;color:#749180;font-size:13px}.lesson h2{margin:4px 0 9px}.lesson ul,.sources ul{padding-inline-start:1.35em;margin:4px 0 10px}.step{margin:14px 0 24px}.step h4{display:flex;align-items:baseline;gap:7px}.step h4 span{font-size:13px;color:#507c60}.step p{margin:5px 0 10px}figure{margin:12px 0 0}figure img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain;background:#fafbf8;border-radius:9px}figcaption{font-size:13px;margin-top:5px}.practice{background:#eff6ed;border-radius:12px;padding:14px 18px}.practice h3{margin-top:0}.practice h4{margin-top:12px}.tip{margin-top:14px}.lesson-nav{border-top:1px solid #e1e9df;margin-top:22px;padding-top:14px;font-size:14px}footer{padding:14px 0 34px}.sources h2{font-size:18px}@media(max-width:600px){.cover{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:18px;gap:14px}.cover img{max-height:240px}#contents ol{grid-template-columns:1fr}.lesson{padding:18px}header{height:56px}}