/* V17.8 is a refinement: keep the approved typography outside the wordmark. */
/* Native keyboard/touch selects, with the complete selected name wrapping.
   The overlay is aria-hidden and cannot intercept pointer events. */
.wrapping-select{display:grid;position:relative;min-width:0}
.select-full-label{grid-area:1/1;pointer-events:none;min-height:44px;padding:10px 32px 10px 11px;line-height:1.4;overflow-wrap:break-word;color:var(--ink);z-index:1}
.workspace-choices .wrapping-select select{position:absolute;inset:0;height:100%;margin:0;color:transparent}
.wrapping-select select option{color:var(--ink);background:var(--bg)}
.wrapping-select::after{content:'⌄';position:absolute;right:10px;top:11px;color:var(--ink);pointer-events:none;z-index:1}
.workspace-choices label{grid-template-columns:auto minmax(130px,340px)}
@media(max-width:540px){.workspace-choices{grid-template-columns:1fr}.workspace-choices label{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px}.select-full-label{font-size:14px}}
@media(forced-colors:active){.select-full-label{visibility:hidden}.workspace-choices .wrapping-select select{color:CanvasText}.wrapping-select::after{display:none}}
.site-header .brand,footer .brand{font-family:Manrope,sans-serif;font-weight:800}
.site-header .brand-light,footer .brand-light{font-weight:500}
footer .brand-mark{display:none}
/* V17.9: secondary affiliation sits directly below our wordmark. */
.brand-lockup{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}
.site-header .brand-lockup .brand{margin:0;line-height:1.2}
.brand-partner{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:16px;line-height:1.5;letter-spacing:normal;white-space:nowrap}
.brand-partner .colt-official{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;text-decoration:none;color:inherit}
.brand-partner .colt-official img{width:51px;height:20px;object-fit:contain;max-width:none}
.brand-partner .partner-external{font-size:14px;line-height:1}
.brand-partner .colt-official:hover .partner-external{text-decoration:underline;text-underline-offset:4px}
.brand-partner .colt-official:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:860px){.brand-lockup{margin-right:auto}}
@media(max-width:540px){
 .site-header .brand-lockup{display:contents}
 .site-header .brand-partner{grid-column:1/-1;grid-row:2;justify-self:start}
 .site-header .preferences{grid-row:3}
 .site-header>nav{grid-row:4}
}
.colt-logo-dark{display:none}
:root[data-theme=dark] .colt-logo-light{display:none}:root[data-theme=dark] .colt-logo-dark{display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .colt-logo-light{display:none}:root:not([data-theme=light]) .colt-logo-dark{display:block}}
.architecture-hero .network-depth,.architecture-hero .network-depth img{animation:none!important;transform:none!important;transition:none!important}
@media(min-width:861px){.architecture-hero .network-depth{inset:0;width:100%;height:100%}}
html:not(.js) .commercial-answer[hidden]{display:block!important}
html:not(.js) .question-list a:not(:first-child){display:none}
.case-fallback{padding:16px var(--pad);background:var(--paper)}
.case-fallback summary{min-height:44px;cursor:pointer}.case-fallback li{margin-block:14px}
@media(min-width:861px){.site-header{gap:20px}.site-header>nav{gap:20px}.site-header>nav a:last-child{margin-left:0}.site-header .preferences{gap:8px}}
@media(min-width:861px) and (max-width:1180px){.site-header .brand{font-size:27px}.site-header{gap:12px}.site-header>nav{gap:16px;font-size:15px}.site-header>nav a:last-child{padding-inline:14px}.site-header .preferences{gap:3px}}
@media(max-width:860px){.site-header .preferences{gap:4px}.site-header .preferences .languages{margin-left:auto}}
