@font-face{font-family:"TuneShape Han";src:url("/fonts/tuneshape-han/ui.woff2") format("woff2");font-display:swap}
@font-face{font-family:Doto;src:url("/fonts/doto/Doto-variable.woff2") format("woff2");font-display:swap;font-weight:100 900}
:root{--paper:#fff;--ink:#222;--secondary:#555;--stage:#f6f6f6;--active:#111;--body:"TuneShape Han",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;--space:clamp(20px,4vw,64px);font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--secondary)}a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}a,summary{-webkit-tap-highlight-color:transparent}p{margin:0 0 1em;line-height:1.85}h1,h2,h3{margin:0;line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(32px,4.4vw,56px);font-weight:550}h2{font-size:clamp(23px,2.5vw,32px);font-weight:550}h3{font-size:20px;font-weight:550}button,input{font:inherit}.site-nav,.page-main,.site-footer{width:min(100%,1280px);margin-inline:auto;padding-inline:var(--space)}
.site-nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:Doto,var(--body);font-size:28px;font-weight:750;text-decoration:none;letter-spacing:-.06em}.site-nav nav{display:flex;gap:28px;align-items:center;font-size:15px}.site-nav nav a{text-decoration:none}.skip-link{position:absolute;left:20px;top:-80px;z-index:2;background:var(--ink);color:var(--paper);padding:12px 20px}.skip-link:focus{top:12px}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;line-height:1.7;color:var(--secondary);margin-block:28px 36px}.breadcrumbs a{text-decoration:none}.breadcrumbs span[aria-hidden]{color:#777}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:36px}.hero-copy{max-width:760px}.hero-copy p{font-size:18px;max-width:640px;margin-top:22px;margin-bottom:0}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 23px;background:var(--ink);color:var(--paper);font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color .16s}.primary-action:hover{background:var(--secondary);color:var(--paper)}.primary-action:active{background:var(--active)}.primary-action svg{width:20px;height:20px}
.preview{margin:0}.preview-stage{background:var(--stage);padding:clamp(8px,2vw,24px);min-width:0}.preview iframe{display:block;width:100%;height:450px;border:0;background:var(--paper)}.preview figcaption{font-size:15px;color:var(--secondary);line-height:1.75;margin-top:15px;max-width:850px}.preview figcaption a{margin-left:8px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,7vw,100px);margin-top:90px;align-items:start}.article-body{max-width:700px}.article-body section+section{margin-top:52px}.article-body h2{margin-bottom:22px}.article-body p{font-size:17px}.parameter-panel{position:sticky;top:32px;background:var(--stage);padding:26px}.parameter-panel h2{font-size:23px;margin-bottom:10px}.parameter-panel>p{font-size:14px;color:var(--secondary)}.parameter-panel dl{margin:26px 0 0}.parameter-panel dt{font-size:15px;font-weight:600;margin-top:25px}.parameter-panel dd{margin:6px 0 0;font-size:17px;overflow-wrap:anywhere}.parameter-panel dd p{font-size:14px;color:var(--secondary);margin-top:7px;margin-bottom:0}.parameter-panel>a{display:inline-block;font-size:15px;margin-top:28px}
.takeaway{margin-top:86px;padding:36px;background:var(--stage);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}.takeaway h2{margin-bottom:15px}.takeaway p{font-size:16px;max-width:760px;margin-bottom:0}.related{margin-block:86px 72px}.related h2{margin-bottom:28px}.related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px 36px}.related a{font-size:18px}.site-footer{padding-block:36px 48px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--secondary)}.site-footer p{margin:0}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}
.index-intro{padding-block:52px 32px;max-width:850px}.index-intro>p{font-size:19px;margin-top:24px;max-width:690px}.effect-list{margin:16px 0 64px}.effect-row{padding:40px 0;display:grid;grid-template-columns:290px minmax(0,1fr) auto;gap:32px;align-items:center}.effect-row+.effect-row{border-top:1px solid #ededed}.effect-row h2{font-size:28px}.effect-row h2 a{text-decoration:none}.effect-row p{font-size:17px;margin:0;max-width:620px}.effect-row>a{font-size:16px;white-space:nowrap}.index-note{max-width:760px;margin-bottom:76px}.index-note h2{margin-bottom:22px}.index-note p{font-size:17px}.english-name{font-size:15px;color:var(--secondary);margin-top:8px}
.seo-fallback{max-width:900px;margin:64px auto;padding:24px;font-family:var(--body)}.seo-fallback h1{font-size:32px;margin-bottom:24px}.seo-fallback p,.seo-fallback li{font-size:18px;line-height:1.8}.seo-fallback ul{padding-left:24px}
svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.site-nav nav a{display:inline-flex;align-items:center;gap:5px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px}.hero>.primary-action{justify-self:start}.article-layout{grid-template-columns:1fr;gap:40px;margin-top:60px}.parameter-panel{position:static;max-width:700px}.parameter-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px}.parameter-panel dl>div{min-width:0}.parameter-panel dt{margin-top:0}.takeaway{grid-template-columns:1fr}.takeaway>.primary-action{justify-self:start}.effect-row{grid-template-columns:1fr auto;gap:16px 24px}.effect-row>p{grid-column:1/-1;grid-row:2}.preview iframe{height:440px}}
@media(max-width:540px){.site-nav{min-height:80px;gap:14px}.site-nav nav{gap:18px;font-size:14px}.wordmark{font-size:25px}.breadcrumbs{margin-block:20px 28px;font-size:13px;gap:8px}.hero-copy p{font-size:17px}.hero{margin-bottom:26px}.primary-action{min-height:48px;padding-inline:20px}.preview-stage{padding:4px}.preview iframe{height:450px}.preview figcaption{font-size:14px}.article-body p{font-size:16px}.article-body section+section{margin-top:40px}.parameter-panel{padding:24px 20px}.parameter-panel dl{grid-template-columns:1fr;gap:24px}.takeaway{margin-top:56px;padding:26px 22px}.related{margin-block:56px 42px}.related ul{flex-direction:column;gap:20px}.related a{font-size:17px}.site-footer{padding-block:28px 36px;display:block}.site-footer nav{margin-top:20px;gap:20px}.index-intro{padding-block:28px 20px}.index-intro>p{font-size:17px}.effect-row{padding-block:30px;gap:16px}.effect-row h2{font-size:25px}.effect-row>p{font-size:16px}.effect-row>a{font-size:15px}.index-note{margin-bottom:42px}.index-note p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.document-language{margin-left:auto}.document-hero{margin-bottom:40px}.document-overview{margin:0;background:var(--stage);padding:clamp(8px,2vw,24px)}.document-overview img{display:block;width:100%;height:auto}.document-overview figcaption{font-size:14px;line-height:1.7;color:var(--secondary);margin-top:16px}.document-layout{margin-top:64px}.document-toc nav ol{padding-left:20px;margin:24px 0 0}.document-toc nav li{font-size:15px;line-height:1.8;margin-block:14px}.document-toc nav a{text-decoration:none}.document-steps{padding-left:24px;margin:28px 0}.document-steps li{padding-left:8px;margin-bottom:26px}.document-steps h3,.document-question h3{font-size:20px;line-height:1.6;margin-bottom:12px;letter-spacing:-.02em}.document-steps p{margin-bottom:0}.document-links{display:flex;flex-wrap:wrap;gap:14px 28px;list-style:none;margin:24px 0;padding:0}.document-links a{font-size:16px;line-height:1.8}.document-table{overflow-x:auto;margin:26px 0;max-width:100%}.document-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8}.document-table th{font-weight:600;text-align:left;white-space:nowrap}.document-table th,.document-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid #ddd}.document-table th:first-child,.document-table td:first-child{padding-left:0}.document-code{margin:28px 0}.document-code figcaption{font-size:14px;color:var(--secondary);margin-bottom:14px}.document-code pre{margin:0;background:var(--stage);padding:24px;overflow-x:auto;font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.document-question{margin-top:28px}.document-question p{margin-bottom:0}.guide-row h2{font-size:26px}
@media(max-width:650px){.site-nav{flex-wrap:wrap;padding-block:20px;gap:18px}.site-nav nav{width:100%;justify-content:space-between;gap:10px;font-size:14px}.site-nav nav svg{width:16px;height:16px}.document-layout{margin-top:44px}.document-hero{margin-bottom:28px}.document-language{margin-left:0}.document-links{display:block}.document-links li+li{margin-top:14px}.document-code pre{padding:18px;font-size:13px}.document-table th,.document-table td{padding:12px 10px;font-size:14px}.guide-row{grid-template-columns:1fr}.guide-row>p{grid-column:auto;grid-row:auto}.guide-row>a{justify-self:start}}