.interface-language{max-width:155px;color:inherit;flex-shrink:0;align-items:center;gap:5px;font:12px/1.4 Arial,sans-serif;display:inline-flex;position:relative}.interface-language select{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;max-width:130px;min-height:36px;padding:6px 4px}.interface-language select:focus-visible{outline-offset:2px;outline:2px solid #65775f}.interface-language small{color:#6c352d;z-index:30;background:#fffdf7;min-width:180px;padding:8px;position:absolute;top:100%;right:0}html:lang(ja) body,html:lang(ko) body{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}html:lang(ja) .editorial-home h1,html:lang(ja) .editorial-home h2,html:lang(ja) .editorial-home h3,html:lang(ko) .editorial-home h1,html:lang(ko) .editorial-home h2,html:lang(ko) .editorial-home h3{letter-spacing:0;font-family:Yu Mincho,Hiragino Mincho ProN,Batang,serif;font-style:normal;line-height:1.3}html:not(:lang(en)) .editorial-home .hero h1{overflow-wrap:anywhere;font-size:clamp(30px,3.4vw,56px)}html:not(:lang(en)) .editorial-home .section-heading h2{overflow-wrap:anywhere}html:not(:lang(en)) button,html:not(:lang(en)) .button{white-space:normal;overflow-wrap:anywhere}html:lang(ja) .editorial-home .eyebrow,html:lang(ko) .editorial-home .eyebrow{letter-spacing:.06em;line-height:1.7}.auth-dialog>.interface-language{float:right;margin-right:28px}.sidebar>.interface-language{margin:14px 0}@media (width<=760px){.editorial-home .nav.nav{flex-wrap:wrap;row-gap:6px;height:auto;min-height:78px;padding-block:10px}.editorial-home .ed-account-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.interface-language{max-width:128px;font-size:11px}.interface-language select{max-width:110px}.studio-language-mobile{background:#edf0e7;justify-content:flex-end;padding:6px 20px;display:flex}}html:lang(ko) .editorial-home h1,html:lang(ko) .editorial-home h2{word-break:keep-all}@media (width>=761px){html:lang(ja) .editorial-home .hero h1 em{display:block}.studio-language-mobile{display:none}}.edition-frame{background:#f3f0e8;width:100%;position:relative;overflow:hidden}.edition-frame iframe{transform-origin:0 0;pointer-events:none;border:0;max-width:none;display:block}.live-demo{border-bottom:1px solid var(--ms-line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;max-width:1460px;margin:auto;padding:80px 6%;display:grid}.live-demo h2{font-size:clamp(40px,4.4vw,64px)}.live-demo-copy>p:not(.eyebrow){color:var(--ms-muted);max-width:400px;font-size:14px;line-height:1.75}.demo-switch{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.demo-switch button{border:1px solid var(--ms-border);color:var(--ms-ink);font:inherit;background:0 0;border-radius:24px;min-height:44px;padding:10px 15px;font-size:12px}.demo-switch button[aria-pressed=true]{background:var(--ms-primary);border-color:var(--ms-primary);color:var(--ms-on-primary)}.demo-name{gap:9px;max-width:360px;font-size:12px;display:grid}.demo-name input{width:100%;font:inherit;border:1px solid var(--ms-border);background:var(--ms-surface);color:var(--ms-ink);border-radius:4px;padding:13px 14px;font-size:16px}.demo-name input:focus-visible{outline:2px solid var(--ms-focus);outline-offset:3px}.live-demo-copy>.demo-disclosure{line-height:1.7;font-size:11px!important}.demo-pair{background:var(--ms-sage);border-radius:6px;grid-template-columns:.68fr 24px 1fr;align-items:center;gap:14px;min-width:0;padding:32px 24px;display:grid}.demo-pair figure{min-width:0;margin:0}.demo-pair figcaption{color:var(--ms-muted);gap:8px;margin-bottom:12px;font-size:11px;display:flex}.demo-pair figcaption span{opacity:.7}.demo-pair img{width:100%;height:auto}.demo-pair .edition-frame{box-shadow:0 12px 30px #25332018}.demo-pair figure>p{color:var(--ms-muted);margin:12px 0 0;font-size:10px}.demo-arrow{color:var(--ms-accent)}@media (width<=900px){.live-demo{grid-template-columns:1fr;gap:26px;padding-block:48px}.live-demo-copy{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.live-demo-copy>.eyebrow,.live-demo-copy>h2,.live-demo-copy>p{grid-column:1/-1}.live-demo-copy>p:not(.eyebrow){max-width:560px}.live-demo-copy .button{justify-self:start}}@media (width<=540px){.live-demo{gap:12px}.live-demo-copy{display:contents}.live-demo-copy>.eyebrow{grid-row:1;margin:0}.live-demo-copy>h2{grid-row:2;margin:0}.live-demo-copy>p:not(.eyebrow):not(.demo-disclosure){grid-row:3;margin:0}.live-demo-copy>.demo-subject{grid-row:4;margin:4px 0}.live-demo-copy>.demo-name{grid-row:5}.demo-pair{grid-row:6}.live-demo-copy>.demo-layout{grid-row:7;margin:4px 0}.live-demo-copy>.demo-disclosure{grid-row:8;margin:0}.live-demo-copy>.button{grid-row:9}.demo-pair{grid-template-columns:.7fr 16px 1fr;gap:8px;padding:20px 14px}.demo-arrow svg{width:16px}.demo-pair figcaption{gap:4px;font-size:10px}.demo-pair figure>p{font-size:10px;line-height:1.5}}.demo-pair.is-portrait{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:start}.demo-finish{grid-column:1/-1;justify-content:center;margin:0 0 12px}.demo-pair.is-portrait .demo-arrow{align-self:center}.demo-pair.is-portrait img{aspect-ratio:4/5;object-fit:cover;display:block}@media (width<=540px){.demo-pair.is-portrait{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:8px;padding:16px 10px}.demo-finish button{padding-inline:12px}}