*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a,code{overflow-wrap:anywhere}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--sa-color-border-brand);outline-offset:3px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:center}.hero-title code{font-size:inherit;color:var(--sa-color-text-link);background:none;padding:0}.eyebrow,.section-label{font-family:var(--sa-font-family-mono);color:var(--sa-color-text-link);font-size:13px;letter-spacing:.1em}.hero-note{border:1px solid var(--sa-color-border-default);border-radius:12px;background:var(--sa-color-bg-default);padding:24px}.hero-note p{margin:12px 0}.hero-note code{font-size:14px}.layout{max-width:1248px;padding:48px 24px 96px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px}.toc{position:sticky;top:72px;align-self:start;max-height:calc(100dvh - 96px);overflow:auto;font-size:13px}.toc ol{list-style:none;padding:0;margin:12px 0}.toc a{display:block;padding:7px 10px;text-decoration:none;color:var(--sa-color-text-muted);border-radius:6px}.toc a:hover,.toc a[aria-current]{background:var(--sa-color-bg-brandSubtle);color:var(--sa-color-text-link)}.toc strong{display:block;margin:10px}.main{min-width:0}.main section{margin-bottom:72px}.main section>h2{padding-bottom:16px;border-bottom:1px solid var(--sa-color-border-default);margin-top:12px}.main p,.main li{line-height:1.9}.main p{max-width:44rem}.main h3{margin-top:32px}.main section:target>h2{color:var(--sa-color-text-link)}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.cols>*{min-width:0}.sa-card h3{margin-top:0}.sa-card>:last-child{margin-bottom:0}.code-box{margin:20px 0;border:1px solid var(--sa-color-border-default);border-radius:8px;overflow:hidden;background:var(--sa-color-bg-subtle)}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--sa-color-border-default);font-size:12px;color:var(--sa-color-text-muted)}.code-box pre{margin:0;border:0;border-radius:0;padding:20px;overflow-x:auto;white-space:pre;line-height:1.75;font-size:13px;background:transparent}.code-box pre code{font-size:inherit;background:transparent;padding:0;white-space:pre;overflow-wrap:normal}.copy{font-size:12px;min-height:36px;padding:6px 12px;background:var(--sa-color-bg-default);color:var(--sa-color-text-link);border:1px solid var(--sa-color-border-default);border-radius:6px}.result{padding:16px 20px;background:var(--sa-color-bg-brandSubtle);border-radius:8px;margin:16px 0}.result strong{color:var(--sa-color-text-link)}.sources{font-size:12px;color:var(--sa-color-text-muted);margin-top:24px}.sources a{margin-right:12px}.sa-fig svg{min-width:720px}.sa-fig rect{fill:var(--sa-color-bg-subtle,#F6F8FB);stroke:var(--sa-color-border-default,#DCE2EB)}.sa-fig rect.accent{fill:var(--sa-color-bg-brandSubtle,#EAF1FA);stroke:var(--sa-color-border-brand,#004AAD)}.sa-fig text{fill:var(--sa-color-text-default,#131F33);font-size:13px}.sa-fig text.sub{fill:var(--sa-color-text-muted,#38465C);font-size:12px}.sa-fig .wire{stroke:var(--sa-color-bg-brand,#004AAD);stroke-width:2;fill:none}.sa-fig .arrow{fill:var(--sa-color-bg-brand,#004AAD)}.sa-scroll-x{max-width:100%;overflow-x:auto}.sa-scroll-x table{min-width:620px;width:100%}th,td{vertical-align:top}details{border:1px solid var(--sa-color-border-default);border-radius:8px;padding:16px 20px;margin:16px 0}summary{cursor:pointer;font-weight:600}label.check{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--sa-color-border-default);cursor:pointer}input[type=checkbox]{margin-top:7px;width:18px;height:18px;flex:none}progress{width:100%;height:8px;accent-color:var(--sa-color-text-link)}.builder{padding:24px;border:1px solid var(--sa-color-border-brand);border-radius:12px;margin:24px 0;background:var(--sa-color-bg-brandSubtle)}.builder label{display:block;margin-bottom:12px}.builder select{display:block;width:100%;min-height:44px;padding:8px;border:1px solid var(--sa-color-border-default);border-radius:6px;background:var(--sa-color-bg-default);color:var(--sa-color-text-default)}.builder-output{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.footer{padding:32px 24px;border-top:1px solid var(--sa-color-border-default);color:var(--sa-color-text-muted);max-width:1248px;margin:auto;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.footer img{height:32px;width:auto;min-width:140px}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}.sa-doc-header-inner{gap:24px!important}.sa-doc-hero h1{line-height:1.25}#status{font-size:13px;min-height:24px}.skip{position:absolute;left:16px;top:-200px;background:var(--sa-color-bg-default);padding:12px;z-index:2000}.skip:focus{top:52px}.mobile-toc{display:none}.muted{color:var(--sa-color-text-muted)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .logo-dark{display:block}html:not([data-theme=light]) .logo-light{display:none}}@media(max-width:960px){.layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.toc{position:static;max-height:none}.toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.hero-note{max-width:44rem}}@media(max-width:540px){.cols{grid-template-columns:minmax(0,1fr)}.layout{padding-inline:16px}.sa-doc-hero-inner{padding-inline:16px!important}.sa-doc-hero{padding-top:36px}.sa-doc-hero h1{font-size:34px}.toc a{padding:8px 4px}.main section{margin-bottom:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.toc,.copy,#theme-toggle,.builder,.skip,.code-head button{display:none!important}.layout{display:block;padding:16px}.main section{break-before:auto;margin-bottom:32px}.sa-fig,.code-box{break-inside:avoid}.sa-fig svg{min-width:0}.sa-scroll-x{overflow:visible}.sa-scroll-x table{min-width:0;font-size:11px}.code-box pre,.code-box pre code{white-space:pre-wrap;overflow-wrap:anywhere}.sa-doc-hero{padding:20px 0}.hero-grid{display:block}.hero-note{margin-top:20px}.cols{display:block}.sa-card{margin-bottom:12px}.sa-scroll-x svg{width:100%}body{print-color-adjust:exact}}
/* ヘッダーの共通img規則より具体的にし、初回の自動テーマでもロゴを1つにする。 */
.sa-doc-header img.logo-dark,.footer img.logo-dark{display:none}
.sa-doc-header img.logo-light,.footer img.logo-light{display:block}
[data-theme=dark] .sa-doc-header img.logo-dark,[data-theme=dark] .footer img.logo-dark{display:block}
[data-theme=dark] .sa-doc-header img.logo-light,[data-theme=dark] .footer img.logo-light{display:none}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .sa-doc-header img.logo-dark,html:not([data-theme=light]) .footer img.logo-dark{display:block}html:not([data-theme=light]) .sa-doc-header img.logo-light,html:not([data-theme=light]) .footer img.logo-light{display:none}}
.code-box pre,.code-box pre code,.builder-output,.builder-output code{color:var(--sa-color-text-default);background:transparent}