.implementation-page{overflow-wrap:anywhere;color:#1a2b3c;line-height:1.75}
.implementation-context{min-width:0}
.implementation-body{max-width:960px;padding-block:16px 48px}
.implementation-body section{padding:32px 0;border-bottom:1px solid #cbd5e1}
.implementation-body h2{font-size:clamp(24px,3vw,32px);line-height:1.3;margin:0 0 20px;font-weight:800}
.implementation-body h3,.implementation-option h2,.implementation-option h3{font-size:21px;line-height:1.4;font-weight:700;margin:0 0 16px}
.implementation-body p{margin:0 0 18px}.implementation-body ul,.implementation-body ol{padding-left:24px;margin:20px 0}
.implementation-body ul{list-style:disc}.implementation-body ol{list-style:decimal}.implementation-body li{margin:12px 0}
.implementation-body a,.implementation-option a{color:#003399;text-decoration:underline;text-underline-offset:3px}
.implementation-option{background:#f0f4fb;border:1px solid #b7c6df;border-radius:16px;padding:24px;margin:28px 0;color:#1a2b3c;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.implementation-option p{margin:12px 0}.implementation-option .implementation-link{font-weight:700}
.implementation-page a:focus-visible,.implementation-option a:focus-visible{outline:3px solid #003399;outline-offset:4px}
.implementation-page [id]{scroll-margin-top:100px}
.implementation-skip{position:absolute;top:-100px;left:16px;z-index:200;background:#fff;color:#003399;padding:14px}
.implementation-skip:focus{top:4px}
.implementation-shell .nav-shell{top:0}.implementation-shell .nav-group:focus-within .nav-dropdown{display:block}
.implementation-shell .nav-shell a:focus-visible,.implementation-shell .nav-shell button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:420px){.implementation-option{padding:18px}.implementation-shell .brand span{font-size:17px}.implementation-shell .nav-inner{gap:10px}}
@media(prefers-reduced-motion:reduce){html:has(.implementation-page){scroll-behavior:auto}.implementation-page *{animation:none!important;transition:none!important}}
@media print{.implementation-option{display:none}}

.implementation-option{max-width:960px;margin-inline:auto;box-sizing:border-box;width:calc(100% - 32px)}
.implementation-discovery{font-size:15px}.implementation-discovery h2{font-size:21px}
.implementation-table-wrap{overflow-x:auto;max-width:100%;margin:24px 0}
.implementation-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6;text-align:left}
.implementation-table caption{text-align:left;font-weight:700;margin-bottom:12px}
.implementation-table th,.implementation-table td{border:1px solid #b7c6df;padding:14px;vertical-align:top;overflow-wrap:normal}
.implementation-table thead{background:#e3ebf8}.implementation-table th[scope=row]{width:28%}
.implementation-table-wrap:focus-visible{outline:3px solid #003399;outline-offset:3px}
@media(max-width:600px){.implementation-table{min-width:620px}}
@media(forced-colors:active){.implementation-option,.implementation-table th,.implementation-table td{border:1px solid CanvasText}.implementation-option a:focus-visible,.implementation-table-wrap:focus-visible{outline-color:Highlight}}

/* Keep this comparison semantic table intact under the inherited mobile rules. */
.implementation-table tr{display:table-row}
.implementation-table th,.implementation-table td{display:table-cell;width:auto;font-size:1rem;color:#1a2b3c}
.implementation-table th[scope=row]{width:28%}
.implementation-option a{scroll-margin-block:112px}