.web{--paper:#efebe3;--paper-raised:#f6f3ed;--stone:#e4ded3;--stone-deep:#d6cdbf;--ink:#16130f;--ink-2:#4f4942;--ink-3:#625b52;--line:#16130f24;--line-strong:#16130f6b;--line-faint:#16130f14;--grid-line:#16130f0e;--walnut:#241a13;--walnut-2:#3a2a1f;--on-walnut:#eee6da;--on-walnut-2:#b9ad9e;--line-on-walnut:#eee6da29;--seal:#b03a22;--seal-deep:#952f1a;--seal-soft:#b03a221a;--seal-on-walnut:#e07a5c;--on-seal:#fbf6ef;--brass:var(--seal);--danger:#9a3f2c;--success:#3f5e3a;--shadow-float:0 30px 60px -36px #16130f8c;--shadow-menu:0 24px 48px -32px #16130f66;--shadow-text:0 1px 12px #1d1a1759;--wood-walnut:#4a3427;--wood-walnut-dark:#2c1e15;--wood-cherry:#8f5538;--wood-beech:#d5b78d;--font-cjk-serif:"Muyuan Local Serif SC", STSong, "Noto Serif SC Variable", serif;--font-cjk-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-display:var(--font-web-display), var(--font-cjk-serif);--font-display-italic:var(--font-web-display-italic), var(--font-cjk-serif);--font-body:var(--font-web-sans), var(--font-cjk-sans), system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", var(--font-cjk-sans), monospace;--step-display:clamp(2.75rem, 1.2rem + 6.4vw, 7.75rem);--step-display-cjk:clamp(2.5rem, 1rem + 5vw, 6.25rem);--step-h1:clamp(2.375rem, 1.4rem + 3.6vw, 4.75rem);--step-h2:clamp(1.75rem, 1.25rem + 2vw, 3rem);--step-figure:clamp(2.5rem, 2rem + 2vw, 3.5rem);--step-h3:clamp(1.25rem, 1.12rem + .55vw, 1.5rem);--step-lead:clamp(1.0625rem, 1rem + .35vw, 1.3125rem);--step-body:1rem;--step-small:.875rem;--step-meta:.8125rem;--step-label:.75rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--max:clamp(1360px, calc(1360px + (100vw - 1920px) / 2), 1680px);--max-reading:42.5rem;--gutter:clamp(20px, 5vw, 88px);--gap:clamp(16px, 1.6vw, 24px);--grid:24px;--section:clamp(88px, 4.5rem + 7vw, 192px);--section-sm:clamp(56px, 3rem + 4vw, 120px);--header-h:72px;--ease:cubic-bezier(.2, .7, .2, 1);--slow:1.2s;--medium:.5s}.web:lang(zh-CN),.web:lang(ja),.web:lang(ko){--step-label:.8125rem}.web:lang(ja),.web :lang(ja){--font-cjk-serif:"Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Muyuan Local Serif JP", "Noto Serif JP Variable", serif;--font-cjk-sans:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Noto Sans CJK JP", Meiryo, sans-serif}.web:lang(ko),.web :lang(ko){--font-cjk-serif:AppleMyungjo, "Muyuan Local Serif KR", "Noto Serif KR Variable", serif;--font-cjk-sans:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", sans-serif}@media (max-width:640px){.web{--header-h:60px}}html.web{font-size:clamp(100%,100% + .3125vw - 6px,112.5%)}@font-face{font-family:Muyuan Local Serif SC;font-style:normal;font-weight:100 350;src:local(STSongti-SC-Light),local(Songti SC Light),local(SourceHanSerifSC-Light),local(Source Han Serif SC Light),local(NotoSerifCJKsc-Light),local(Noto Serif CJK SC Light),local(NotoSerifSC-Light),local(Noto Serif SC Light),local(STSongti-SC-Regular),local(Songti SC Regular),local(SourceHanSerifSC-Regular),local(Source Han Serif SC Regular),local(Source Han Serif SC),local(NotoSerifCJKsc-Regular),local(Noto Serif CJK SC Regular),local(Noto Serif CJK SC),local(NotoSerifSC-Regular),local(Noto Serif SC Regular)}@font-face{font-family:Muyuan Local Serif SC;font-style:normal;font-weight:351 500;src:local(STSongti-SC-Regular),local(Songti SC Regular),local(SourceHanSerifSC-Regular),local(Source Han Serif SC Regular),local(Source Han Serif SC),local(NotoSerifCJKsc-Regular),local(Noto Serif CJK SC Regular),local(Noto Serif CJK SC),local(NotoSerifSC-Regular),local(Noto Serif SC Regular),local(STSongti-SC-Light),local(Songti SC Light),local(SourceHanSerifSC-Light),local(Source Han Serif SC Light),local(NotoSerifCJKsc-Light),local(Noto Serif CJK SC Light),local(NotoSerifSC-Light),local(Noto Serif SC Light)}@font-face{font-family:Muyuan Local Serif JP;font-style:normal;font-weight:100 350;src:local(SourceHanSerifJP-Light),local(Source Han Serif JP Light),local(NotoSerifCJKjp-Light),local(Noto Serif CJK JP Light),local(NotoSerifJP-Light),local(Noto Serif JP Light),local(SourceHanSerifJP-Regular),local(Source Han Serif JP Regular),local(Source Han Serif JP),local(NotoSerifCJKjp-Regular),local(Noto Serif CJK JP Regular),local(Noto Serif CJK JP),local(NotoSerifJP-Regular),local(Noto Serif JP Regular)}@font-face{font-family:Muyuan Local Serif JP;font-style:normal;font-weight:351 500;src:local(SourceHanSerifJP-Regular),local(Source Han Serif JP Regular),local(Source Han Serif JP),local(NotoSerifCJKjp-Regular),local(Noto Serif CJK JP Regular),local(Noto Serif CJK JP),local(NotoSerifJP-Regular),local(Noto Serif JP Regular),local(SourceHanSerifJP-Light),local(Source Han Serif JP Light),local(NotoSerifCJKjp-Light),local(Noto Serif CJK JP Light),local(NotoSerifJP-Light),local(Noto Serif JP Light)}@font-face{font-family:Muyuan Local Serif KR;font-style:normal;font-weight:100 350;src:local(SourceHanSerifK-Light),local(Source Han Serif K Light),local(NotoSerifCJKkr-Light),local(Noto Serif CJK KR Light),local(NotoSerifKR-Light),local(Noto Serif KR Light),local(SourceHanSerifK-Regular),local(Source Han Serif K Regular),local(Source Han Serif K),local(NotoSerifCJKkr-Regular),local(Noto Serif CJK KR Regular),local(Noto Serif CJK KR),local(NotoSerifKR-Regular),local(Noto Serif KR Regular)}@font-face{font-family:Muyuan Local Serif KR;font-style:normal;font-weight:351 500;src:local(SourceHanSerifK-Regular),local(Source Han Serif K Regular),local(Source Han Serif K),local(NotoSerifCJKkr-Regular),local(Noto Serif CJK KR Regular),local(Noto Serif CJK KR),local(NotoSerifKR-Regular),local(Noto Serif KR Regular),local(SourceHanSerifK-Light),local(Source Han Serif K Light),local(NotoSerifCJKkr-Light),local(Noto Serif CJK KR Light),local(NotoSerifKR-Light),local(Noto Serif KR Light)}.web{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;line-height:1.9}.web:lang(en),.web:lang(de),.web:lang(fr){line-height:1.65}.web :where(*){box-sizing:border-box}.web :where(body){background:var(--paper);min-height:100vh;margin:0}.web :where(h1,h2,h3,h4){font-family:var(--font-display);font-weight:var(--weight-light);letter-spacing:.01em;text-wrap:balance;color:var(--ink);margin:0}.web:lang(zh-CN) :where(h1,h2,h3,h4){letter-spacing:.03em}.web .phrase{display:inline-block}.web:lang(ko) :where(h1,h2,h3,h4,.display,.h1,.h2,.lead){word-break:keep-all;overflow-wrap:break-word}@supports (word-break:auto-phrase){.web:lang(ja) :where(h1,h2,h3,h4,.display,.h1,.h2,.lead){word-break:auto-phrase}}.web :where(p,ul,ol,dl,dd,figure,blockquote){margin:0}.web :where(ul,ol){padding:0;list-style:none}.web :where(img,video,svg){max-width:100%;display:block}.web :where(a){color:inherit;text-decoration:none}.web :where(button,input,textarea,select){font:inherit;color:inherit}.web :where(button){cursor:pointer;background:0 0;border:0;padding:0}.web:lang(de) :where(p,li,dd,h1,h2,h3),.web:lang(fr) :where(p,li,dd,h1,h2,h3){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.web :where(:focus-visible){outline:2px solid var(--brass);outline-offset:3px}.web ::selection{background:var(--stone-deep);color:var(--ink)}html.web{scroll-padding-top:calc(var(--header-h) + 16px);scroll-behavior:smooth}.web .skip-link{z-index:100;background:var(--ink);color:var(--paper);font-size:var(--step-small);transition:transform var(--medium) var(--ease);padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.web .skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html.web{scroll-behavior:auto}.web *,.web :before,.web :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.web .wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.web .wrap-reading{width:100%;max-width:calc(var(--max-reading) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.web .section{padding-block:var(--section)}.web .section-sm{padding-block:var(--section-sm)}.web [data-compact]+.section{padding-top:var(--section-sm)}.web :is(.section,.section-sm):not(.surface-stone,.surface-walnut)+:is(.section,.section-sm):not(.surface-stone,.surface-walnut),.web .section.surface-stone+.section.surface-stone,.web .section.surface-walnut+.section.surface-walnut{padding-top:0}.web .surface-paper{background:var(--paper);color:var(--ink)}.web .surface-stone{background:var(--stone);color:var(--ink)}.web .surface-walnut{--ink:var(--on-walnut);--ink-2:var(--on-walnut-2);--ink-3:var(--on-walnut-2);--line:var(--line-on-walnut);--line-strong:#eee6da6b;--line-faint:#eee6da14;--grid-line:#eee6da0d;background:var(--walnut);color:var(--on-walnut)}.web .surface-walnut :is(.mark b,.annot b){color:var(--seal-on-walnut)}.web .grid-paper{background-color:var(--paper-raised);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--grid) var(--grid)}.web .label,.web .annot{font-family:var(--font-mono);font-size:var(--step-label);font-weight:var(--weight-regular);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums;line-height:1.6}.web .annot{letter-spacing:.06em;text-transform:none}.web:lang(zh-CN) :is(.label,.annot,.mark),.web:lang(ja) :is(.label,.annot,.mark),.web:lang(ko) :is(.label,.annot,.mark){letter-spacing:.08em}.web .mark{font-family:var(--font-mono);font-size:var(--step-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:baseline;gap:14px;display:inline-flex}.web .mark b{font-weight:var(--weight-regular);color:var(--seal)}.web .display{font-size:var(--step-display);font-weight:var(--weight-light);letter-spacing:-.015em;line-height:1.02}.web:lang(zh-CN) .display,.web:lang(ja) .display,.web:lang(ko) .display{font-size:var(--step-display-cjk);letter-spacing:.02em;line-height:1.14}.web .h1{font-size:var(--step-h1);letter-spacing:-.01em;line-height:1.1}.web .h2{font-size:var(--step-h2);line-height:1.22}.web .h3{font-size:var(--step-h3);line-height:1.4}.web .lead{font-size:var(--step-lead);color:var(--ink-2);line-height:1.8}.web .muted{color:var(--ink-2)}.web .tabular{font-variant-numeric:tabular-nums}.web .section-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px clamp(32px,6vw,96px);margin-bottom:clamp(40px,5vw,72px);display:grid}.web .section-head>div{gap:18px;min-width:0;display:grid}.web .section-head .lead{max-width:42ch}@media (max-width:960px){.web .section-head{grid-template-columns:1fr}}.web .btn,.web .btn-solid,.web .btn-seal{border:1px solid var(--ink);min-height:52px;font-family:var(--font-body);font-size:var(--step-small);font-weight:var(--weight-medium);letter-spacing:.04em;text-align:center;transition:background-color var(--medium) var(--ease), color var(--medium) var(--ease), border-color var(--medium) var(--ease);justify-content:center;align-items:center;gap:14px;padding:0 28px;line-height:1.2;display:inline-flex}.web .btn{color:var(--ink);background:0 0}.web .btn:hover{background:var(--ink);color:var(--paper)}.web .surface-walnut .btn:hover{color:var(--walnut)}.web .btn-solid{background:var(--ink);color:var(--paper)}.web .btn-solid:hover{background:var(--walnut-2);border-color:var(--walnut-2)}.web .surface-walnut .btn-solid{color:var(--walnut)}.web .surface-walnut .btn-solid:hover{color:var(--on-walnut);border-color:var(--on-walnut);background:0 0}.web .btn-seal{background:var(--seal);border-color:var(--seal);color:var(--on-seal)}.web .btn-seal:hover{background:var(--seal-deep);border-color:var(--seal-deep)}.web .btn[disabled],.web .btn-solid[disabled],.web .btn-seal[disabled]{cursor:progress;opacity:.55}.web .link{font-size:var(--step-small);font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;padding-bottom:5px;display:inline-flex;position:relative}.web .link:after{content:"";transform-origin:0;height:1px;transition:transform var(--medium) var(--ease), background-color var(--medium) var(--ease);background:currentColor;position:absolute;inset:auto 0 0}.web .link:hover:after{background:var(--seal);transform:scaleX(.3)}@media (pointer:coarse){.web .link:before{content:"";position:absolute;inset:-8px -4px -4px}}.web .link-arrow{transition:transform var(--medium) var(--ease);display:inline-block}.web .link:hover .link-arrow{transform:translate(4px)}.web .actions{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.web :where(.frame){background:var(--stone);position:relative;overflow:hidden}.web :where(.frame) img{object-fit:cover;transition:transform var(--slow) var(--ease)}.web .hover-zoom:hover .frame img,.web .frame.hover-zoom:hover img{transform:scale(1.03)}.web .crop{position:relative}.web .crop:after{--c:var(--line-strong);--l:14px;content:"";pointer-events:none;background:linear-gradient(var(--c), var(--c)) top left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--l) no-repeat;position:absolute;inset:-10px}.web .caption{font-family:var(--font-mono);font-size:var(--step-label);letter-spacing:.04em;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:14px;display:flex}.web .rule{border:0;border-top:1px solid var(--line);margin:0}.web .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.web .rise{animation:linear both web-rise;animation-timeline:view();animation-range:entry entry 38%}}}@keyframes web-rise{0%{opacity:.001;transform:translateY(24px)}to{opacity:1;transform:none}}.web .prose{max-width:var(--max-reading);color:var(--ink-2);font-size:var(--step-body)}.web .prose>*+*{margin-top:1.15em}.web .prose :where(h2,h3,h4){color:var(--ink);font-size:var(--step-h3);margin-top:2.2em;line-height:1.45}.web .prose :where(p){text-wrap:pretty}.web .prose :where(ul,ol){gap:.5em;padding-left:1.2em;display:grid}.web .prose :where(ul){list-style:outside}.web .prose :where(ol){list-style:decimal}.web .prose :where(li)::marker{color:var(--ink-3)}.web .prose :where(blockquote){border-left:1px solid var(--line-strong);font-family:var(--font-display);font-size:var(--step-lead);font-weight:var(--weight-light);color:var(--ink);margin-block:2em;padding-left:24px;line-height:1.75}.web .prose :where(a){color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.web .prose :where(strong){font-weight:var(--weight-medium);color:var(--ink)}
