*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#20342e;font:18px/1.7 system-ui,sans-serif}a{color:#225c49;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #aa601c;outline-offset:5px}.site{max-width:1160px;margin:auto;padding:22px 28px;display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #d6dfd8}.brand{font-size:25px;font-weight:800;text-decoration:none}.site nav{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}main{max-width:960px;margin:auto;padding:24px 28px 60px}.crumb,.meta,.source,.method{font-size:14px}.hero{padding:30px 0 38px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:#66786c}h1{font-size:clamp(34px,5vw,57px);line-height:1.12;letter-spacing:-.035em;max-width:830px;margin:18px 0 24px}h2{font-size:28px;line-height:1.25;letter-spacing:-.02em}h3{font-size:21px;line-height:1.35}.lead{font-size:21px;max-width:780px}.meta{color:#617067}.button{display:inline-block;background:#214f43;color:white;padding:13px 21px;border-radius:9px;font-weight:700;text-decoration:none;line-height:1.45}.answer,.next{background:#edf2e9;border:1px solid #cad8c8;padding:28px;border-radius:16px}.contents{padding:20px 0;border-bottom:1px solid #d6dfd8}.contents ol{columns:2;column-gap:36px}.contents li{break-inside:avoid}section{margin-top:42px;scroll-margin-top:20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cards article{background:white;border:1px solid #d6dfd8;border-radius:12px;padding:22px}.cards h3{margin-top:0}li{padding:5px 0}details{border-bottom:1px solid #d6dfd8;padding:18px 0}summary{font-weight:700;cursor:pointer}.method{border-top:1px solid #d6dfd8;padding-top:15px}footer{background:#e9eee8;padding:28px max(24px,calc((100vw - 904px)/2));font-size:14px}footer nav{display:flex;gap:16px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;padding:12px;z-index:2}@media(max-width:600px){body{font-size:17px}.site{padding:17px 20px;display:block}.site nav{margin-top:12px;gap:18px}main{padding:20px}.hero{padding:20px 0 26px}.lead{font-size:19px}h2{font-size:25px}.cards{grid-template-columns:1fr}.contents ol{columns:1}.answer,.next{padding:22px}.button{width:100%;text-align:center}.cards article{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}