:root{color-scheme:light dark;--bg:#f4f6f3;--paper:#fff;--ink:#26312d;--muted:#718078;--line:#e2e9e4;--green:#527866;--soft:#eaf1ec;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.85;letter-spacing:.015em}.page{width:min(760px,calc(100% - 36px));margin:0 auto;padding:28px 0 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-weight:700;text-decoration:none}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--green);color:white;font-size:23px;line-height:1;letter-spacing:-.1em;padding:0 3px 3px 0}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a,.footer a{font-size:13px;color:var(--muted);text-decoration:none}.top nav a:hover,.footer a:hover{color:var(--green)}main{padding:clamp(26px,6vw,54px);background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 40px #263b2d0a} .eyebrow{margin:0 0 10px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(30px,7vw,44px);line-height:1.25;letter-spacing:-.04em} .lead{margin:18px 0 0;color:var(--muted);font-size:17px}h2{margin:38px 0 10px;padding-top:20px;border-top:1px solid var(--line);font-size:19px;letter-spacing:-.02em}p{margin:10px 0}ul{margin:10px 0;padding-left:1.35em}li+li{margin-top:6px}.note{margin:20px 0;padding:16px 18px;border-radius:16px;background:var(--soft);color:var(--ink)}.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:24px;padding:0 20px;border-radius:14px;background:var(--green);color:white;text-decoration:none;font-weight:650}.button:hover{filter:brightness(1.08)}.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 4px;color:var(--muted);font-size:12px}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.updated{color:var(--muted);font-size:12px}.kicker{display:inline-block;margin:14px 0 0;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--green);font-size:12px;font-weight:650}@media(max-width:560px){.page{width:min(100% - 24px,760px);padding-top:18px}.top{align-items:flex-start;flex-direction:column;margin-bottom:22px}.top nav{gap:14px}main{padding:25px 21px;border-radius:22px}.lead{font-size:15px}h2{margin-top:30px}.footer{padding:18px 2px}}@media(prefers-color-scheme:dark){:root{--bg:#141916;--paper:#1c231f;--ink:#e5ece7;--muted:#9aa99f;--line:#303a34;--green:#a3c5ae;--soft:#27372d}main{box-shadow:none}.mark{background:#47745b;color:#fff}.button{background:#528568;color:#fff}}