/* Public reading pages use the document palette below the dark site header. */
:root{color-scheme:light}
.seo-page{--bg:#fff;--line:#e3e8ef;--text:#202c40;--muted:#607086;--blue:#367cf2;min-height:100vh;background:#fff;color:var(--text)}
.seo-page .site-header{color-scheme:dark;background:#141e38;color:#f2f5ff;border-color:#2b3d60}
.seo-page .header-inner{gap:44px}.seo-page .header-inner nav{margin-left:auto}.seo-page .brand-pro{font-weight:400}.seo-page .link-chevron{width:18px;height:18px;flex:0 0 18px}.seo-page .header-inner [aria-current=page]{color:#92c4ff}.seo-page .article-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(180px,1fr);gap:80px;padding-block:44px 76px}.seo-page .article-heading{padding-bottom:12px}.seo-page h1{font-size:40px;font-weight:400;letter-spacing:-1.2px;line-height:1.2;margin-top:22px}.seo-page .article-lead{font-size:19px;line-height:1.65;color:#3f4d63;margin-top:26px;max-width:76ch}.seo-page .article-byline{font-size:12px;color:#607086;margin-top:22px}.seo-page article section{margin-top:44px;scroll-margin-top:32px}.seo-page h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;font-weight:400;margin-bottom:20px}.seo-page article section p,.seo-page dd,.seo-page li p,.seo-page .scenario-list{font-size:16px;line-height:1.8;color:var(--muted)}.seo-page p+p{margin-top:16px}.seo-page .source-note{font-size:13px;line-height:1.75;margin-top:24px}.seo-page .source-note a,.seo-page .inline-link{color:#2868cd;text-decoration:underline;text-underline-offset:3px}.seo-page .contents{align-self:start;position:sticky;top:36px;padding-top:5px}.seo-page .contents ol{list-style:none;margin:20px 0 28px;padding:0}.seo-page .contents li{font-size:14px;line-height:1.6;border-top:1px solid var(--line)}.seo-page .contents li a{display:block;color:#607086}.seo-page .contents a:hover{color:#2868cd}.seo-page .comparison{border:1px solid var(--line);margin-block:24px;overflow-x:auto}.seo-page table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:1.7}.seo-page th,.seo-page td{border-bottom:1px solid var(--line);vertical-align:top}.seo-page tbody th{white-space:nowrap}.seo-page tr:last-child td,.seo-page tr:last-child th{border-bottom:0}.seo-page .input-list{margin:24px 0}.seo-page .input-list>div{display:grid;grid-template-columns:180px 1fr;gap:24px;border-top:1px solid var(--line)}.seo-page dt{font-size:16px;line-height:1.7}.seo-page dd{margin:0}.seo-page .steps{list-style:none;counter-reset:step;margin:24px 0 0}.seo-page .steps li{counter-increment:step;position:relative}.seo-page .steps li:before{position:absolute;left:0}.seo-page h3{font-size:18px;font-weight:400;line-height:1.6;margin-bottom:8px}.seo-page .scenario-list{padding-left:22px}.seo-page .scenario-list li{padding:5px 0}.seo-page strong{color:#202c40;font-weight:400}.seo-page .text-link{margin-top:22px;line-height:1.6;gap:16px}.seo-page .article-cta{margin-top:48px;border-top:1px solid var(--line);padding-top:36px}.seo-page .article-cta h2{margin:12px 0 0}.seo-page .article-cta .primary-link{margin-top:24px}.seo-page .article-cta .access-caption{color:#607086;margin-top:14px;font-size:12px;line-height:1.7}.seo-page .footer-inner>a:last-child{display:flex;align-items:center;gap:14px}
@media(max-width:1000px){.seo-page .article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 190px}.seo-page .header-inner{gap:28px}.seo-page .header-inner nav{gap:24px}.seo-page .input-list>div{grid-template-columns:150px 1fr}}
@media(max-width:760px){.seo-page .article-layout{display:flex;flex-direction:column;gap:32px;padding-block:32px 52px}.seo-page article{min-width:0}.seo-page .contents{position:static;order:-1;width:100%;border-bottom:1px solid var(--line);padding:0 0 20px}.seo-page .contents ol{display:flex;flex-wrap:wrap;gap:10px 20px;margin:12px 0 0}.seo-page .contents li{border:0;font-size:12px}.seo-page .contents li a{text-underline-offset:4px}.seo-page h1{font-size:34px}.seo-page .article-lead{font-size:17px}.seo-page .header-inner{height:auto;min-height:76px;flex-wrap:wrap;padding-block:20px;gap:18px}.seo-page .header-inner nav{order:3;width:100%;gap:24px;margin:0;font-size:12px}.seo-page .header-inner nav a:first-child{display:block}.seo-page .input-list>div{grid-template-columns:1fr;gap:9px}.seo-page th,.seo-page td{font-size:12px}.seo-page table{min-width:0}.seo-page h2{font-size:26px}.seo-page .primary-link{padding-inline:18px}.seo-page .article-cta .primary-link{gap:16px}}
/* Explicit return to the public landing works even when the article is opened directly. */
.seo-page .article-back{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:3px;color:#f2f5ff}
.seo-page .article-back>.link-chevron{transform:rotate(180deg)}
.seo-page .article-back:is(:hover,:focus-visible){background:#20375a;color:#fff}
.seo-page .article-back:is(:hover,:focus-visible)>.link-chevron{transform:translateX(-3px) rotate(180deg)}
@media(max-width:760px){.seo-page .article-back{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.seo-page .article-back:is(:hover,:focus-visible)>.link-chevron{transform:rotate(180deg)}}

.seo-page main .eyebrow{color:#607086}
.seo-page main .text-link,.seo-page footer a:not(.brand){color:#2868cd}
.seo-page main .link-chevron,.seo-page footer .link-chevron{color:#2868cd}
.seo-page main a:hover,.seo-page footer a:hover{color:#246de2}
.seo-page main .primary-link,.seo-page main .primary-link .link-chevron{color:#fff}
.seo-page main .primary-link:is(:hover,:focus-visible){color:#fff;background:#246de2}
.seo-page main a:focus-visible,.seo-page footer a:focus-visible{outline-color:#367cf2}
.seo-page .release-note,.seo-page .footer-inner p{color:#607086}

/* Static reading counterparts of shared/ui DataTable, Notice, Surface and
   StepIndicator. Values follow shared/ui/tokens.css; no React runtime needed. */
.seo-page{
 --article-tint:#eef4ff;
 --article-wash:#f8faff;
 --article-info-line:#d9e4f8;
 --article-info-text:#405578;
 --article-radius:3px;
 --article-panel-radius:5px;
}
.seo-page .comparison{max-width:100%;border-color:var(--article-info-line);border-top:3px solid var(--blue);border-radius:var(--article-panel-radius);background:#fff}
.seo-page .comparison:focus-visible{outline:2px solid #70a8ff;outline-offset:4px}
.seo-page .comparison th,.seo-page .comparison td{padding:16px;border-bottom-color:var(--article-info-line)}
.seo-page .comparison thead th{background:var(--article-tint);color:#2868cd;font-weight:500}
.seo-page .comparison tbody th{background:#fff;color:var(--text);font-weight:600;border-right:1px solid var(--article-info-line)}
.seo-page .comparison tbody tr:nth-child(odd)>*{background:#fff}
.seo-page .comparison tbody tr:nth-child(even)>*{background:var(--article-wash)}
.seo-page .comparison td{color:#3f4d63}

.seo-page .source-note{padding:16px 20px;border:1px solid var(--article-info-line);border-left:3px solid var(--blue);border-radius:var(--article-radius);background:var(--article-tint);color:var(--article-info-text)}
.seo-page .input-list{border:1px solid var(--line);border-radius:var(--article-panel-radius);background:#fff}
.seo-page .input-list>div{padding:20px 24px}
.seo-page .input-list>div:first-child{border-top:0;border-radius:4px 4px 0 0}
.seo-page .input-list>div:nth-child(odd){background:var(--article-wash)}
.seo-page .input-list dt{color:var(--text);font-weight:500}
.seo-page .steps{padding:0}
.seo-page .steps li{min-height:48px;padding:0 0 28px 44px}
.seo-page .steps li:last-child{padding-bottom:0}
.seo-page .steps li:before{content:counter(step);display:grid;place-items:center;top:1px;box-sizing:border-box;width:26px;height:26px;border:1px solid #2868cd;border-radius:var(--article-radius);background:var(--article-tint);color:#2868cd;font-size:13px;line-height:1}
.seo-page .seo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){
 .seo-page .comparison th,.seo-page .comparison td{padding:14px 12px}
 .seo-page .source-note{padding:14px 16px}
 .seo-page .input-list>div{padding:18px}
 .seo-page .steps li{padding-left:40px}
}

/* Reading position uses the same active treatment as TableOfContents. */
.seo-page .contents li a{padding:13px 12px;border-left:2px solid transparent}
.seo-page .contents li a[aria-current="location"]{border-left-color:var(--blue);background:var(--article-tint);color:#2868cd}
@media(max-width:760px){.seo-page .contents li a{padding:6px 10px;text-decoration:none}}

/* Educational formulas use the existing reading surfaces and stay readable on mobile. */
.seo-page article section .article-formula{padding:18px 20px;border:1px solid var(--article-info-line);border-radius:var(--article-panel-radius);background:var(--article-wash);color:var(--text);font-size:20px;line-height:1.6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:20px}
.seo-page .comparison tfoot th,.seo-page .comparison tfoot td{background:var(--article-tint);color:var(--text);font-weight:600;border-bottom:0}
@media(max-width:760px){.seo-page article section .article-formula{padding:16px;font-size:18px}}

.seo-page #classical-llcr-example{font-variant-numeric:tabular-nums}