*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f7f6f0;color:#233b35;font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans TC",sans-serif;font-size:17px;line-height:1.85}a{color:#216b55;text-underline-offset:4px}a:focus-visible{outline:3px solid #78aa92;outline-offset:5px}header,main,footer{max-width:920px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce3da}.brand{text-decoration:none;font-size:27px;font-weight:750;letter-spacing:.08em}.brand span{display:block;font-size:9px;letter-spacing:.15em}nav{display:flex;gap:22px;font-size:14px}nav a{text-decoration:none;padding:8px 0}nav a[aria-current=page]{border-bottom:2px solid #216b55}main{padding-top:64px;padding-bottom:64px}.eyebrow{font-size:13px;color:#61776b;letter-spacing:.06em}h1{font-size:clamp(30px,5vw,48px);line-height:1.4;letter-spacing:-.03em;margin:12px 0 24px}h2{font-size:23px;line-height:1.5;margin:0 0 16px}.lead{font-size:21px;max-width:760px;color:#496355;margin-bottom:44px}section{margin-top:42px;padding-top:32px;border-top:1px solid #dce3da}section p{margin:12px 0}li{margin:12px 0}code{font-size:.87em;overflow-wrap:anywhere}.intro,.next{padding:28px 30px;background:#eaf0e5;border:0;border-radius:16px}.actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px}footer{border-top:1px solid #dce3da;color:#64766a;font-size:13px}footer p{margin:4px 0}.skip{position:absolute;top:-80px;left:16px;background:white;padding:12px}.skip:focus{top:12px}@media(max-width:620px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start;flex-direction:column;gap:12px}nav{gap:18px}main{padding-top:38px}.lead{font-size:19px}.intro,.next{padding:24px 22px}section{margin-top:32px}ul,ol{padding-left:24px}}