*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ec;color:#202820;font:16px/1.75 system-ui,sans-serif}a{color:#285e42;text-underline-offset:4px}a:focus-visible{outline:3px solid #db922f;outline-offset:4px}header{padding:23px 5%;border-bottom:1px solid #d6dbd0;display:flex;justify-content:space-between;gap:20px;background:#fcfbf7}.brand{font-size:20px;font-weight:750;text-decoration:none;color:#202820}.layout{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:65px;padding:48px 28px}aside nav{position:sticky;top:24px}aside a{display:block;padding:9px 14px;text-decoration:none;border-radius:8px;font-size:14px}aside a[aria-current]{background:#dfe8da;font-weight:700}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#54705a}h1{font-size:clamp(32px,5vw,52px);letter-spacing:-1.8px;line-height:1.12;max-width:820px;margin:20px 0}h2{font-size:24px;line-height:1.35;margin:36px 0 10px}p{max-width:760px;margin:12px 0}.lead{font-size:19px;color:#566150}.contents{margin:30px 0;padding:20px 26px;border:1px solid #d6dbd0;border-radius:12px;background:#fcfbf7}.contents a{display:block;font-size:14px}.related{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.related a{border:1px solid #c5cfbf;border-radius:7px;padding:8px 12px;text-decoration:none}footer{font-size:13px;border-top:1px solid #d6dbd0;padding:25px 0;color:#596451}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px}@media(max-width:760px){.layout{display:block;padding:24px 20px}aside nav{position:static;display:flex;overflow:auto;gap:8px;margin-bottom:32px}aside a{white-space:nowrap}header{padding:18px 20px;font-size:13px}.contents{padding:16px}h1{letter-spacing:-1px}}