/* Developer preview theme, extracted from the reviewed portal pilot.
   Used only by explicit portal builds; normal product styles are unchanged. */
.portal-home{display:block;max-width:960px;margin:32px auto;padding:24px 30px}
.portal-home .product-card{margin-top:28px;padding:22px 24px;border:1px solid var(--line);border-radius:8px}
.portal-home .product-card h2{margin-top:0}
.portal-home .home-interfaces{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin-bottom:0}
.home-interfaces a{display:block;border:1px solid var(--line);border-radius:5px;padding:8px 18px}
.home-interfaces a:hover{background:var(--soft)}
:root{--ink:#252b33;--muted:#68727f;--line:#e2e6eb;--blue:#1a3a6b;--soft:#edf3f9;--red:#8b1818}*{box-sizing:border-box}body{margin:0;font:15px/1.65 "Segoe UI",Arial,sans-serif;color:var(--ink);background:white}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:var(--blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #508bca;outline-offset:3px}header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.global{height:72px;display:flex;align-items:center;gap:42px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand b{color:var(--red);font-size:22px;letter-spacing:-1px}.brand span{font-size:16px}.products{display:flex;align-self:stretch;gap:24px}.products button{border:0;border-bottom:3px solid transparent;background:none;padding:3px 0 0;color:var(--muted);font-weight:600}.products button.selected{border-bottom-color:var(--red);color:var(--ink)}.search-open{margin-left:auto;width:280px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;background:#fafbfc;color:var(--muted);padding:8px 12px;font-size:13px}kbd{font:11px "Segoe UI",sans-serif;border:1px solid #d8dee5;background:white;padding:0 5px;border-radius:3px}#areas{display:flex;gap:23px;padding:0 32px;height:51px;align-items:stretch}#areas>button,#areas>details>summary{font-size:13px;font-weight:600;background:none;border:0;border-bottom:2px solid transparent;padding:13px 0;white-space:nowrap;color:#596473;list-style:none;cursor:pointer}#areas .selected,#areas>details.selected>summary{color:var(--blue);border-bottom-color:var(--blue)}#areas>details{position:relative}#areas>details>summary::after{content:'⌄';margin-left:8px}#areas>details>div{position:absolute;top:49px;left:-16px;padding:8px;width:242px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #14213322}#areas>details button{display:block;text-align:left;padding:10px 14px;width:100%;border:0;background:white;border-radius:4px}#areas>details button:hover{background:var(--soft)}#api-tabs{padding:0 32px 0 278px;display:flex;gap:28px;height:45px;background:#fafbfd}#api-tabs[hidden]{display:none}#api-tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:13px;padding:0 2px}#api-tabs button.selected{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.workspace{display:grid;grid-template-columns:260px minmax(400px,1fr) 194px;max-width:1600px;margin:0 auto;min-height:calc(100vh - 164px)}.sidebar{padding:26px 17px 80px 27px;border-right:1px solid var(--line);position:sticky;top:124px;max-height:calc(100vh - 165px);overflow:auto;align-self:start}.local-heading{padding:0 9px 16px}.local-heading span{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.local-heading h2{font-size:17px;line-height:1.3;margin:7px 0 0}#tree ul,#all-contents ul{list-style:none;margin:0;padding:0}#tree li{margin:2px 0}#tree li ul{padding-left:13px;border-left:1px solid var(--line);margin-left:10px}#tree a,#tree summary{display:block;padding:5px 9px;text-decoration:none;font-size:13px;line-height:1.45;border-radius:4px;color:#505b69;overflow-wrap:anywhere}#tree summary{cursor:pointer;display:list-item;list-style-position:inside;font-weight:600}#tree a.active{background:var(--soft);color:var(--blue);font-weight:600}#tree a:hover,#tree summary:hover{background:#f3f5f8}#tree .class-link{display:inline;padding:0;font:inherit}.sidebar-foot{margin-top:26px;padding:18px 9px 0;border-top:1px solid var(--line)}.sidebar-foot button{background:none;border:0;color:var(--blue);padding:0;font-size:13px}.sidebar-foot span{display:block;font-size:11px;color:var(--muted);margin-top:10px}main{min-width:0;padding:29px 48px 100px;max-width:980px}#breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:24px}#breadcrumbs a{color:var(--muted);text-decoration:none}article h1{font-size:36px;letter-spacing:-1.1px;line-height:1.2;font-weight:650;margin:0 0 24px;color:#1f2834}article h2{font-size:23px;font-weight:600;margin:34px 0 14px;letter-spacing:-.3px}article h3{font-size:18px;margin:26px 0 12px}article p{margin:13px 0}article ul,article ol{padding-left:22px}article li{margin:5px 0}article pre{padding:17px;background:#f5f7fa;border:1px solid #e3e7ed;border-radius:6px;overflow:auto;font-size:12px;line-height:1.6}code{font:12px/1.7 Consolas,monospace;background:#f3f5f8;padding:2px 4px;border-radius:3px}pre code{padding:0;background:none}article table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow:auto}article th,article td{border-bottom:1px solid var(--line);padding:10px;text-align:left}article th{background:#f7f9fb}article img{max-width:100%;height:auto}article .headerlink{display:none}article .admonition,article blockquote{margin:20px 0;padding:10px 20px;border-left:3px solid #a9bfd8;background:#f7f9fc}article .md-content__button{display:none}article .admonition-title{font-weight:600}article summary{cursor:pointer}article svg{max-width:24px;max-height:24px}article [id]{scroll-margin-top:190px}#toc{padding:35px 20px 50px 10px;position:sticky;top:124px;align-self:start;max-height:calc(100vh - 166px);overflow:auto;font-size:12px}#toc b{display:block;font-weight:600;margin-bottom:12px}#toc a{display:block;color:var(--muted);text-decoration:none;padding:5px 0;border-left:1px solid var(--line);padding-left:14px;line-height:1.4}.pilot-bar{position:fixed;bottom:0;left:0;right:0;min-height:40px;background:#f8f9fb;border-top:1px solid #dce2e9;z-index:8;display:flex;align-items:center;gap:24px;padding:7px 24px;color:#5d6774;font-size:11px}.pilot-bar label{display:flex;align-items:center;gap:9px}.pilot-bar select{background:white;border:1px solid #d5dce5;border-radius:4px;font-size:11px;padding:2px 5px}.pilot-bar button{border:0;background:none;color:var(--blue);font-size:11px;text-decoration:underline}#status{margin-left:auto}.skip{position:fixed;top:-60px;background:white;padding:8px;z-index:20}.skip:focus{top:0}dialog{border:1px solid #dbe1e8;border-radius:12px;box-shadow:0 20px 90px #13213d30;width:min(760px,90vw);max-height:80vh;padding:24px;color:var(--ink)}dialog::backdrop{background:#18263b55}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.dialog-top h2{font-size:21px;margin:0 0 16px}.dialog-top button{background:none;border:0;font-size:20px;align-self:flex-start}.search-label{display:block;font-size:12px;color:var(--muted)}#query{width:100%;border:1px solid #b7c7d8;padding:12px;border-radius:6px;margin:5px 0 18px}fieldset{border:0;padding:0;display:flex;gap:25px}legend{font-size:12px;color:var(--muted);margin-bottom:7px}fieldset label{font-size:13px}.muted{color:var(--muted);font-size:13px}#results a{display:block;padding:12px 8px;border-bottom:1px solid var(--line);text-decoration:none}#results small{display:block;color:var(--muted)}dialog table{width:100%;border-collapse:collapse;font-size:13px}dialog th,dialog td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);vertical-align:top}#all-contents ul{margin-left:18px}#all-contents summary{cursor:pointer}#all-contents a{font-size:13px}.placeholder{padding:25px;background:#f6f8fb;border:1px dashed #b9c6d4;border-radius:8px}.placeholder h2{margin-top:0}.demo-tag{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#86631f}.dead-link{color:var(--muted);text-decoration:underline dotted;cursor:help}body.api-direct .sidebar,body.api-direct #toc{top:169px;max-height:calc(100vh - 210px)}@media(min-width:1450px){main{padding-left:64px;padding-right:64px}}@media(max-width:1200px){#areas{gap:17px;padding:0 24px}#areas>button,#areas>details>summary{font-size:12px}.workspace{grid-template-columns:235px minmax(0,1fr)}#toc{display:none}main{padding-left:35px;padding-right:35px}.global{gap:30px;padding:0 24px}.search-open{width:240px}}@media(max-width:800px){.global{height:auto;min-height:64px;flex-wrap:wrap;gap:12px 25px;padding:10px 18px}.products{height:40px}.search-open{width:auto;flex:1;min-width:180px}.brand span{display:none}#areas{overflow-x:auto;gap:20px;padding:0 18px}#areas>details>div{position:fixed;top:150px;left:24px}#api-tabs{padding:0 20px;overflow:auto}.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{position:static;padding:20px 10px;max-height:none}main{padding:24px 22px 120px}article h1{font-size:28px}.pilot-bar{flex-wrap:wrap;gap:4px 16px;padding:6px 12px}#status{display:none}}@media(max-width:550px){.workspace{display:block}.sidebar{border-bottom:1px solid var(--line);max-height:220px;overflow:auto}.sidebar-foot{display:none}.local-heading{padding-bottom:5px}.local-heading h2{font-size:15px}main{padding:22px 18px 130px}fieldset{flex-wrap:wrap;gap:10px}dialog{padding:18px}}

/* Oct 8 owner screenshot: a single quiet rail and a clearly marked active section. */
#toc a{border-left:1px solid #d9e0e8;padding-left:15px;transition:color .12s}
#toc a.toc-active{border-left:2px solid #1a3a6b;padding-left:14px;color:#1a3a6b;font-weight:600}
/* Keep a flexible three-column layout while capping the reading measure. */
main{width:100%;max-width:980px;justify-self:center}
article{max-width:850px;margin-left:auto;margin-right:auto}
.code-block{position:relative;margin:20px 0;border:1px solid #e3e7ed;border-radius:6px;background:#f5f7fa;overflow:hidden}
.code-toolbar{display:flex;justify-content:flex-end;min-height:32px;border-bottom:1px solid #e3e7ed;padding:3px 9px;background:#f8fafc}
.copy-code{border:0;background:transparent;color:#526171;font-size:12px;padding:2px 5px;border-radius:3px}
.copy-code:hover{background:#e8eef5;color:#1a3a6b}
article .code-block pre{margin:0;border:0;border-radius:0;font-size:13px;line-height:1.6;padding:13px 16px}
article .code-block code{font-size:13px;line-height:1.6}
.clipboard-fallback{position:fixed;top:0;left:0;opacity:0}
body[data-density="compact"] article{font-size:15px;line-height:1.6}
body[data-density="compact"] article h1{font-size:32px;margin-bottom:20px}
body[data-density="compact"] article h2{font-size:21px;margin-top:28px}
body[data-density="compact"] article h3{font-size:17px}
body[data-density="compact"] #tree a,body[data-density="compact"] #tree summary{font-size:12.5px;padding-top:4px;padding-bottom:4px}
body[data-density="compact"] article .code-block code,body[data-density="compact"] article .code-block pre{font-size:12.5px}
body[data-density="comfortable"] article{font-size:16px;line-height:1.7}
body[data-density="comfortable"] #tree a,body[data-density="comfortable"] #tree summary{font-size:14px;padding-top:6px;padding-bottom:6px}
body[data-density="comfortable"] #toc{font-size:13px}

/* Two header rows in both variants. API working context and page category are distinct. */
.global{gap:28px}.products{gap:21px}.search-open{width:250px;flex-shrink:0}
#api-context{margin-left:8px;display:flex;align-items:center;gap:10px;flex-shrink:0}
#api-context[hidden]{display:none}
.api-caption{font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.04em;color:#727e8d;width:35px}
#api-context nav{display:flex;gap:3px}
#api-context button{border:0;background:none;padding:5px 8px;font-size:12px;color:#627184;border-radius:5px}
#api-context button.selected{background:#edf3f9;color:#1a3a6b;font-weight:600}
#api-context button:hover{background:#f0f3f7}
#api-context details{position:relative}
#api-context summary{font-size:13px;list-style:none;cursor:pointer;padding:6px 10px;border:1px solid #dce3eb;border-radius:6px;color:#1a3a6b;font-weight:600}
#api-context summary span{font-size:11px;font-weight:400;color:#6d7887;margin-right:6px}
#api-context details nav{position:absolute;left:0;top:40px;min-width:180px;display:block;padding:7px;background:white;border:1px solid #dce3eb;border-radius:7px;box-shadow:0 12px 26px #17223822}
#api-context details button{display:block;width:100%;text-align:left;padding:8px 12px}
#areas{gap:32px}
#areas .area-divider{width:1px;background:#e1e6ec;height:18px;align-self:center;margin:0 -10px}
#areas button:disabled{opacity:.45;cursor:default}
#return-context{margin:0 8px 20px;padding:10px 12px;border-left:2px solid #aec3dc;background:#f7f9fc}
#return-context[hidden]{display:none}
#return-context span,#return-context small{display:block;font-size:11px;color:#6d7886}
#return-context a{display:block;text-decoration:none;font-size:12px;margin:4px 0;font-weight:600}
#return-context small{font-size:10px;line-height:1.45}
#secondary-links{display:flex;gap:18px;margin-top:11px}
#secondary-links a{font-size:11px;color:#687688;text-decoration:none}
@media(max-width:1300px){.global{gap:22px;padding-left:24px;padding-right:24px}.brand span{display:none}.search-open{width:215px}#api-context{margin-left:0}}
@media(max-width:1000px){.global{gap:17px}.products{gap:15px}.search-open{width:42px;overflow:hidden;font-size:0;padding:8px}.search-open:before{content:'⌕';font-size:22px;line-height:1;margin:auto}.search-open kbd{display:none}#areas{gap:22px}.api-caption{display:none}}
@media(max-width:800px){.global{flex-wrap:nowrap;padding:12px;gap:12px}.products{height:40px}#api-context nav{gap:0}#api-context button{font-size:11px;padding:4px 5px}.search-open{min-width:30px;flex:0 0 30px}.global .brand{display:none}#areas{gap:22px}.sidebar{top:124px}}
@media(max-width:550px){.global{flex-wrap:wrap}.products{height:32px}#api-context{order:3;flex-basis:100%}.api-caption{display:block}#api-context nav{gap:5px}.search-open{margin-left:auto}.global:has(#api-context[data-variant="menu"]){flex-wrap:nowrap}.global:has(#api-context[data-variant="menu"]) #api-context{order:0;flex-basis:auto}.global:has(#api-context[data-variant="menu"]) #api-context summary span:first-child{display:none}#return-context{margin-bottom:12px}.sidebar{max-height:260px}}

/* Inline the pilot's header dependency chain; no runtime CSS imports. */
#product-title{font-size:16px;font-weight:600;color:#293745}
.global{gap:24px}#api-context{margin-left:-10px}#areas{gap:28px;padding-left:32px}
#areas button{min-width:42px}.brand span{display:inline!important}.sidebar-foot{position:relative}
#tree>ul>li>details>summary{font-size:12px!important;color:#364c66;padding-top:8px!important;padding-bottom:8px!important}
#tree>ul>li{margin-bottom:7px}
main #return-context{margin:0 0 18px;padding:9px 12px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;border-left:2px solid #aec3dc;background:#f7f9fc}
main #return-context[hidden]{display:none}main #return-context small{flex-basis:100%;font-size:11px}main #return-context span{font-size:11px}main #return-context a{margin:0;font-size:11px}
@media(max-width:1100px){#areas{gap:22px}#areas button{font-size:12px}}
@media(max-width:550px){.global{flex-wrap:nowrap!important}.global .brand{display:flex}.brand span{display:none!important}#api-context{flex-basis:auto;order:0;margin-left:0}.global{gap:12px}#product-title{font-size:14px}#api-context summary{padding:5px 7px}#api-context summary span:first-child{display:none}}
.global{height:58px;gap:22px}.brand b{font-size:20px}.brand span{font-size:13px}
.working-context{display:flex;align-items:center;gap:12px;border:1px solid #d8e2ec;background:#f8fafc;border-radius:6px;padding:4px 9px 4px 13px}
#product-title{font-size:14px;color:#203852;white-space:nowrap}
#api-context{margin-left:0;padding-left:12px;border-left:1px solid #d8e2ec}
#api-context summary{border:0;padding:3px 5px;background:transparent;font-size:13px}
#api-context details nav{top:35px}
#areas{height:43px;gap:26px}
#areas>button{padding:9px 0;font-size:12.5px}
.sidebar,#toc{top:102px;max-height:calc(100vh - 143px)}
.workspace{min-height:calc(100vh - 142px)}
#related-topics{margin:23px 9px 0;padding-top:13px;border-top:1px solid #e2e6eb}
#related-topics[hidden]{display:none}
#related-topics h3{font-size:12px;margin:0;color:#334b65}
#related-topics p{font-size:11px;color:#68727f;margin:4px 0 7px}
#related-topics a{display:block;font-size:12px;line-height:1.4;text-decoration:none;padding:5px 0}
#related-topics a:hover{text-decoration:underline}
@media(max-width:1100px){#areas{gap:23px}#areas>button{font-size:12px}.global{gap:20px}}
@media(max-width:800px){.global{min-height:58px;height:auto}.working-context{gap:6px;padding-left:8px}#api-context{padding-left:6px}.sidebar{position:static}}
#product-picker{position:relative}#product-picker summary{list-style:none;cursor:pointer}#product-picker summary::after{content:'⌄';font-size:11px;margin-left:8px}
#product-picker nav{position:absolute;top:36px;left:-8px;min-width:205px;background:white;border:1px solid #d8e2ec;border-radius:6px;box-shadow:0 8px 24px #20385222;padding:7px}
#product-picker button{display:block;width:100%;text-align:left;background:white;border:0;border-radius:4px;padding:8px;font-size:13px}
#product-picker button[aria-pressed=true]{background:#edf3f9;color:#1a3a6b;font-weight:600}#product-picker button:hover{background:#f3f6f9}
.dll-scope{display:block;font-size:12px;color:#1a3a6b;padding:3px 5px}
#areas .external-reference{display:flex;align-items:center;gap:7px;font-size:12px;text-decoration:none;color:#596473;white-space:nowrap}
#areas .external-reference small{font-size:10px;color:#77828e}

/* Local round-1 refinement only. Baseline content, typography and architecture remain shared. */
#sticky-return[hidden]{display:none}
#sticky-return{display:flex;flex-direction:column;gap:0;min-width:0;line-height:1.35;margin-left:auto}
#sticky-return span{font-size:10px;color:#68727f}
#sticky-return a{font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
#sticky-return:not([hidden])+.search-open{margin-left:0}
#tree a.page-current:not(.active){background:transparent;color:#334b65;font-weight:600;box-shadow:inset 2px 0 #b7c6d6}
#tree a.section-current{box-shadow:inset 2px 0 #1a3a6b}
#local-toc>summary{font-size:12px;font-weight:600;margin-bottom:12px;cursor:pointer;list-style-position:inside}
#toc[hidden]{display:none}
#toc .toc-level-h3{padding-left:25px;font-size:11.5px}
#toc .toc-level-h4{padding-left:34px;font-size:11px}
#toc .toc-level-h3.toc-active{padding-left:24px}
#toc .toc-level-h4.toc-active{padding-left:33px}
#search-dialog{margin:clamp(24px,6vh,64px) auto 0;max-height:calc(100vh - 90px)}
#search-dialog fieldset{flex-wrap:wrap;gap:12px 28px}
#advanced-scopes{margin:12px 0 0;font-size:12px;color:#596678}
#advanced-scopes>summary{cursor:pointer;width:fit-content}
#advanced-scopes fieldset{padding:10px 0 0}
#advanced-scopes legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#results a{padding:12px 8px}
#results a strong{font-size:14px;font-weight:600}
.result-preview{display:block;color:#505b69;font-size:12px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.broader-search{border:1px solid #d9e3ef;background:#f5f8fc;border-radius:6px;padding:12px 15px;font-size:13px}
.broader-search p{margin:0 0 9px}
.broader-search button{border:1px solid #b9cadf;border-radius:5px;padding:6px 10px;background:white;color:#1a3a6b;font-weight:600;font-size:13px}
.broader-search small{display:block;font-size:11px;margin-top:7px;color:#68727f}
body[data-density="compact"] article .code-block code,body[data-density="compact"] article .code-block pre{font-size:13px}
.code-toolbar{min-height:26px;padding-top:1px;padding-bottom:1px}
@media(max-width:1200px){
 .sidebar{grid-column:1;grid-row:1 / span 2}
 main{grid-column:2;grid-row:2;padding-top:20px}
 #toc{display:block;grid-column:2;grid-row:1;position:sticky;top:102px;z-index:4;align-self:start;background:#fff;border-bottom:1px solid #e2e6eb;padding:9px 35px;max-height:calc(100vh - 175px)}
 #local-toc>summary{margin:0;font-size:12px}
 #local-toc nav{max-height:55vh;overflow:auto;padding-top:10px;padding-bottom:6px}
 #sticky-return:not([hidden])+.search-open{width:42px;font-size:0;justify-content:center;padding:6px}
 #sticky-return:not([hidden])+.search-open::before{content:'⌕';font-size:22px;line-height:1}
 #sticky-return:not([hidden])+.search-open kbd{display:none}
}
@media(max-width:800px){#toc{top:102px;padding-left:22px;padding-right:22px}#sticky-return a{white-space:normal}#sticky-return span{display:none}}
@media(max-width:550px){#toc{position:static}#sticky-return{display:none}.workspace{display:block}}

/* Color declarations only, extracted from CURRENT's existing Material/Pygments stylesheet.
 * Source: generated/dist/TFORMer/Developer/en/web/assets/stylesheets/main.ec1eaa64.min.css
 * SHA256: ec1eaa640ab3790ea234d5a09da26015eb070222da8185a1e532d99cb022d68d
 * No tokenizer, article rewrite or global Material layout styles imported.
 */
article .highlight {--md-code-fg-color:#36464e;--md-default-fg-color--light:#0000008a;--md-code-hl-number-color:#d52a2a;--md-code-hl-special-color:#db1457;--md-code-hl-function-color:#a846b9;--md-code-hl-constant-color:#6e59d9;--md-code-hl-keyword-color:#3f6ec6;--md-code-hl-string-color:#1c7d4d;--md-code-hl-name-color:var(--md-code-fg-color);--md-code-hl-operator-color:var(--md-default-fg-color--light);--md-code-hl-punctuation-color:var(--md-default-fg-color--light);--md-code-hl-comment-color:var(--md-default-fg-color--light);--md-code-hl-generic-color:var(--md-default-fg-color--light);--md-code-hl-variable-color:var(--md-default-fg-color--light);}
article .highlight .o,article .highlight .ow{color:var(--md-code-hl-operator-color)}
article .highlight .p{color:var(--md-code-hl-punctuation-color)}
article .highlight .cpf,article .highlight .l,article .highlight .s,article .highlight .s1,article .highlight .s2,article .highlight .sb,article .highlight .sc,article .highlight .si,article .highlight .ss{color:var(--md-code-hl-string-color)}
article .highlight .cp,article .highlight .se,article .highlight .sh,article .highlight .sr,article .highlight .sx{color:var(--md-code-hl-special-color)}
article .highlight .il,article .highlight .m,article .highlight .mb,article .highlight .mf,article .highlight .mh,article .highlight .mi,article .highlight .mo{color:var(--md-code-hl-number-color)}
article .highlight .k,article .highlight .kd,article .highlight .kn,article .highlight .kp,article .highlight .kr,article .highlight .kt{color:var(--md-code-hl-keyword-color)}
article .highlight .kc,article .highlight .n{color:var(--md-code-hl-name-color)}
article .highlight .bp,article .highlight .nb,article .highlight .no{color:var(--md-code-hl-constant-color)}
article .highlight .nc,article .highlight .ne,article .highlight .nf,article .highlight .nn{color:var(--md-code-hl-function-color)}
article .highlight .nd,article .highlight .ni,article .highlight .nl,article .highlight .nt{color:var(--md-code-hl-keyword-color)}
article .highlight .c,article .highlight .c1,article .highlight .ch,article .highlight .cm,article .highlight .cs,article .highlight .sd{color:var(--md-code-hl-comment-color)}
article .highlight .na,article .highlight .nv,article .highlight .vc,article .highlight .vg,article .highlight .vi{color:var(--md-code-hl-variable-color)}
article .highlight .ge,article .highlight .gh,article .highlight .go,article .highlight .gp,article .highlight .gr,article .highlight .gs,article .highlight .gt,article .highlight .gu{color:var(--md-code-hl-generic-color)}

/* Shared code presentation: preserve syntax colours; brand-red text links
   must not turn API references in examples into apparent error markers.
   Keep these tokens independent of the product/portal accent colour. */
:root{--developer-code-link-decoration:#758396;--developer-code-link-weight:400;--developer-code-focus:#275aa6;--developer-code-comment:#64748b;--developer-code-keyword:#275aa6;--developer-code-string:#236b45}
article pre .doxy-comment{color:var(--developer-code-comment)}
article pre :is(.doxy-keyword,.doxy-keywordtype,.doxy-keywordflow,.doxy-preprocessor){color:var(--developer-code-keyword)}
article pre :is(.doxy-stringliteral,.doxy-charliteral){color:var(--developer-code-string)}
body article pre a,body.tecit-theme article pre a{color:inherit;font-weight:var(--developer-code-link-weight);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-decoration-color:var(--developer-code-link-decoration);text-underline-offset:3px}
body article pre a[href]:hover,body.tecit-theme article pre a[href]:hover{color:inherit;text-decoration-style:solid;text-decoration-thickness:1px;text-decoration-color:currentColor}
body article pre a:focus-visible,body.tecit-theme article pre a:focus-visible{outline:2px solid var(--developer-code-focus);outline-offset:3px;text-decoration-style:solid;text-decoration-color:currentColor}

/* Inline identifiers should remain readable alongside prose, linked or not.
 * Keep the existing minimum in smaller table text; fenced code is unchanged. */
article code:not(pre code){font-size:max(12px,.9em)}

/* Round 2: local context density and existing semantic markup only. */
article .option-heading>code{font-size:inherit;font-weight:inherit;line-height:inherit;background:none;padding:0;overflow-wrap:anywhere}
@media(max-width:1350px){article .code-block pre.api-signature{white-space:pre-wrap;overflow-wrap:anywhere}article .code-block pre.api-signature code{white-space:inherit}}

/* Oct 9 owner/meeting feedback: improve desktop readability without adding air.
   Pilot-local only; content, navigation routes and shared styles are unchanged. */
#areas{justify-content:center;padding-left:24px;padding-right:24px}
#areas>button,#areas .external-reference{font-size:14px}
#areas .external-reference small{font-size:12px}
.brand span{font-size:14px}
#product-title{font-size:15px}
#product-picker button,#api-context button,#api-context summary,.dll-scope{font-size:14px}
#api-context summary span{font-size:12px}
.search-open{font-size:14px}
body[data-density="compact"] #tree a,body[data-density="compact"] #tree summary{font-size:14px;line-height:1.4;padding-top:4px;padding-bottom:4px}
body[data-density="comfortable"] #tree a,body[data-density="comfortable"] #tree summary{font-size:15px;line-height:1.45;padding-top:5px;padding-bottom:5px}
#tree>ul>li>details>summary{font-size:14px!important;padding-top:5px!important;padding-bottom:5px!important}
body[data-density="comfortable"] #tree>ul>li>details>summary{font-size:15px!important}
#tree>ul>li{margin-bottom:4px}
body[data-density] #tree .class-link{font-size:inherit;padding:0}
body[data-density] #toc,#local-toc>summary{font-size:13.5px}
#toc .toc-level-h3,#toc .toc-level-h4{font-size:13px}
.sidebar-foot button,#secondary-links a{font-size:13px}
#secondary-links a[aria-current="location"]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.local-heading span,.sidebar-foot span{font-size:12px}
#sticky-return a{font-size:13px}
/* Retain the compact search control when the existing narrow layout needs it. */
@media(max-width:1200px){#sticky-return:not([hidden])+.search-open{font-size:0}}
@media(max-width:1000px){.search-open{font-size:0}}
@media(max-width:800px){#areas{justify-content:flex-start}}

/* Short, flat navigation groups are visible captions, not collapsed menus. */
#tree li.nav-group{margin-top:16px;margin-bottom:10px}
#tree li.nav-group:first-child{margin-top:0}
#tree .nav-caption{font-size:14px;line-height:1.4;font-weight:600;color:#364c66;margin:0;padding:3px 9px 5px}
#tree .nav-caption a{font:inherit;padding:0}
#tree li.nav-group>ul{padding-left:0;border-left:0;margin-left:0}

/* Header/spacing experiment: product context centered above the area tabs.
   The empty sidebar context nodes remain JS hooks, but have no visual footprint. */
.global{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
.global .brand{justify-self:start}
.working-context{justify-self:center;background:none;border:0;padding:0;gap:14px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.header-actions .search-open{margin-left:0;width:210px}
#sticky-return{margin-left:0}
#sticky-return a{max-width:155px;overflow:hidden;text-overflow:ellipsis}
#product-title{font-size:20px;font-weight:600;line-height:1.3}
#api-context summary,.dll-scope{font-size:17px;font-weight:600;line-height:1.3}
#api-context summary span{font-size:12px}
.local-heading[hidden],.sidebar-foot>span[hidden]{display:none}
.sidebar{padding-top:20px}
/* Slightly wider desktop tree; selecting a link must not change its metrics. */
@media(min-width:1201px){.workspace{grid-template-columns:290px minmax(400px,1fr) 194px}}
@media(min-width:801px) and (max-width:1200px){.workspace{grid-template-columns:265px minmax(0,1fr)}}
#tree a.active,#tree a.page-current,#tree a.section-current{font-weight:inherit}
#tree a.active{box-shadow:inset 2px 0 #1a3a6b}
#tree li.nav-group:has(>.nav-caption)>ul{padding-left:10px}
/* Keep section separation above; bring headings closer to their own content.
   Adjacent block margins must shrink too, otherwise margin collapse masks it. */
body[data-density] article h1{margin-bottom:12px}
body[data-density="compact"] article h1{margin-bottom:10px}
body[data-density] article h2{margin-top:25.5px;margin-bottom:7px}
body[data-density="compact"] article h2{margin-top:21px}
body[data-density] article h3{margin-top:19.5px;margin-bottom:6px}
body[data-density] article h4{margin-top:1em;margin-bottom:.665em}
article :is(h1,h2,h3,h4)+:is(p,ul,ol,table,div,pre,blockquote,details){margin-top:0}
article :is(h1,h2,h3,h4)+div>:first-child{margin-top:0}
@media(max-width:1300px){
 .header-actions .search-open{width:42px;font-size:0;justify-content:center;padding:6px;min-width:42px}
 .header-actions .search-open::before{content:'⌕';font-size:22px;line-height:1}
 .header-actions .search-open kbd{display:none}
}
@media(max-width:1000px){.global{gap:10px}#product-title{font-size:18px}.working-context{gap:8px}#api-context{padding-left:8px}.header-actions{gap:6px}#sticky-return a{max-width:110px}}
@media(max-width:800px){.global{grid-template-columns:auto minmax(0,1fr);padding:10px 12px}.working-context{justify-self:start}.header-actions{justify-self:end}#sticky-return{display:none}#api-context summary{font-size:15px}}

/* Align the product/interface context with the first centered area tab.
   Shared CSS grid tracks keep both rows aligned without resize JavaScript. */
@media(min-width:801px){
 header{display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)}
 .global{grid-column:1/-1;grid-template-columns:subgrid;gap:0;padding-left:0;padding-right:0}
 .global .brand{margin-left:24px}
 .working-context{justify-self:start;margin-left:24px}
 .header-actions{margin-right:24px}
 #areas{grid-column:2;gap:26px}
}

/* Shared type tokens: product profiles configure content, not fonts or CSS.
   Component styling (notes, code/copy, details) stays in this shared sheet. */
:root{--font-body:"Segoe UI",Arial,sans-serif;--font-code:Consolas,monospace}
body{font-family:var(--font-body)}
code,pre{font-family:var(--font-code)}
.portal-start header{display:block}
.portal-start .global{display:flex;border-bottom:0;padding:0 24px}
.portal-start .global .brand{display:flex;margin-left:0}
.portal-start .brand span{display:inline}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.portal-static{max-width:1100px;margin:0 auto;padding:24px}
.portal-static>nav{margin-bottom:24px}

/* Editable task-first entry proposal: opt-in components, no global layout changes.
   Adapted from Marcel's landing B; product pages own their content and links. */
.developer-entry .developer-entry-choices ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:12px 0}
.developer-entry .developer-entry-choices li{margin:0}
.developer-entry .developer-entry-choices a{display:block;padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:var(--soft);text-decoration:none;font-weight:600}
.developer-entry .developer-entry-choices a:hover{border-color:var(--blue)}
.developer-entry .developer-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin:16px 0}
.developer-entry .developer-task-card{border:1px solid var(--line);border-radius:7px;background:white;overflow:hidden}
.developer-entry .developer-task-card[open]{border-color:var(--blue)}
.developer-entry .developer-task-card>summary{position:relative;padding:15px 15px 15px 29px;cursor:pointer;list-style:none;min-height:116px}
.developer-entry .developer-task-card>summary::-webkit-details-marker{display:none}
.developer-entry .developer-task-card>summary::before{content:'▸';position:absolute;left:12px;top:15px;color:var(--blue)}
.developer-entry .developer-task-card[open]>summary::before{content:'▾'}
.developer-entry .developer-task-card>summary:hover{background:var(--soft)}
.developer-entry .developer-task-card strong{display:block;font-weight:600;font-size:15px;line-height:1.4}
.developer-entry .developer-task-card summary span{display:block;margin-top:5px;font-size:14px;line-height:1.5;color:var(--muted)}
.developer-entry .developer-task-card>ul{border-top:1px solid var(--line);margin:0 15px;padding:10px 0 12px;list-style:none;font-size:14px}
.developer-entry .developer-task-card li{margin:6px 0}
.developer-entry .developer-entry-background{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}
.developer-entry .developer-entry-background>summary{cursor:pointer;font-weight:600}
.developer-entry a:focus-visible,.developer-entry summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:1100px){.developer-entry .developer-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.developer-entry .developer-task-grid{grid-template-columns:1fr}}

/* Shared label/value component; keep ordinary definition lists unchanged. */
article .fields dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.35rem 1.25rem}
article .fields dt,article .fields dd{margin:0}
article .fields dd{overflow-wrap:anywhere}
@media(max-width:600px){article .fields dl{grid-template-columns:1fr;gap:.2rem}article .fields dd{margin-bottom:.65rem}}

/* TEC-IT Developer theme (look of tec-it.com).
 * Load AFTER shared/developer/portal.css. Active only with body.tecit-theme.
 * No Material or Tailwind imports. Sources and deliberate deviations:
 * _dev/features/20261015_Developer_Portal_Proposal/README.md.
 */

/* 1. Website tokens. Font stack taken from the website (Styles/site.tailwind.css).
 * No @font-face: Source Sans Pro is used only if installed.
 * --blue stays as the existing portal hook and receives the brand colour.
 */
body.tecit-theme {
 --font-body: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
 --ink: #0A0F1E;
 --muted: #5A6A8A;
 --red: #CE191F;
 --blue: #CE191F;
 --line: #E2E6ED;
 --soft: #F5F6FA;
 --tecit-brand-hover: #A81818;
 --tecit-heading-muted: #62718C;
 color: var(--ink);
 font-family: var(--font-body);
}
body.tecit-theme :is(button, input, select) { font-family: inherit; }
body.tecit-theme :is(a, button, summary, input, select):focus-visible {
 outline: 3px solid var(--red); outline-offset: 3px;
}
body.tecit-theme a { color: var(--red); }

/* 2. Header like the website: white, 72 px, thin bottom line, original logo.
 * Existing product/interface hooks and #areas are kept.
 * No marketing mega menu in the developer portal.
 */
body.tecit-theme > header { display: block; background: #FFF; border-bottom-color: var(--line); }
body.tecit-theme header .global {
 display: flex; height: 72px; min-height: 72px; width: 100%; max-width: 1440px;
 margin: 0 auto; padding: 0 32px; gap: 24px; border-bottom: 0;
}
body.tecit-theme .global .brand {
 display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px;
 margin: 0; color: var(--ink); text-decoration: none; white-space: nowrap;
}
body.tecit-theme .brand .tecit-logo-mark,
body.tecit-theme .tecit-footer .tecit-logo-mark {
 display: grid !important; place-items: center; width: 36px; height: 36px;
 flex-shrink: 0; border-radius: 0; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijc1cHgiIGhlaWdodD0iNzVweCIgdmlld0JveD0iMCAwIDc1IDc1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NSA3NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCBmaWxsPSIjQzIxNDI4IiB3aWR0aD0iNzUiIGhlaWdodD0iNzQuOTk0Ii8+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03LjM1LDYyLjYzN0gzLjA2MlY1OS42NGgxMS44ODJ2Mi45OTdoLTQuMjg4Vjc1SDcuMzVWNjIuNjM3eiIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuNjcsNTkuNjRoMTAuMjA1djMuMTEyaC02Ljg5OXYyLjg4M2g2LjUxNXYzLjExNmgtNi41MTV2My4xMzZoNy4yODFWNzVIMTcuNjdWNTkuNjR6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MS42ODEsNjMuNjI1Yy0wLjY2OS0wLjgyOC0xLjYxNi0xLjI0OS0yLjg0NS0xLjI2NmMtMS4yNjcsMC4wMTctMi4zLDAuNDc5LTMuMDkzLDEuMzkzDQoJCQljLTAuODE4LDAuOTE0LTEuMjM2LDIuMTA0LTEuMjUsMy41NjljMC4wMTQsMS40NjYsMC40MjQsMi42NDcsMS4yMywzLjU0NGMwLjc5MywwLjkyOCwxLjc5NSwxLjQsMy4wMTMsMS40MTQNCgkJCWMxLjM1NS0wLjAxNCwyLjM4OC0wLjU2NCwzLjA5NC0xLjY1OGwyLjc1MSwyLjExMWMtMC42MzQsMC44OTUtMS40MzEsMS41NTUtMi4zOSwxLjk4NGMtMC4yMjUsMC4xMDQtMC40NTIsMC4xOTgtMC42ODEsMC4yNzcNCgkJCWgtNS4wOWMtMS4xNjQtMC4zNTktMi4xNzQtMC45NjUtMy4wMzYtMS44MTZjLTEuNTExLTEuNDItMi4yNzktMy4zNzItMi4zMDctNS44NTZjMC4wMjgtMi41MDIsMC43OTYtNC40NjgsMi4zMDQtNS45MDMNCgkJCWMxLjQ4Mi0xLjQzMywzLjQxLTIuMTU0LDUuNzgyLTIuMTcxYzAuODczLDAsMS43NzEsMC4xNTgsMi42ODgsMC40NzVjMC45MTQsMC4zNDYsMS43MDUsMC45MzcsMi4zNjYsMS43NzRMNDEuNjgxLDYzLjYyNXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUxLjYyOSw2OC41NzVoLTUuMjEzdi0yLjYwNGg1LjIxM1Y2OC41NzV6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NC4zODcsNTkuNjRoMy4zMDdWNzVoLTMuMzA3VjU5LjY0eiIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQuMzQ1LDYyLjYzN2gtNC4yODhWNTkuNjRoMTEuODc5djIuOTk3SDY3LjY1Vjc1aC0zLjMwNlY2Mi42Mzd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=") center / contain no-repeat; color: transparent;
 font-size: 0; font-weight: 700; line-height: 1.5; letter-spacing: 0;
}
body.tecit-theme .brand .tecit-logo-word,
body.tecit-theme .tecit-footer .tecit-logo-word {
 display: inline !important; font-size: 19px; font-weight: 800; letter-spacing: -.475px;
}
body.tecit-theme .portal-label {
 color: var(--muted); font-size: 13.5px; line-height: 1.3;
 padding-left: 16px; border-left: 1px solid var(--line); margin-left: -8px;
}
body.tecit-theme.portal-start .tecit-header-cta { margin-left: auto; }
body.tecit-theme .global .working-context {
 margin: 0 auto; padding: 0; gap: 16px; background: none; border: 0;
}
body.tecit-theme #product-title { font-size: 15px; color: var(--ink); }
body.tecit-theme #api-context { margin: 0; padding-left: 16px; border-left-color: var(--line); }
body.tecit-theme #api-context :is(summary, button) { font-size: 13.5px; font-weight: 600; color: var(--ink); }
body.tecit-theme #api-context summary span { color: var(--muted); }
body.tecit-theme #api-context button.selected { color: var(--red); background: #FFF1F1; }
body.tecit-theme .header-actions { display: flex; align-items: center; gap: 14px; margin: 0 0 0 auto; }
body.tecit-theme .header-actions .search-open {
 width: 224px; min-width: 40px; height: 38px; border-color: #CFD6E3;
 border-radius: 9px; background: white; color: var(--muted); font-size: 13px; white-space: nowrap;
}
body.tecit-theme .search-open kbd { color: var(--muted); flex-shrink: 0; white-space: nowrap; }
body.tecit-theme #areas {
 height: 43px; justify-content: center; gap: 28px; padding: 0 24px;
 border-top: 1px solid #F0F1F4;
}
body.tecit-theme #areas > button { flex: 0 0 auto; white-space: nowrap; font-size: 13.5px; font-weight: 600; color: var(--muted); }
body.tecit-theme #areas > button.selected { color: var(--ink); border-bottom-color: var(--red); }
body.tecit-theme .sidebar,
body.tecit-theme #toc { top: 116px; max-height: calc(100vh - 140px); }

/* 3. Website buttons: 9 px radius, filled red / white with border.
 * Semantic classes instead of restyling every portal button.
 */
body.tecit-theme .tecit-button {
 display: inline-flex; align-items: center; justify-content: center; gap: 10px;
 min-height: 42px; padding: 9px 18px; border: 1px solid transparent;
 border-radius: 9px; background: var(--red); color: #FFF;
 font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none;
}
body.tecit-theme .tecit-button:hover { background: var(--tecit-brand-hover); }
body.tecit-theme header .tecit-button { flex-shrink: 0; font-size: 13.5px; }
body.tecit-theme .tecit-button-secondary { color: var(--ink); background: white; border-color: #CFD6E3; }
body.tecit-theme .tecit-button-secondary:hover { background: #FFF; border-color: var(--muted); }

/* 4. Start pages: website rhythm instead of one large box.
 * Light grey bands run from the limited content width to the page edge.
 * All selectors are limited to start pages. Native details stay usable.
 */
body.tecit-theme.portal-start .portal-home { max-width: none; margin: 0; padding: 0; }
body.tecit-theme.portal-start .portal-home > article { max-width: none; }
body.tecit-theme.portal-start .tecit-home-hero {
 padding: 68px max(32px, calc((100% - 1116px) / 2)) 58px;
 border-bottom: 1px solid var(--line); background: white;
}
body.tecit-theme.portal-start .tecit-home-headline { max-width: 900px; }
body.tecit-theme.portal-start .tecit-home-headline > h1,
body.tecit-theme.portal-start .tecit-home-headline > p {
 display: inline; margin: 0; font-size: clamp(30px, 2.5vw, 36px);
 font-weight: 600; line-height: 1.1; letter-spacing: -.9px;
}
body.tecit-theme.portal-start .tecit-home-headline > p { color: var(--tecit-heading-muted); }
body.tecit-theme.portal-start .tecit-home-headline > h1 { margin-right: .16em; }
body.tecit-theme.portal-start .tecit-home-hero .tecit-home-actions { margin: 28px 0 0; }
body.tecit-theme.portal-start .portal-home .product-card {
 max-width: 1180px; margin: 0 auto; padding: 34px 32px 0;
 border: 0; border-radius: 0; background: transparent;
}
body.tecit-theme.portal-start .product-card > h2 { margin: 0 0 8px; font-size: 23px; font-weight: 600; }
body.tecit-theme.portal-start .product-card > h2 > a { color: var(--ink); text-decoration: none; }
body.tecit-theme.portal-start .developer-entry > p:first-child { margin: 0 0 32px; color: var(--muted); }
body.tecit-theme.portal-start .developer-entry-panel { border: 0; padding: 30px 0; margin: 0; }
body.tecit-theme.portal-start .developer-entry-panel > summary {
 min-height: 44px; padding: 0 0 8px; font-size: 23px; font-weight: 600;
 color: var(--ink); list-style-position: inside;
}
body.tecit-theme.portal-start :is(.home-quick-starts, .home-references) {
 background: var(--soft); box-shadow: 0 0 0 100vmax var(--soft);
 clip-path: inset(0 -100vmax);
}
body.tecit-theme.portal-start .home-quick-starts p { max-width: 800px; color: var(--muted); }
body.tecit-theme.portal-start .home-interfaces { gap: 10px; margin: 20px 0; }
body.tecit-theme.portal-start .home-interfaces a {
 min-width: 94px; border-color: #CFD6E3; border-radius: 9px;
 padding: 9px 20px; background: #FFF; color: var(--ink);
 font-weight: 600; text-decoration: none;
}
body.tecit-theme.portal-start .home-interfaces a:hover { border-color: var(--muted); }
body.tecit-theme.portal-start .home-quick-starts > ul:not(.home-interfaces) { display: flex; gap: 24px; flex-wrap: wrap; }
body.tecit-theme.portal-start .developer-entry > h3 { margin: 38px 0 8px; font-size: 26px; font-weight: 600; }
body.tecit-theme.portal-start .developer-entry > h3 + p { margin: 0; color: var(--muted); }
body.tecit-theme.portal-start .developer-task-grid { gap: 16px; margin: 24px 0 38px; }
body.tecit-theme.portal-start .developer-task-card {
 border-color: #E2E6ED; border-radius: 6px; box-shadow: none;
}
body.tecit-theme.portal-start .developer-task-card > summary { min-height: 116px; padding: 20px 20px 20px 34px; }
body.tecit-theme.portal-start .developer-task-card > summary::before { top: 20px; left: 15px; color: var(--red); }
body.tecit-theme.portal-start .developer-task-card strong { color: var(--ink); font-size: 16px; }
body.tecit-theme.portal-start .developer-task-card summary span { color: var(--muted); }
body.tecit-theme.portal-start .developer-task-card > summary:hover { background: #F5F6FA; }
body.tecit-theme.portal-start .home-background { padding-bottom: 42px; }

/* 5. Guide: keep the existing reading width, code, tables, navigation and TOC.
 * Red is also the website link colour. Underlines make text links recognisable
 * without colour. #CE191F reaches 5.55:1 on white (WCAG AA).
 * Navigation stays calm; red marks the active entry.
 */
body.tecit-theme:not(.portal-start) article { color: var(--ink); }
body.tecit-theme:not(.portal-start) article :is(h1, h2, h3, h4) { color: var(--ink); font-weight: 600; }
body.tecit-theme article a[href] { text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.tecit-theme article a[href]:hover { color: var(--tecit-brand-hover); text-decoration-thickness: 2px; }
body.tecit-theme.portal-start article :is(.tecit-button, .home-interfaces a) { text-decoration: none; }
body.tecit-theme.portal-start article .tecit-button:hover { color: white; }
body.tecit-theme.portal-start article .tecit-button-secondary:hover { color: var(--ink); }
body.tecit-theme :is(#tree a, #tree summary, #toc a) { color: var(--muted); }
body.tecit-theme #tree .nav-caption { color: var(--ink); }
body.tecit-theme #tree a.active { background: #FFF1F1; color: var(--red); box-shadow: inset 2px 0 var(--red); }
body.tecit-theme #tree a.page-current:not(.active) { color: var(--ink); box-shadow: inset 2px 0 #CFD6E3; }
body.tecit-theme #toc a.toc-active { color: var(--red); border-left-color: var(--red); }
body.tecit-theme :is(.copy-code, .result-preview, .search-label, #advanced-scopes, #secondary-links a) { color: var(--muted); }

/* 6. Footer like the website: dark ink, columns, muted links readable at AA.
 * Higher contrast than white/30 or white/40 in the website source.
 * Own namespace: the existing .sidebar-foot does not become the footer.
 */
body.tecit-theme .tecit-footer { margin-top: 0; background: #0A0F1E; color: #B6BED0; }
body.tecit-theme .tecit-footer-grid {
 display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 36px;
 max-width: 1180px; margin: 0 auto; padding: 48px 32px 40px;
}
body.tecit-theme .tecit-footer-brand { display: flex; align-items: center; gap: 10px; color: white; }
body.tecit-theme .tecit-footer p { margin: 12px 0 0; font-size: 13px; }
body.tecit-theme .tecit-footer h2 { margin: 0 0 14px; font-size: 13.5px; font-weight: 600; color: #FFF; }
body.tecit-theme .tecit-footer ul { list-style: none; margin: 0; padding: 0; }
body.tecit-theme .tecit-footer li { margin: 8px 0; font-size: 13px; }
body.tecit-theme .tecit-footer a { color: #B6BED0; text-decoration: none; }
body.tecit-theme .tecit-footer a:hover { color: #FFF; text-decoration: underline; }
body.tecit-theme .tecit-footer-bottom { margin: 0 max(32px, calc(50% - 558px)); padding: 18px 0 22px; border-top: 1px solid #303644; font-size: 12px; }

/* Same shell for the existing static fallback articles. */
body.tecit-theme.portal-static { max-width: none; margin: 0; padding: 0; }
body.tecit-theme.portal-static > nav { max-width: 1180px; margin: 0 auto; padding: 20px 32px 0; }
body.tecit-theme.portal-static > main { margin: 0 auto; }
body.tecit-theme.portal-static .tecit-header-cta { margin-left: auto; }

/* 7. Responsive: logo stays visible. The product menu is still the existing
 * #areas; scrolls horizontally instead of being cut off.
 */
@media (max-width: 1250px) {
 body.tecit-theme .portal-label { display: none; }
 body.tecit-theme .header-actions .search-open { width: 40px; font-size: 0; justify-content: center; padding: 6px; }
 body.tecit-theme .header-actions .search-open::before { content: '⌕'; font-size: 22px; line-height: 1; }
 body.tecit-theme .header-actions .search-open kbd { display: none; }
}
@media (max-width: 800px) {
 body.tecit-theme header .global { flex-wrap: wrap !important; height: auto; gap: 12px; padding: 14px 20px; }
 body.tecit-theme .global .working-context { order: 3; flex: 1 0 100%; justify-content: flex-start; margin: 0; }
 body.tecit-theme #product-title { font-size: 14px; }
 body.tecit-theme #api-context summary { font-size: 13.5px; }
 body.tecit-theme #areas { justify-content: flex-start; gap: 24px; }
 body.tecit-theme #toc { position: static; max-height: none; }
 body.tecit-theme .sidebar { max-height: none; }
 body.tecit-theme.portal-start .tecit-home-hero { padding: 42px 24px; }
 body.tecit-theme.portal-start .portal-home .product-card { padding-left: 24px; padding-right: 24px; }
 body.tecit-theme .tecit-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 36px 24px; gap: 28px; }
 body.tecit-theme .tecit-footer-grid > :first-child { grid-column: 1 / -1; }
 body.tecit-theme .tecit-footer-bottom { margin: 0 24px; }
}
@media (max-width: 550px) {
 body.tecit-theme .sidebar { max-height: 220px; }
 body.tecit-theme .global .brand { gap: 8px; }
 body.tecit-theme .brand .tecit-logo-word { font-size: 17px; }
 body.tecit-theme .header-actions { gap: 8px; }
 body.tecit-theme header .tecit-button { min-height: 38px; padding: 7px 12px; }
 body.tecit-theme #sticky-return { display: none; }
 body.tecit-theme.portal-start .tecit-home-headline > :is(h1, p) { font-size: 30px; }
 body.tecit-theme.portal-start .home-quick-starts > ul:not(.home-interfaces) { display: block; }
 body.tecit-theme.portal-start .home-interfaces a { min-width: 82px; }
}

/* Start pages: Developer Home (product catalog), product start pages and static fallback pages.
 * Load after portal.css and portal-brand.css. All rules are scoped. */
.tecit-container { max-width:1180px; margin:0 auto; padding:36px 32px; }
.tecit-band { background:#F5F6FA; border-bottom:1px solid #E2E6ED; }
.tecit-catalog .tecit-lead { color:#5A6A8A; margin:24px 0 0; font-size:17px; }
.tecit-catalog .tecit-container > h2 { margin:0 0 24px; font-size:25px; font-weight:600; }
.tecit-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.tecit-catalog .tecit-card { display:flex; flex-direction:column; padding:26px; border:1px solid #E2E6ED; border-radius:6px; background:#fff; min-width:0; }
.tecit-card .tecit-kind { font-size:13px; color:#5A6A8A; margin:0 0 12px; }
.tecit-card h3 { margin:0 0 12px; font-size:24px; font-weight:600; line-height:1.2; }
.tecit-card h3 a { color:#0A0F1E; text-decoration:none; }
.tecit-card > p:not(.tecit-kind) { color:#5A6A8A; font-size:15px; line-height:1.55; margin:0 0 20px; }
.tecit-status { display:inline-block; font-size:12px; font-weight:600; border-radius:4px; padding:4px 8px; background:#EDF3EF; color:#31543A; align-self:flex-start; margin-bottom:18px; }
.tecit-status-trial { background:#FFF3DF; color:#725018; }
.tecit-status-planned { background:#F0F1F5; color:#526079; }
.tecit-card .tecit-links { border-top:1px solid #E2E6ED; list-style:none; padding:14px 0 0; margin:4px 0 22px; }
.tecit-links li { margin:8px 0; font-size:14px; }
.tecit-card .tecit-button { margin-top:auto; align-self:flex-start; }
.tecit-card .tecit-planned-note { margin-top:auto; font-size:14px; }
.tecit-intents ul { padding:0; list-style:none; margin:0; }
.tecit-intents li { padding:12px 0; border-bottom:1px solid #E2E6ED; font-size:16px; }
.tecit-intents li:last-child { border:0; }
.tecit-intents a { text-decoration:underline; text-underline-offset:3px; }
.tecit-header-home { margin-left:auto; font-size:14px; white-space:nowrap; }
body.tecit-theme header .global > .tecit-header-cta { margin-left:auto; }
body.tecit-theme header .global > .tecit-header-home + .tecit-header-cta { margin-left:0; }
.tecit-breadcrumb { font-size:13px; color:#5A6A8A; margin:0 0 24px; }
.tecit-all { margin-left:18px; font-size:14px; }
.tecit-product .tecit-breadcrumb a { color:#CE191F; }
body.tecit-theme .tecit-footer-columns { grid-template-columns:1.4fr repeat(3,1fr); }
body.tecit-theme.portal-static .tecit-static-nav { display:flex; gap:18px; flex-wrap:wrap; font-size:14px; }
body.tecit-theme.portal-static > main { max-width:980px; padding:24px 32px 48px; }
body.tecit-theme.portal-static main article { max-width:100%; }
body.tecit-theme.portal-static img { max-width:100%; height:auto; }
@media(max-width:800px) {
 .tecit-product-grid { grid-template-columns:1fr; }
 .tecit-container { padding:28px 20px; }
 .tecit-catalog .tecit-card { padding:22px; }
 .tecit-catalog .tecit-home-hero,.tecit-product .tecit-home-hero { padding:36px 20px !important; }
 body.tecit-theme .tecit-footer-columns { grid-template-columns:1fr 1fr; gap:24px; }
 body.tecit-theme.portal-static > main { padding:24px 20px; }
 .tecit-header-home { font-size:12px; }
 .tecit-all { display:inline-block; margin:16px 0 0; }
}
@media(max-width:550px) {
 body.tecit-theme header .global:has(.header-actions) { display:grid; grid-template-columns:1fr auto; }
 body.tecit-theme .global:has(.header-actions) > .brand { grid-row:1; grid-column:1; }
 body.tecit-theme .global:has(.header-actions) > .tecit-header-cta { grid-row:1; grid-column:2; }
 body.tecit-theme .global:has(.header-actions) > .tecit-header-home { grid-row:2; grid-column:1; margin:0; }
 body.tecit-theme .global > .header-actions { grid-row:2; grid-column:2; margin:0; }
 body.tecit-theme .global > .working-context { grid-row:3; grid-column:1/-1; }
}

.tecit-manual { border-top:1px solid #E2E6ED; padding-top:18px; margin-top:20px; }
.tecit-manual h4 { margin:0; font-size:18px; }
.tecit-manual .tecit-button { display:flex; white-space:normal; text-align:center; }

.tecit-product-grid { align-items:start; }

/* Two equal cards above a compact, full-width pair of TBarCode manuals. */
.tecit-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#product-tbarcode { grid-column:1/-1; }
.tecit-manuals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.tecit-manual { display:flex; flex-direction:column; min-width:0; }
.tecit-manual .tecit-button { align-self:stretch; }
@media(max-width:800px) { .tecit-product-grid,.tecit-manuals { grid-template-columns:1fr; } }

/* Shared portal layout: header "TEC-IT Developer › product" (link to tec-it.com lives in the footer),
 * guide adjustments, "All contents" page and 404 page. Load after portal-brand.css and portal-start.css. */
body.tecit-theme header .global { display:flex !important; align-items:center; height:auto; min-height:72px; gap:20px; flex-wrap:nowrap; }
body.tecit-theme .tecit-header-path { display:flex; align-items:baseline; gap:12px; min-width:0; margin-right:auto; font-size:14px; line-height:1.3; }
body.tecit-theme .tecit-header-path a { color:#0A0F1E; text-decoration:none; }
body.tecit-theme .tecit-header-path a:hover { text-decoration:underline; }
/* The portal brand is a logo, not a text link: no underline on hover. */
body.tecit-theme .tecit-header-path a.tecit-header-brand:hover { text-decoration:none; }
/* Reserve the scrollbar so short and long pages keep the same width (no sideways jump). */
html:has(body.tecit-theme) { scrollbar-gutter:stable; }
body.tecit-theme header .tecit-header-brand .tecit-brand-name { display:inline-flex !important; align-items:baseline; gap:6px; white-space:nowrap; }
/* The logo is decorative; the wordmark supplies the header's text baseline.
 * Keep the mark vertically centred without letting its tiny letters determine
 * alignment of the product title and interface selector. */
body.tecit-theme header .global .tecit-header-brand { align-items:baseline; }
body.tecit-theme header .tecit-header-brand .tecit-logo-mark { align-self:center; }
body.tecit-theme header .tecit-header-brand .tecit-brand-developer { display:inline !important; font-size:19px; font-weight:500; line-height:1.3; letter-spacing:0; color:#5A6A8A; }
body.tecit-theme .tecit-path-separator { color:#5A6A8A; font-size:20px; }
body.tecit-theme .tecit-path-product { margin:0; padding:0; border:0; color:#0A0F1E; font-size:15px; font-weight:600; white-space:nowrap; }
body.tecit-theme .tecit-product-short { display:none; }
body.tecit-theme.tecit-guide .working-context { display:flex; align-items:baseline; margin:0; padding:0; gap:12px; }
body.tecit-theme.tecit-guide #api-context { align-items:baseline; }
body.tecit-theme.tecit-guide .header-actions { margin:0; }
/* Let long TOC headings use spare desktop width. Keep the compact layout and
 * the 194px minimum unchanged; cap the right column to protect article space. */
@media(min-width:1201px) {
 body.tecit-theme.tecit-guide .workspace { grid-template-columns:290px minmax(400px,1fr) clamp(194px,calc(100vw - 1180px),280px); }
}
body.tecit-theme .global .tecit-search-link { margin-left:auto; color:#5A6A8A; font-size:14px; white-space:nowrap; padding:8px 12px; border:1px solid #CFD6E3; border-radius:9px; text-decoration:none; }
body.tecit-theme .global .tecit-search-link:hover { text-decoration:underline; }
body.tecit-theme.tecit-guide #content > #sticky-return:not([hidden]) { display:block; margin:0 0 16px; padding:0; font-size:13px; line-height:1.5; }
body.tecit-theme.tecit-guide #content > #sticky-return[hidden] { display:none !important; }
body.tecit-theme.tecit-guide #content > #sticky-return a { display:inline; max-width:none; overflow:visible; text-overflow:clip; white-space:normal; color:#5A6A8A; font-size:13px; font-weight:400; text-decoration:none; }
body.tecit-theme.tecit-guide #content > #sticky-return a:hover { text-decoration:underline; }
body.tecit-theme .tecit-footer-grid { grid-template-columns:1.2fr repeat(4,minmax(0,1fr)); gap:28px; }
body.tecit-theme .tecit-description { max-width:740px; color:#5A6A8A; font-size:18px; line-height:1.6; margin:22px 0 0; }
body.tecit-theme .developer-entry-panel > h2 { margin:0 0 12px; font-size:23px; font-weight:600; }
body.tecit-theme .home-references > ul,body.tecit-theme .home-background > ul { display:flex; flex-wrap:wrap; gap:12px 28px; list-style:none; padding:0; }
body.tecit-theme .home-quick-starts,body.tecit-theme .home-references { scroll-margin-top:170px; }
body.tecit-theme .tecit-contents-main { max-width:1180px; margin:0 auto; padding:40px 32px 60px; }
.tecit-contents-main h1 { font-size:36px; line-height:1.2; margin:0 0 18px; font-weight:600; }
.tecit-contents-main > ul { list-style:none; padding:0; }
.tecit-contents-main > ul > li { margin:28px 0; padding:20px 24px; border:1px solid #E2E6ED; border-radius:6px; background:#F5F6FA; font-weight:600; }
.tecit-contents-main ul ul { list-style:disc; padding-left:22px; font-weight:400; }
.tecit-contents-main li { margin:8px 0; overflow-wrap:anywhere; }
.tecit-contents-main a { text-decoration:underline; }
.tecit-error-main { max-width:1180px; margin:0 auto; padding:60px 32px 80px; min-height:480px; }
.tecit-error-main h1 { font-size:36px; line-height:1.2; font-weight:600; }

.tecit-contents-main > ul > li > details > summary { cursor:pointer; font-size:18px; color:#0A0F1E; padding:4px 0; }
@media(max-width:800px) {
 body.tecit-theme header .global { display:flex !important; flex-wrap:wrap !important; padding:14px 20px; gap:12px; }
 body.tecit-theme .tecit-header-path { flex:1 1 auto; }
 body.tecit-theme .tecit-header-path:has(.tecit-path-product) { display:grid; flex:1 0 100%; grid-template-columns:auto 12px minmax(0,1fr); column-gap:10px; row-gap:4px; }
 body.tecit-theme header .tecit-header-brand .tecit-logo-word { display:none !important; }
 body.tecit-theme header .tecit-header-brand .tecit-brand-developer { font-size:17px; }
 body.tecit-theme .tecit-product-label { display:none !important; }
 body.tecit-theme .tecit-product-short { display:inline; }
 body.tecit-theme .tecit-header-path > .brand { grid-row:1; grid-column:1; }
 body.tecit-theme .tecit-path-separator { grid-row:1; grid-column:2; }
 body.tecit-theme .tecit-path-product { display:block; grid-row:1; grid-column:3; white-space:normal; font-size:14px; }
 body.tecit-theme.tecit-guide .tecit-header-path > .working-context { display:contents; }
 body.tecit-theme.tecit-guide #api-context { grid-row:2; grid-column:3; margin:0; padding:0; border:0; flex-basis:auto; }
 body.tecit-theme.tecit-guide #product-title { font-size:14px; white-space:normal; }
 body.tecit-theme.tecit-guide header .global { display:grid !important; grid-template-columns:auto 12px minmax(0,1fr); column-gap:10px; row-gap:12px; }
 body.tecit-theme.tecit-guide .tecit-header-path { display:contents; }
 body.tecit-theme.tecit-guide .tecit-path-product { grid-column:3; }
 body.tecit-theme.tecit-guide #api-context { grid-row:2; grid-column:1/3; }
 body.tecit-theme.tecit-guide .global > .header-actions { grid-row:2; grid-column:3; justify-self:end; margin:0; }
 body.tecit-theme.tecit-guide #areas { gap:26px; padding:0 24px; }
 body.tecit-theme.tecit-guide #areas > button { flex:0 1 auto; }
 body.tecit-theme.tecit-guide .sidebar { top:102px; max-height:none; }
 body.tecit-theme .tecit-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.tecit-theme .tecit-contents-main,body.tecit-theme .tecit-error-main { padding:30px 20px 50px; }
}
@media(max-width:550px) {
 body.tecit-theme.tecit-guide .sidebar { max-height:260px; }
 body.tecit-theme.tecit-guide #api-context { flex-basis:auto; order:0; }
 .tecit-contents-main ul ul { padding-left:16px; }
 .tecit-contents-main > ul > li { padding:16px; }
 body.tecit-theme .home-quick-starts,body.tecit-theme .home-references { scroll-margin-top:210px; }
}

/* Stable header geometry across portal, guides and API references. */
@media(min-width:801px) {
 body.tecit-theme header .global { height:72px; min-height:72px; }
 body.tecit-theme header .tecit-header-path { height:36px; align-items:baseline; }
 body.tecit-theme header .global .tecit-header-brand { height:36px; align-items:baseline; }
 body.tecit-theme header .tecit-header-brand .tecit-brand-name { line-height:24.7px; }
 body.tecit-theme.portal-start > header, body.tecit-theme.portal-static > header { padding-bottom:43px; }
}
@media(min-width:801px) { body.tecit-theme header .global .tecit-header-brand { align-self:flex-start; } }
/* The pinned brand leaves the baseline group; keep the guide context on the brand's text baseline. */
@media(min-width:801px) { body.tecit-theme.tecit-guide .tecit-header-path > :is(.tecit-path-separator, .working-context) { position:relative; top:-1px; } }

/* Stable mobile header: 36px brand row, 38px controls row, 43px area row. */
@media(max-width:800px) {
 body.tecit-theme header .global { height:114px; min-height:114px; box-sizing:border-box; padding:14px 20px; align-content:start; align-items:start; }
 body.tecit-theme header .tecit-header-path { align-self:start; align-items:baseline; height:36px; }
 body.tecit-theme header .global .tecit-header-brand { height:36px; align-self:start; align-items:baseline; }
 body.tecit-theme header .tecit-header-brand .tecit-brand-name,
 body.tecit-theme header .tecit-header-brand .tecit-brand-developer { line-height:22.1px; }
 body.tecit-theme.portal-start > header, body.tecit-theme.portal-static > header { padding-bottom:43px; }
 body.tecit-theme #areas { height:43px; justify-content:flex-start; overflow-x:auto; overflow-y:hidden; gap:24px; }
 body.tecit-theme.tecit-guide #areas > button { flex:0 0 auto; white-space:nowrap; }
}

/* TCloud title bar and website footer (Marcel, 30.10.2026).
 * Header like the TCloud app title bar (svn://hades/websites/TCloud/trunk, Styles/app.tailwind.css .title-bar):
 * 52px, mica tint, square 32px logo, then "Developer" only; the company name moves to the footer.
 * Footer like the tec-it.com website footer (svn://hades/websites/TEC-IT.COM/trunk, Pages/Shared/_Footer.cshtml);
 * links white/50 instead of the website's white/40, which misses WCAG AA contrast on the ink background. */
body.tecit-theme .tecit-logo-mark { background:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijc1cHgiIGhlaWdodD0iNzVweCIgdmlld0JveD0iMCAwIDc1IDc1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NSA3NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCBmaWxsPSIjQzIxNDI4IiB3aWR0aD0iNzUiIGhlaWdodD0iNzQuOTk0Ii8+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03LjM1LDYyLjYzN0gzLjA2MlY1OS42NGgxMS44ODJ2Mi45OTdoLTQuMjg4Vjc1SDcuMzVWNjIuNjM3eiIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuNjcsNTkuNjRoMTAuMjA1djMuMTEyaC02Ljg5OXYyLjg4M2g2LjUxNXYzLjExNmgtNi41MTV2My4xMzZoNy4yODFWNzVIMTcuNjdWNTkuNjR6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MS42ODEsNjMuNjI1Yy0wLjY2OS0wLjgyOC0xLjYxNi0xLjI0OS0yLjg0NS0xLjI2NmMtMS4yNjcsMC4wMTctMi4zLDAuNDc5LTMuMDkzLDEuMzkzDQoJCQljLTAuODE4LDAuOTE0LTEuMjM2LDIuMTA0LTEuMjUsMy41NjljMC4wMTQsMS40NjYsMC40MjQsMi42NDcsMS4yMywzLjU0NGMwLjc5MywwLjkyOCwxLjc5NSwxLjQsMy4wMTMsMS40MTQNCgkJCWMxLjM1NS0wLjAxNCwyLjM4OC0wLjU2NCwzLjA5NC0xLjY1OGwyLjc1MSwyLjExMWMtMC42MzQsMC44OTUtMS40MzEsMS41NTUtMi4zOSwxLjk4NGMtMC4yMjUsMC4xMDQtMC40NTIsMC4xOTgtMC42ODEsMC4yNzcNCgkJCWgtNS4wOWMtMS4xNjQtMC4zNTktMi4xNzQtMC45NjUtMy4wMzYtMS44MTZjLTEuNTExLTEuNDItMi4yNzktMy4zNzItMi4zMDctNS44NTZjMC4wMjgtMi41MDIsMC43OTYtNC40NjgsMi4zMDQtNS45MDMNCgkJCWMxLjQ4Mi0xLjQzMywzLjQxLTIuMTU0LDUuNzgyLTIuMTcxYzAuODczLDAsMS43NzEsMC4xNTgsMi42ODgsMC40NzVjMC45MTQsMC4zNDYsMS43MDUsMC45MzcsMi4zNjYsMS43NzRMNDEuNjgxLDYzLjYyNXoiLz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUxLjYyOSw2OC41NzVoLTUuMjEzdi0yLjYwNGg1LjIxM1Y2OC41NzV6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NC4zODcsNTkuNjRoMy4zMDdWNzVoLTMuMzA3VjU5LjY0eiIvPg0KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjQuMzQ1LDYyLjYzN2gtNC4yODhWNTkuNjRoMTEuODc5djIuOTk3SDY3LjY1Vjc1aC0zLjMwNlY2Mi42Mzd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=") center / contain no-repeat !important; }
body.tecit-theme header .global { max-width:none; padding:0 24px 0 22px; gap:16px; background:color-mix(in srgb, #F7F9FD 78%, transparent); backdrop-filter:blur(24px) saturate(150%); border-bottom:1px solid #DFE6F1; }
body.tecit-theme header .tecit-header-brand .tecit-logo-mark { width:32px; height:32px; }
body.tecit-theme .global .brand { gap:10px; }
body.tecit-theme header .tecit-header-brand .tecit-brand-developer { font-size:14px; font-weight:600; line-height:20px; color:#07101F; }
body.tecit-theme .tecit-header-path { gap:10px; font-size:14px; }
/* One 14px/20px line for every part of the path, so brand and product share a baseline on all pages. */
body.tecit-theme .tecit-path-separator { color:#64728A; font-size:14px; line-height:20px; }
body.tecit-theme .tecit-path-product, body.tecit-theme #product-title { font-size:14px; line-height:20px; }
@media(min-width:801px) {
 body.tecit-theme header .global { height:52px; min-height:52px; }
 /* Everything in the bar is centred like in TCloud; all path parts use one 14px/20px line, so their baselines match. */
 body.tecit-theme header .tecit-header-path { height:36px; align-items:center; }
 body.tecit-theme header .global .tecit-header-brand { height:auto; align-self:auto; align-items:center; }
 body.tecit-theme.tecit-guide .working-context, body.tecit-theme.tecit-guide #api-context { align-items:center; }
 body.tecit-theme header .tecit-header-brand .tecit-brand-name { line-height:20px; }
 body.tecit-theme.tecit-guide .tecit-header-path > :is(.tecit-path-separator, .working-context) { top:0; }
 /* Sidebar and outline stick right under the lower header: 52px bar + 43px areas + 1px line (was 116px). */
 body.tecit-theme .sidebar, body.tecit-theme #toc { top:96px; max-height:calc(100vh - 120px); }
}
/* Pages without the area row get the plain title bar; the empty band that matched the guides' row height would show under the tint. */
body.tecit-theme:is(.portal-start, .portal-static) > header { padding-bottom:0; }
@media(max-width:800px) {
 body.tecit-theme header .tecit-header-brand .tecit-brand-developer { font-size:14px; line-height:22.1px; }
 body.tecit-theme header .global .tecit-header-brand { align-items:center; }
 /* One row without guide controls: the plain 52px bar instead of the guides' two-row height. */
 body.tecit-theme.portal-start header .global { height:52px; min-height:52px; padding:0 20px; align-content:center; align-items:center; }
 body.tecit-theme.portal-start header .tecit-header-path { align-self:center; }
}

body.tecit-theme .tecit-footer { background:#0A0F1E; color:rgba(255,255,255,.5); }
body.tecit-theme .tecit-footer-grid { grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,1fr)); gap:40px; max-width:1180px; padding:56px 32px; }
body.tecit-theme .tecit-footer-brand { gap:10px; margin-bottom:14px; font-size:17px; font-weight:800; color:#FFF; }
body.tecit-theme .tecit-footer .tecit-logo-mark { width:34px; height:34px; }
body.tecit-theme .tecit-footer .tecit-logo-word { font-size:17px; font-weight:800; letter-spacing:0; }
body.tecit-theme .tecit-footer p { max-width:220px; margin:0; font-size:13px; line-height:1.625; color:rgba(255,255,255,.5); }
body.tecit-theme .tecit-footer h2 { margin:0 0 14px; font-size:12px; font-weight:700; line-height:16px; text-transform:uppercase; letter-spacing:.025em; color:#FFF; }
body.tecit-theme .tecit-footer li { margin:0 0 8px; font-size:13px; }
body.tecit-theme .tecit-footer a { color:rgba(255,255,255,.5); text-decoration:none; transition:color .15s; }
body.tecit-theme .tecit-footer a:hover { color:rgba(255,255,255,.8); text-decoration:none; }
body.tecit-theme .tecit-footer-social { display:flex; gap:10px; margin-top:20px; }
body.tecit-theme .tecit-footer .tecit-footer-social a { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.15); border-radius:9px; color:rgba(255,255,255,.6); font-size:14px; transition:color .15s, border-color .15s; }
body.tecit-theme .tecit-footer .tecit-footer-social a:hover { border-color:rgba(255,255,255,.4); color:#FFF; }
body.tecit-theme .tecit-footer-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; max-width:1116px; margin:0 auto; padding:16px 0; border-top:1px solid rgba(255,255,255,.1); font-size:12px; color:rgba(255,255,255,.5); }
body.tecit-theme .tecit-footer-legal { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
body.tecit-theme .tecit-footer .tecit-footer-legal a:hover { color:rgba(255,255,255,.6); }
@media(max-width:1180px) { body.tecit-theme .tecit-footer-bottom { margin:0 32px; } }
@media(max-width:899px) {
 body.tecit-theme .tecit-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.tecit-theme .tecit-footer-grid > :first-child { grid-column:1 / -1; }
}
@media(max-width:559px) {
 body.tecit-theme .tecit-footer-grid { grid-template-columns:minmax(0,1fr); padding:56px 24px; }
 body.tecit-theme .tecit-footer-bottom { margin:0 24px; }
}

/* Rhea fix 2026-11-02: identical mobile rows and brand baseline across readers. */
@media(max-width:800px) {
 body.tecit-theme:is(.portal-start,.portal-static,.tecit-guide) header .global { height:114px; min-height:114px; box-sizing:border-box; padding:14px 20px; align-items:start; align-content:start; }
 body.tecit-theme header .tecit-header-path { height:32px; align-self:start; align-items:center; }
 body.tecit-theme header .global .tecit-header-brand { height:32px; align-self:start; align-items:center; }
 body.tecit-theme header .tecit-header-brand .tecit-brand-name,
 body.tecit-theme header .tecit-header-brand .tecit-brand-developer { height:20px; line-height:20px; font-size:14px; }
 body.tecit-theme:is(.portal-start,.portal-static) > header { padding-bottom:43px; }
 body.tecit-theme.tecit-guide #areas { height:43px; min-height:43px; overflow-x:auto; overflow-y:hidden; }
 body.tecit-theme.tecit-guide #areas > button { flex:0 0 auto; white-space:nowrap; }
}