.article-page{--article-muted:color-mix(in srgb, var(--color-ink-primary) 76%, var(--color-bg-deep));max-width:1120px;color:var(--color-ink-primary);margin:0 auto;padding:40px 24px 96px}.article-page a{text-underline-offset:4px}.article-page :is(a,button,summary):focus-visible{outline:2px solid var(--color-brand-fg);outline-offset:5px;border-radius:4px}.article-page [id]{scroll-margin-top:112px}.article-back{min-height:44px;color:var(--article-muted);align-items:center;gap:10px;margin-bottom:28px;font-size:14px;text-decoration:none;display:inline-flex}.article-back:hover{color:var(--color-brand-fg)}.article-intro{padding-bottom:72px}.article-intro-grid{max-width:820px}.article-intro-grid.has-answer{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:64px;max-width:none;display:grid}.article-intro h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(36px,4.5vw,60px);font-weight:600;line-height:1.08}.article-deck{color:var(--article-muted);max-width:58ch;margin-top:24px;font-size:19px;font-weight:300;line-height:1.65}.article-actions{flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:28px;display:flex}.article-primary{background:var(--color-brand-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:20px;min-height:50px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.article-primary:hover{opacity:.9}.article-primary span{font-size:20px;font-weight:300}.article-read{min-height:44px;color:var(--color-ink-primary);align-items:center;gap:12px;font-size:15px;display:inline-flex}.article-reviewed{color:var(--article-muted);margin-top:22px;font-size:12px;line-height:1.7}.article-reviewed a{text-decoration:underline}.article-answer{background:var(--color-surface-section);border-radius:28px;padding:32px}.article-answer-label{color:var(--article-muted);font-size:13px;line-height:1.5}.article-answer-phrase{letter-spacing:-.015em;text-wrap:pretty;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-top:24px;font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1.25}.article-answer-actions{-moz-column-gap:14px;flex-wrap:wrap;align-items:center;column-gap:14px;margin-top:24px;display:flex}.article-answer-actions button{min-height:44px;color:var(--color-brand-fg);align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.article-answer-actions button:hover{text-decoration:underline}.article-answer-actions [role=status]{color:var(--article-muted);font-size:13px}.article-answer-note{color:var(--article-muted);margin-top:12px;font-size:14px;line-height:1.65}.article-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:72px;display:grid}.article-contents{max-height:calc(100dvh - 144px);padding-right:12px;position:sticky;top:112px;overflow:auto}.article-contents>p{margin-bottom:20px;font-size:13px;font-weight:600}.article-contents ol{gap:6px;padding:0;list-style:none;display:grid}.article-contents li a{color:var(--article-muted);padding:7px 0;font-size:14px;line-height:1.55;text-decoration:none;display:block}.article-contents a:hover{color:var(--color-brand-fg);text-decoration:underline}.article-contents-extra{min-height:44px;color:var(--article-muted);align-items:center;gap:10px;margin-top:22px;font-size:14px;text-decoration:none;display:inline-flex}.article-reading{min-width:0;max-width:680px}.article-prose{font-size:17px;font-weight:300;line-height:1.85}.article-prose p+p{margin-top:22px}.article-prose a{color:var(--color-brand-fg)}.article-prose strong{font-weight:600}.article-examples{gap:10px;margin:28px 0;padding:0;list-style:none;display:grid}.article-examples li{background:var(--color-surface-section);border-radius:16px;padding:20px 24px;font-size:21px;line-height:1.5}.article-opening{color:var(--article-muted)}.article-section{margin-top:60px}.article-section h2,.article-faq>h2,.article-related>h2{letter-spacing:-.02em;text-wrap:pretty;margin-bottom:24px;font-size:clamp(24px,2.5vw,30px);font-weight:600;line-height:1.25}.article-download{background:var(--color-surface-section);border-radius:28px;margin:56px 0;padding:32px}.article-download-content h2{letter-spacing:-.02em;font-size:28px;font-weight:600}.article-download-content p{color:var(--article-muted)}.article-download-content a,.article-download-content button{min-height:48px}@media (width>=768px){.article-download{padding:36px}.article-download-content{-moz-column-gap:36px;grid-template-columns:minmax(0,1fr) 136px;align-items:start;column-gap:36px;display:grid}.article-download-content:not(:has(.download-qr)){grid-template-columns:minmax(0,1fr)}.article-download-content .download-brand{grid-area:1/1;gap:10px;margin-bottom:24px}.article-download-content .download-brand img:first-child{border-radius:8px;width:28px;height:28px}.article-download-content .download-wordmark{width:96px;height:auto}.article-download-content>h2{text-wrap:balance;grid-area:2/1;font-size:30px;line-height:1.15}.article-download-content>p{grid-area:3/1;margin-top:16px;font-size:16px;line-height:1.7}.article-download-content .download-qr{flex-direction:column;grid-area:1/2/5;align-self:center;gap:12px;margin:0;display:flex}.article-download-content .download-qr img{border-radius:16px;width:136px;height:136px;padding:10px}.article-download-content .download-qr p{text-align:center;max-width:136px;font-size:12px;line-height:1.5}.article-download-content .download-stores{flex-flow:wrap;grid-area:4/1;gap:0 20px;margin-top:20px}.article-download-content .download-stores a{min-height:44px;color:var(--color-brand-fg);text-align:start;background:0 0;border-radius:0;justify-content:flex-start;gap:7px;padding:0;font-size:13px}.article-download-content .download-stores a:hover{text-decoration:underline}.article-download-content .download-stores svg{flex:none;width:17px;height:17px}}.article-faq{margin-top:64px}.article-faq details{background:var(--color-surface-section);border-radius:16px;margin-top:10px}.article-faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding:22px 24px;font-size:17px;font-weight:600;line-height:1.5;list-style:none;display:flex}.article-faq summary::-webkit-details-marker{display:none}.article-faq-icon{color:var(--color-brand-fg);flex:none;font-size:24px;font-weight:300;line-height:1}.article-faq details[open] .article-faq-icon{transform:rotate(45deg)}.article-faq details .article-prose{padding:0 24px 24px;font-size:16px}.article-closing{color:var(--article-muted);margin-top:56px;font-size:18px;line-height:1.7}.article-quiz{margin-top:24px}.article-related-terms,.article-sources{margin-top:48px}.article-related-terms h2,.article-sources h2{margin-bottom:18px;font-size:14px;font-weight:600}.article-related-terms>div{flex-wrap:wrap;gap:10px;display:flex}.article-related-terms a{background:var(--color-surface-section);color:var(--article-muted);border-radius:999px;padding:10px 16px;font-size:14px;text-decoration:none}.article-related-terms a:hover{color:var(--color-brand-fg)}.article-sources ul{color:var(--article-muted);gap:12px;padding:0;font-size:13px;line-height:1.7;list-style:none;display:grid}.article-sources a{text-decoration:underline}.article-related{margin-top:88px}.article-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.article-related>div>a{background:var(--color-surface-section);border-radius:24px;flex-direction:column;align-items:start;padding:28px;text-decoration:none;display:flex}.article-related-title{font-size:21px;font-weight:600;line-height:1.3}.article-related-description{color:var(--article-muted);margin-top:12px;font-size:15px;line-height:1.65}.article-related-link{color:var(--color-brand-fg);margin-top:auto;padding-top:24px;font-size:14px;font-weight:600}.article-related>div>a:hover .article-related-title{color:var(--color-brand-fg)}:lang(ja) .article-page :is(h1,h2,.article-answer-phrase){letter-spacing:0;word-break:normal;overflow-wrap:anywhere;line-height:1.5}:lang(ja) .article-page :is(.article-deck,.article-prose,.article-answer-phrase){font-weight:400}@media (width<=900px){.article-intro-grid.has-answer{gap:32px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}}@media (width<=700px){.article-page{padding-top:16px}.article-back{margin-bottom:20px}.article-intro{padding-bottom:44px}.article-intro-grid.has-answer{grid-template-columns:minmax(0,1fr);gap:28px}.article-deck{margin-top:20px;font-size:17px}.article-actions{gap:8px 20px;margin-top:24px}.article-primary{gap:14px;padding:12px 20px}.article-reviewed{margin-top:18px}.article-answer{border-radius:24px;padding:24px}.article-answer-phrase{margin-top:16px;font-size:28px}.article-answer-actions{margin-top:16px}.article-layout{flex-direction:column;gap:40px;display:flex}.article-contents{width:100%;max-height:none;padding:0;position:static}.article-contents>p{margin-bottom:12px}.article-contents li a{min-height:44px;padding:10px 0}.article-contents-extra{margin-top:6px}.article-prose{font-size:17px;line-height:1.8}.article-section{margin-top:44px}.article-download{margin:44px 0;padding:24px}.article-faq summary{padding:20px;font-size:16px}.article-faq details .article-prose{padding:0 20px 20px}.article-related>div{grid-template-columns:minmax(0,1fr);gap:12px}.article-related>div>a{padding:24px}.article-related{margin-top:56px}}@media (prefers-reduced-motion:reduce){html:has(.article-page){scroll-behavior:auto}}