:root{color-scheme:light;--paper:#fcfcf8;--ink:#25352e;--muted:#4d5d54;--green:#315b47;--line:#ccd7cb;--soft:#eef3e9;--note:#f6f0e3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.95 system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}button,a,summary,[tabindex]{-webkit-tap-highlight-color:#e2eadc}:focus-visible{outline:3px solid #98520b;outline-offset:5px}h1,h2,h3{line-height:1.55;letter-spacing:.02em}h1{font-size:clamp(30px,5vw,42px);margin:.5em 0 .45em;font-weight:750}h2{font-size:clamp(24px,3.5vw,29px);margin:0 0 1em}h3{font-size:21px;margin:0 0 .5em}p{margin:0 0 1.15em}ul{padding-left:1.4em}li{margin:.5em 0}button{font:inherit;font-weight:650;color:white;background:var(--green);border:0;border-radius:7px;min-height:48px;padding:10px 20px;cursor:pointer;line-height:1.6}button:hover{background:#254b39}button:disabled{background:#637368;cursor:default}strong{font-weight:700}.skip{position:absolute;left:16px;top:-100px;background:var(--paper);padding:10px 18px;z-index:10}.skip:focus{top:12px}.site-header{max-width:1120px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:700;border-bottom:1px solid var(--line)}.header-label{font-weight:400;color:var(--muted)}main{max-width:832px;margin:0 auto;padding:46px 28px 60px}.eyebrow{font-size:16px;font-weight:650;color:var(--green);margin-bottom:18px}.subtitle{font-size:22px;font-weight:600;margin-bottom:26px}.takeaway{color:var(--muted);margin-bottom:32px}.contents{background:var(--soft);padding:22px 26px;border-radius:10px;margin:32px 0 42px}.contents p{margin:0 0 8px;font-size:16px;font-weight:700}.contents ul{margin:0;padding:0;list-style:none}.contents li{margin:0}.contents a{display:block;min-height:48px;padding:8px 0;font-weight:650;text-decoration:none}.contents a span{font-size:15px;font-variant-numeric:tabular-nums;margin-right:13px;color:var(--muted)}.contents a:hover{text-decoration:underline}.scope{font-size:16px;color:var(--muted);line-height:1.9}.introduction{padding-bottom:30px}article>section{margin-top:42px;padding-top:38px;border-top:1px solid var(--line)}.section-number{display:block;font-size:16px;font-weight:600;color:var(--green);margin-bottom:8px}.citation{display:inline-block;font-size:16px;line-height:1.8;padding:3px 4px;margin:0 2px;white-space:nowrap}.task{margin:26px 0;padding:20px 24px;background:var(--soft);border-left:4px solid #75946c}.task p,.task ul{margin-bottom:0}.note{background:var(--note);padding:22px 24px;margin:26px 0;border-left:4px solid #9d773c}.note ul{margin:12px 0}.note p:last-child{margin-bottom:0}.example{margin:28px 0 32px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.example-heading{padding:20px 24px 10px;background:var(--soft)}.example-heading h3{margin-bottom:14px}.usage{font-size:16px;color:var(--muted);padding:14px 24px 0;margin:0}.template{margin:18px 24px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:inherit;line-height:2;user-select:text;min-width:0}.copy-status{font-size:16px;line-height:1.7;min-height:1.7em;margin:0;padding:0 24px 20px;color:var(--green)}.copy-status[data-state="error"]{color:#7c4118}.steps{list-style:none;margin:32px 0;padding:0;counter-reset:step}.steps>li{position:relative;counter-increment:step;margin:0;padding:0 0 32px 60px}.steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;border-radius:50%;width:40px;height:40px;background:var(--soft);color:var(--green);font-size:16px;font-weight:700;line-height:40px;text-align:center}.steps>li:not(:last-child):after{content:"";position:absolute;left:19px;top:48px;bottom:10px;width:2px;background:var(--line)}.steps h3{margin:0 0 12px}.steps p:last-child{margin-bottom:0}.closing{font-size:20px;font-weight:600;background:var(--soft);padding:24px;border-radius:8px}.sources{margin:44px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 4px;font-weight:700;min-height:48px;line-height:1.7}.source-content{padding:4px 4px 20px;font-size:16px}.source-content>section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.source-content h3{font-size:18px}.source-content a{display:inline-block;min-height:44px;padding:7px 0}.source-scope{color:var(--muted);margin-bottom:4px}.related{margin-top:42px;padding-top:24px;font-size:16px;border-top:1px solid var(--line)}.related h2{font-size:20px}.related a{display:inline-block;padding:4px 0}footer{padding:24px 28px;text-align:center;font-size:15px;color:var(--muted)}footer p{margin:0}
@media(max-width:480px){.site-header{padding:18px 20px;font-size:14px}.header-label{font-size:13px}main{padding:30px 20px 44px}.wide-only{display:none}.subtitle{font-size:20px}.contents{padding:18px 20px}.contents a{padding:10px 0}.note,.task{padding:18px 20px}.example-heading{padding:18px 20px 8px}.example-heading button{width:100%}.usage{padding:14px 20px 0}.template{margin:18px 20px}.copy-status{padding:0 20px 18px}.steps>li{padding-left:48px}.steps h3{font-size:20px}.closing{padding:20px;font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;font-size:11pt;color:#25352e}.skip,.example-heading button,.copy-status{display:none}main{padding:12px 0;max-width:none}.site-header{padding:12px 0}.contents{padding:14px 18px}h1{font-size:25pt}h2{font-size:18pt}h3{font-size:14pt}.steps h3{break-after:avoid}.example{overflow:visible}.template{font-size:11pt;line-height:1.9}.note,.task,.closing{break-inside:avoid}.sources:not([open]) .source-content{display:block}.source-content{font-size:10pt}a{color:#315b47}}

/* The articles share the corporate palette and reading rhythm. */
:root{--ink:#252b28;--green:#273d31;--muted:#626963;--paper:#fff;--line:#d7dbd3;--soft:#f2f2ed}
body{font-family:'Noto Sans CJK JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;background:#fff;color:#252b28}
header,.site-header{background:#fff;border-bottom:1px solid #d7dbd3}
h1{font-family:'Noto Serif CJK JP','Yu Mincho',serif;font-weight:500;letter-spacing:-.025em;line-height:1.65}
h2{font-weight:500;line-height:1.8}button{border-radius:2px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #74508c;outline-offset:4px}