/* Shared CCA interface. Load after page-family styles. */
:root{
 --bg:#F3F6F8;--surface:#FFFFFF;--text:#172D3B;--muted:#536474;
 --line:#E3E9EE;--field-rule:#7A8D9B;--brand:#155E91;--brand2:#104B75;--green:#17664A;
 --shadow:none;--radius:10px;--ink:#172D3B;--footer:#112B3D;
}
html{scroll-behavior:auto;scroll-padding-block:24px 112px;scrollbar-color:#7A8D9B #EDF2F5;scrollbar-width:thin}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);overflow-wrap:anywhere}
html[lang="hi"] body{font-family:system-ui,"Nirmala UI","Mangal",sans-serif}
::selection{background:#CFE4F2;color:#112B3D}
input,textarea{caret-color:var(--brand)}
a{text-underline-offset:3px}
:where(h1,h2,h3){letter-spacing:-.02em;text-wrap:balance}
h1{font-size:32px;line-height:1.3;letter-spacing:-.02em}
.container{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.small,small,.sources-note,.profile-check-status,.profile-content .fact-source,.fact-source a,.breadcrumbs,.footer-note{font-size:14px}
.card,.hero-card,.basic-form-card,.basic-result,.sizing-result,.sizing-workspace,.tool-empty,.source-check,.sourcing-preview,.profile-contact-option,.inquiry-result:not(:empty){border-radius:10px;box-shadow:none}
.card{padding:24px}
.card p{font-size:16px}
.card h3{font-size:20px;line-height:1.4}
.hero,.map-panel{background:var(--surface)}
.verify-strip{background:var(--footer);border-radius:10px}
.page-hero{padding:32px 0 24px;background:var(--surface);border-bottom:0;border-radius:inherit}
.page-hero h1{font-size:32px;line-height:1.3;margin:10px 0 12px}
.page-hero p{font-size:16px;max-width:74ch;margin-bottom:0}
.page-hero+.section{padding-top:24px}
/* The 8px steel-gray frame belongs to interior working pages. The existing
   centered grid remains: 1240px content + two equal, fluid outer gutters. */
main:has(>.page-hero){margin:8px;background:var(--surface);border-radius:10px}
.section{padding:44px 0}
.section h2{font-size:24px;line-height:1.35}
.eyebrow{font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted)}
.topbar{display:none}
.btn,.basic-selector .basic-button{border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:650;line-height:1.5;white-space:normal;text-align:center;box-shadow:none}
.btn.primary,.basic-selector .basic-button.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn:hover,.basic-selector .basic-button:hover{border-color:var(--brand);background:#EDF4F8;text-decoration:none}
.btn.primary:hover,.basic-selector .basic-button.primary:hover{background:var(--brand2);border-color:var(--brand2);color:#fff}
.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6}
:where(button,a,input,select,textarea,summary):focus-visible,.basic-selector :focus-visible,.sizing-section :is(input,select,textarea):focus{
 outline:3px solid #B45C00;outline-offset:3px
}
.skip-link:focus{z-index:100}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="color"])),select,textarea{
 font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--field-rule);border-radius:8px;min-width:0;max-width:100%;min-height:48px;padding:10px 12px
}
/* More specific family styles must retain the same visible field boundary. */
:is(.searchbox,.filters,.filter-panel,.request-form,.category-search-controls,.network-form,.network-filter,.basic-field,.sizing-field,.sizing-section,.inquiry-panel) :is(input,select,textarea):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"])){min-height:48px;font-size:16px;color:var(--text);border-radius:8px}
:is(.searchbox,.filters,.filter-panel,.request-form,.category-search-controls,.network-form,.network-filter,.basic-field,.sizing-field,.sizing-section,.inquiry-panel) :is(input,select,textarea):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"])):not([aria-invalid="true"]){border-color:var(--field-rule)}
:is(.searchbox,.filters,.filter-panel,.request-form,.category-search-controls,.network-form,.network-filter,.basic-field,.sizing-field,.sizing-section,.inquiry-panel) :is(input,select,textarea):not(:disabled):not([aria-invalid="true"]):hover{border-color:var(--muted)}
:is(.searchbox,.filters,.filter-panel,.request-form,.category-search-controls,.network-form,.network-filter,.basic-field,.sizing-field,.sizing-section,.inquiry-panel) :is(input,select,textarea):disabled{color:var(--muted);background:#EDF2F5;opacity:1;cursor:not-allowed}
input::placeholder,textarea::placeholder,.basic-field input::placeholder{color:var(--muted);opacity:1}
input[type="checkbox"],input[type="radio"]{accent-color:var(--brand)}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#A12C28;background:#FFF7F6}
.notice,.policy-draft,.source-check,.sourcing-preview,.profile-contact-option{background:#EDF4F8;border:1px solid #C3D7E4;color:#284A61}
.notes,.basic-form-error{border-left-width:1px}
.tag,.badge,.evidence-badge,.review-badge,.conflict-badge{font-size:14px;font-weight:600;line-height:1.4}
.tag{border-radius:6px;background:#F6F8FA;color:var(--muted)}
.company-card{gap:14px;padding:24px}
.company-card h2,.company-card h3{font-size:21px;line-height:1.35}
.company-card .entity,.company-card .btn,.company-card .card-actions .btn{font-size:14px}
.company-card .company-logo{border-radius:8px;background:#EDF2F5;color:var(--muted)}
.company-card .card-actions{gap:8px}
.company-card .card-actions .btn.primary{background:transparent;border-color:transparent;color:var(--brand);padding-inline:0;text-align:start}
.company-card .card-actions .btn.primary:hover{background:transparent;border-color:transparent;color:var(--brand2);text-decoration:underline}
.filter-panel{padding:20px;background:var(--surface)}
.directory-browse{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 16px}
.directory-browse>.btn{background:transparent;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.directory-browse>.directory-results-link{display:none}
.filter-panel legend{font-size:16px}
.directory-search-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.directory-search-actions .btn{width:auto;flex:1 1 auto;margin:0}
.filter-panel .directory-refinements{border:0;padding:0;margin-top:16px}
.directory-refinements>summary{min-height:44px;padding:10px 0;border-top:1px solid var(--line);font-size:16px;font-weight:650;cursor:pointer}
.access-page h1{font-size:32px;line-height:1.3;margin:10px 0 20px;max-width:32ch}
.access-page>p{max-width:74ch}
.access-page .toolbar{gap:12px;margin-top:24px}
.filter-panel summary{line-height:1.5}
.filter-options label{font-size:14px;gap:10px}
[data-filter-tags] button{border-radius:6px;background:#EDF4F8;color:var(--brand);border-color:#C3D7E4;font-size:14px}
.profile-content h2,.profile h2{font-size:24px}
.profile-content p,.profile p{max-width:74ch}
.profile-content .source-check h3{font-size:18px}
.profile-contact-option{padding:18px}
.profile-contact-link{font-size:16px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
.profile-contact-label{font-size:14px}
.source-list small{font-size:14px}
.source-check,.profile-evidence,.profile-content .card{box-shadow:none}
.profile-product-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.search-layout>*,.profile>*,.profile-content>*,.grid>*,.sizing-fields>*,.basic-fields>*{min-width:0}
.table-scroll,.comparison-scroll{border-radius:8px;max-width:100%;overflow-x:auto}
table{font-size:14px;font-variant-numeric:tabular-nums}
table td,table th,.comparison-table td,.comparison-table th{padding:14px 16px;border-color:var(--line);line-height:1.6}
table th,.supplier-comparison-table thead th,.supplier-comparison-table thead th:first-child{background:#EDF2F5;color:var(--text)}
table a{overflow-wrap:anywhere}
.pagination a,.pagination span,[data-search-pagination] button{border-radius:8px;font-size:14px}
.feedback{background:var(--footer);border-radius:8px;box-shadow:none}
.sizing-section{background:var(--surface)}
/* Index entries describe destinations; forms and engineering results keep
   their semantic boundaries. These selectors exclude calculator form cards. */
.basic-home .basic-tool-card,.basic-advanced-page .grid>article.card,
[data-sizing-root]>.grid>article.card:has(>a[data-sizing-nav]){background:transparent;border:0;border-radius:0;box-shadow:none;padding:20px 0;display:flex;flex-direction:column;align-items:flex-start}
.basic-home .basic-tool-card h3,.basic-advanced-page .grid>article.card h2,
[data-sizing-root]>.grid>article.card:has(>a[data-sizing-nav]) h2{font-size:20px;line-height:1.4;margin:0 0 10px}
.basic-home .basic-tool-card>p,.basic-advanced-page .grid>article.card>p,
[data-sizing-root]>.grid>article.card:has(>a[data-sizing-nav])>p{margin:0 0 16px}
.basic-home .basic-tool-card>.btn,.basic-advanced-page .grid>article.card>.btn,
[data-sizing-root]>.grid>article.card>a[data-sizing-nav]{margin-top:auto;border:0;background:transparent;color:var(--brand);padding-inline:0;text-align:start;text-decoration:underline;text-underline-offset:4px}
.basic-home .basic-tool-card>.btn:hover,.basic-advanced-page .grid>article.card>.btn:hover,
[data-sizing-root]>.grid>article.card>a[data-sizing-nav]:hover{color:var(--brand2);text-decoration-thickness:2px}
.basic-selector{max-width:1040px}
.basic-form-card,.basic-result{padding:28px}
.basic-selector .basic-button.secondary,.basic-pressure-chip[aria-pressed="true"]{background:#EDF4F8;color:var(--brand);border-color:var(--brand)}
.basic-unit-switch button[aria-pressed="true"]{background:var(--brand)}
.basic-choice:has(input:checked){border-color:var(--brand);background:#EDF4F8;box-shadow:none}
.basic-selector .basic-choice input{accent-color:var(--brand)}
.basic-progress li{font-size:14px;color:var(--muted)}
.basic-progress li[aria-current="step"],.basic-progress li.is-complete{border-color:var(--brand);color:var(--brand)}
.basic-field small,.basic-flow-note,.basic-draft-note,.basic-field>label,.basic-unit-input select,.basic-unit-system>span,.basic-metric dt,.basic-metric dd small,.basic-status,.basic-method p,.basic-method li,.basic-result li,.basic-diagram li{font-size:14px}
.basic-field small,.basic-flow-note,.basic-draft-note,.basic-step-intro,.basic-method p,.basic-method li,.basic-status,.basic-metric dt{color:var(--muted)}
.basic-result{border-top-width:1px;border-color:#BDCFDC}
.sizing-result{border-left-width:1px;border-color:#BDCFDC}
.basic-result-eyebrow{font-size:14px;letter-spacing:0;text-transform:none;color:var(--brand)}
.basic-metric,.sizing-metrics>div{background:#F0F5F8;border-radius:8px}
.basic-metric dd,.sizing-metrics dd{color:var(--text);font-variant-numeric:tabular-nums}
.basic-home .basic-card-icon{background:transparent;color:var(--brand);border-radius:0;margin-bottom:16px}
.basic-home .basic-home-group>.section-head{margin-bottom:8px}
.basic-home .basic-home-group>.grid{gap:16px 32px}
.basic-home .basic-tool-card{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:8px 12px;padding:16px 0;align-items:start;border-bottom:1px solid var(--line)}
.basic-home .basic-tool-card>.basic-card-icon{box-sizing:border-box;width:32px;height:32px;padding:0;margin:0}
.basic-home .basic-tool-card>h3{margin:0;align-self:center}
.basic-home .basic-tool-card>p{grid-column:1/-1;margin:0}
.basic-home .basic-tool-card>.btn{grid-column:1/-1;margin:0;justify-self:start}
.basic-home .basic-advanced-entry{background:#EDF4F8;border-radius:10px;border-color:#BDCFDC}
.sourcing-intro{margin-bottom:16px}
.sourcing-intro p{margin:0}
[data-email-assistance]>h2{margin-top:0}
.sourcing-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:20px;align-items:start}
.sourcing-workspace>.sourcing-form{margin:0}
.sourcing-workspace>.sourcing-form>.sizing-fields{margin-top:0}
.sourcing-review{min-width:0}
.sourcing-review .sourcing-preview{margin-top:0;padding:20px}
.sourcing-review>.small{font-size:14px}
@media(min-width:1100px){
 .sourcing-intro~[data-rfq] .sourcing-workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:32px}
 .sourcing-intro~[data-rfq] .sourcing-review{position:sticky;top:24px}
}
@media(min-width:501px){
 .sourcing-intro~[data-rfq] .sourcing-details .sizing-fields{align-items:end}
 .sourcing-intro~[data-rfq] .sourcing-field:has([name="referenceConditions"]){grid-column:1/-1}
 .sourcing-intro~[data-rfq] .sourcing-field:has([name="airQuality"]){grid-column:2/-1}
}
.basic-method,.basic-advanced,.basic-confirmations,.system-box,.node-editor{border-radius:8px}
.basic-method summary,.basic-advanced summary{color:var(--text)}
.engagement-category{border-top-width:1px;border-radius:10px;box-shadow:none}
.engagement-subscribe,.engagement-category,.engagement-admin fieldset{box-shadow:none}
.engagement-form input,.engagement-form select,.engagement-form textarea{border-radius:8px}
.engagement-admin table{font-size:14px}
.engagement-policy,.engagement-admin td .btn,.engagement-admin textarea[data-json]{font-size:14px}

/* Brand and navigation: native disclosures, with compact controls on phones. */
.site-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}
.header-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 24px;padding:0}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;max-width:100%;font-weight:650;text-decoration:none}
.cca-mark{display:block;width:80px;height:34px;object-fit:contain;flex-shrink:0}
.site-header .brandtext,.site-footer .brandtext{font-size:15px;line-height:1.2;letter-spacing:-.01em}
.site-header .brand{min-height:70px}
.header-utility,.desktop-account,.mobile-account{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.desktop-account{font-size:14px}
.desktop-account .account-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 4px}
.desktop-account .register-link{min-height:44px;padding:10px 14px}
.desktop-account .buyer-nav-link{display:inline-flex;align-items:center;font-size:14px;min-height:44px;padding:8px 2px}
.desktop-nav{grid-column:1/-1;display:flex;gap:0 28px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);min-height:48px}
.nav-entry{position:relative;display:flex;align-items:center;min-width:0;max-width:100%}
.desktop-nav .nav-entry .nav-group{position:static}
.desktop-nav>a,.desktop-nav .nav-entry>a,.desktop-nav .nav-entry>.nav-group>summary{display:flex;align-items:center;gap:7px;min-height:48px;padding:10px 0;font-size:15px;line-height:1.4;font-weight:650}
.desktop-nav .nav-entry>.nav-group>summary{justify-content:center;min-width:44px;padding-inline:8px}
.nav-chevron{flex:none;transition:transform .15s ease}
details[open]>summary>.nav-chevron{transform:rotate(180deg)}
.nav-group{position:relative}
.site-header summary{cursor:pointer;list-style:none}
.site-header summary::-webkit-details-marker{display:none}
.site-header summary::marker{content:""}
.nav-group>summary{white-space:normal}
.nav-dropdown{position:absolute;z-index:60;top:100%;left:0;width:290px;min-width:0;max-width:calc(100vw - 48px);padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:none}
.nav-dropdown a{display:block;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.5;border-radius:5px;white-space:normal}
.nav-dropdown a:hover,.language-options a:hover{background:#EDF4F8}
.desktop-nav>a:hover,.desktop-nav .nav-entry>a:hover,.site-header summary:hover{color:var(--brand);text-decoration:none}
.desktop-nav a[aria-current],.mobile-panel a[aria-current]{color:var(--brand);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.nav-entry[data-current="true"]>a{color:var(--brand);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.nav-entry[data-current="true"]>.nav-group>summary{color:var(--brand)}
.language-menu{position:relative;flex-shrink:0}
.language-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:6px 4px;font-size:14px;font-weight:600}
.language-options{position:absolute;top:100%;right:0;z-index:70;display:grid;gap:0;align-items:stretch;width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px}
.language-options .language-link{display:block;padding:10px 12px;min-height:44px;font-size:14px;border-radius:5px;white-space:normal}
.language-options [aria-current="true"]{background:#EDF4F8;color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.mobile-nav{display:none}
.site-footer{background:var(--footer);color:#fff;margin-top:0;padding:48px 0 24px}
.site-footer .footer-grid{grid-template-columns:1.25fr 1fr 1.1fr .8fr;gap:32px}
.site-footer .brand{color:#fff;margin-bottom:14px}
.site-footer p,.site-footer a{color:#D2DFE7}
.site-footer p{font-size:14px;line-height:1.75;max-width:34ch;margin:0 0 16px}
.site-footer .footer-links{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.site-footer .footer-links h2{font-size:16px;color:#fff;margin:0 0 8px;line-height:1.5;font-weight:650;letter-spacing:0}
.site-footer .footer-links a{font-size:14px;line-height:1.6;text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#fff}
.site-footer .footer-note{max-width:none;border-top:1px solid #385263;margin:32px 0 0;padding-top:20px;color:#B9CBD7}
@media(max-width:1100px){
 .header-inner{gap:0 12px;min-height:76px}
 .site-header .brand{min-height:76px}
 .header-utility{margin-right:56px}
 .desktop-nav,.desktop-account{display:none}
 .mobile-nav{display:block;grid-column:1/-1;min-width:0}
 .mobile-nav>summary{position:absolute;right:0;top:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px}
 .mobile-nav[open]>summary{color:var(--brand);background:#EDF4F8}
 .mobile-panel{border-top:1px solid var(--line);padding:12px 0 20px}
 .mobile-panel>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}
 .mobile-panel>nav>a,.mobile-panel .nav-entry>a,.mobile-panel .nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:650;min-height:48px;padding:12px 0;line-height:1.5}
 .mobile-panel .nav-entry{display:block}
 .mobile-panel .nav-entry>a{margin-right:44px}
 .mobile-panel .nav-entry>.nav-group{position:static}
 .mobile-panel .nav-entry>.nav-group>summary{position:absolute;right:0;top:0;justify-content:center;width:44px;padding-inline:8px}
 .mobile-panel .nav-dropdown{position:static;max-width:100%;width:100%;border:0;border-radius:0;padding:0 0 8px;background:#F3F6F8}
 .mobile-panel .nav-dropdown a{font-size:14px;padding:10px 12px}
 .mobile-account{justify-content:flex-start;padding-top:16px;margin-top:12px;border-top:1px solid var(--line);font-size:14px}
 .mobile-account .account-link{padding:10px 0}
 .mobile-account .register-link{display:inline-flex}
 .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
}
@media(max-width:700px){
 .container{width:calc(100% - 32px)}
 .header-inner{min-height:72px;gap:0 6px}
 .site-header .brand{min-height:72px;gap:8px}
 .site-header .cca-mark{width:64px;height:30px}
 .site-header .brandtext{font-size:12px;line-height:1.25}
 .header-utility{margin-right:52px;gap:0}
 .language-menu>summary{gap:4px;font-size:13px}
 .language-menu>summary>.nav-chevron{display:none}
 .language-options{right:-44px;max-width:calc(100vw - 32px)}
 .mobile-nav>summary{top:14px;width:44px;height:44px}
 .mobile-panel>nav{grid-template-columns:minmax(0,1fr)}
 .mobile-panel>nav>a,.mobile-panel .nav-entry>a,.mobile-panel .nav-group>summary{border-bottom:1px solid var(--line)}
 .mobile-account{gap:12px 18px}
 .mobile-account .register-link{width:100%}
 .section{padding:32px 0}
 .page-hero{padding:24px 0}
 h1,.page-hero h1,.access-page h1{font-size:28px;line-height:1.35}
 .section h2{font-size:24px}
 .card,.company-card,.profile-content>.card,.basic-form-card,.basic-result{padding:20px}
 .profile-contact-option{padding:16px}
 .site-footer{padding:36px 0 24px}
 .site-footer .footer-grid{gap:30px 20px}
 .site-footer .footer-brand{grid-column:1/-1}
 .site-footer .footer-links a{font-size:14px}
 .site-footer .footer-note{margin-top:28px}
 .basic-home .basic-advanced-entry{align-items:flex-start}
 .directory-browse>.directory-results-link{display:inline-flex}
 .directory-browse{margin-bottom:12px}
 .page-hero:has(+.section .search-layout){padding-bottom:16px}
 .page-hero:has(+.section .search-layout)+.section{padding-top:12px}
 .search-layout{gap:16px}
 .search-layout>.filter-panel{padding:0;border:0;border-radius:0;background:transparent}
 .search-layout .directory-search-actions{margin:8px 0}
 .search-layout .directory-refinements{margin-top:8px;padding:0}
 .search-layout .directory-top{margin:0 0 12px;gap:4px}
 .basic-home .basic-home-group>.grid{gap:0}
 .basic-home .basic-tool-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 12px;padding:16px 0;align-items:center;border-bottom:1px solid var(--line)}
 .basic-home .basic-tool-card>.basic-card-icon{box-sizing:border-box;width:32px;height:32px;padding:0;margin:0}
 .basic-home .basic-tool-card>h3{margin:0}
 .basic-home .basic-tool-card>p{grid-column:1/-1;margin:0}
 .basic-home .basic-tool-card>.btn{grid-column:1/-1;margin:0;justify-self:start}
}
@media(max-width:500px){
 .sourcing-form .sizing-fields{grid-template-columns:minmax(0,1fr)}
 .sourcing-help{grid-template-columns:minmax(0,1fr);gap:12px}
 .sourcing-help label{min-height:44px;line-height:1.6;margin:0}
 .sourcing-help input[type="checkbox"]{width:18px;height:18px;margin-top:4px;flex:none}
}
@media(max-width:380px){
 .site-header .brand{gap:6px}
 .language-menu>summary{gap:3px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{
 .site-header,.site-footer{display:none!important}
 body{font-size:11pt;background:#fff;color:#111}
 .container{width:100%}
 .section,.page-hero{padding:12px 0}
 .card,.basic-form-card,.basic-result,.sizing-result{box-shadow:none;break-inside:avoid}
}

/* Local language fonts: no font download or additional runtime dependency. */
html[lang="ar"] body{font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.85}
html[lang="th"] body{font-family:system-ui,"Leelawadee UI",Tahoma,sans-serif;line-height:1.8;word-break:normal}
html:is([lang="ar"],[lang="th"]) :is(h1,h2,h3,.brandtext){letter-spacing:0;line-height:1.5}
.language-options{max-height:min(70vh,600px);overflow-y:auto;overscroll-behavior:contain}
.language-options a[lang="ar"]{direction:rtl;text-align:start}

/* The document mirrors reading order; identifiers and engineering notation do
   not. Keep the original controls, DOM/tab order and browser state contracts. */
html[dir="rtl"] :is(table td,table th,.comparison-table td,.comparison-table th,.engagement-admin table,.home-events .engagement-empty){text-align:start}
html[dir="rtl"] :is(ul,ol):not(.breadcrumbs):not(.basic-progress):not(.basic-diagram):not(.home-product-index):not(.compare-cell-list):not(.comparison-facts){padding-left:0;padding-inline-start:22px}
html[dir="rtl"] .breadcrumbs li+li:before{padding-right:0;padding-inline-end:8px}
html[dir="rtl"] .nav-dropdown{left:auto;right:0}
html[dir="rtl"] .language-options{right:auto;left:0}
html[dir="rtl"] .skip-link{left:auto;right:12px}
html[dir="rtl"] .supplier-comparison-table th:first-child{left:auto;right:0}
html[dir="rtl"] .notes{border-left:0;border-right:1px solid #6687b2;padding-left:0;padding-right:14px}
html[dir="rtl"] .sizing-result{border-left:1px solid #c2d6df;border-right:5px solid #147e96}
html[dir="rtl"] .basic-form-error{border-left:0;border-right:1px solid #b03b2d}
html[dir="rtl"] .basic-step-actions>div{margin-left:0;margin-right:auto}
html[dir="rtl"] .basic-unit-system{margin-left:0;margin-right:auto}
html[dir="rtl"] .basic-metric dd small{margin-left:0;margin-right:3px}
html[dir="rtl"] .sizing-section input[type="checkbox"]{margin-right:0;margin-left:8px}
html[dir="rtl"] :is(pre,code,kbd,samp,input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[inputmode="decimal"],input[inputmode="numeric"],select[data-field-unit],.brand){direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] :is(input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[inputmode="decimal"],input[inputmode="numeric"]){text-align:left}
html[dir="rtl"] .network-password input{direction:ltr;unicode-bidi:isolate;text-align:left}
html[dir="rtl"] :is(.profile-contact-link,.fact-source a,a[href^="mailto:"],a[href^="tel:"]){unicode-bidi:isolate}
html[dir="rtl"] :is(textarea,.entity,.sizing-metrics dd,.basic-metric dd,.basic-input-summary dd,.specification-values dd){unicode-bidi:plaintext}
html[dir="rtl"] .sourcing-preview pre{direction:rtl;unicode-bidi:plaintext;text-align:start}
html[dir="rtl"] .basic-diagram li+li:before{content:'←';left:auto;right:-12px}
html[dir="rtl"] :is(.home-hero .btn,.home-products .section-head>a)>svg{transform:scaleX(-1)}
/* Honeypots stay inaccessible and outside layout in either writing direction. */
html[dir="rtl"] .inquiry-trap{left:0;top:0;clip-path:inset(50%);overflow:hidden;pointer-events:none}
@media(max-width:1100px){
 html[dir="rtl"] .header-utility{margin-right:0;margin-left:56px}
 html[dir="rtl"] .mobile-nav>summary{right:auto;left:0}
 html[dir="rtl"] .mobile-panel .nav-entry>a{margin-right:0;margin-left:44px}
 html[dir="rtl"] .mobile-panel .nav-entry>.nav-group>summary{right:auto;left:0}
}
@media(max-width:700px){
 html[dir="rtl"] .header-utility{margin-left:52px}
 html[dir="rtl"] .language-options{left:-44px}
 html[dir="rtl"] .supplier-comparison-table th:first-child{right:auto}
}
@media(max-width:500px){
 html[dir="rtl"] .basic-unit-system{margin-right:0}
 html[dir="rtl"] .basic-diagram li+li:before{content:'↓';right:auto;left:calc(50% - 8px)}
}