@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-800.woff') format('woff');font-style:normal;font-weight:800;font-display:swap}
/* Shared language controls and a light-only color system. */
:root{color-scheme:only light;--action:#034dcc;--action-hover:#0340aa;--on-action:#fff;--inverse:#000;--on-inverse:#fff;--panel:var(--paper);--inverse-hover:#292929}
body{background:var(--paper);color:var(--ink)}
.primary,.filter-button.active,.buyer-profile.active,.journey-stop.is-current,.journey-pin.is-current{background:var(--action);border-color:var(--action);color:var(--on-action)}
.primary:hover{background:var(--action-hover)}
.filter-button.active>span,.catalog-controls .filter-button.active>span,.journey-stop.is-current .journey-stop-number,.journey-pin.is-current{color:var(--on-action)}
.dark{background:var(--inverse);color:var(--on-inverse)}
.dark:hover{background:var(--inverse-hover)}
.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.outline:hover{background:var(--ink);color:var(--paper)}
.services-section{background:#06090f;color:#fff}
.service-body .text-link{color:#fff}
.big-cta{background:var(--action);color:#fff}
.big-cta .dark{background:#000;color:#fff}
.big-cta .dark:hover{background:#202020}
.big-cta .button:focus-visible{outline-color:#fff}
.toast{background:var(--ink);color:var(--paper)}
::selection{background:var(--action);color:#fff}
.filter-button,.family-workbench,.industry-board,.readiness-panel,#sourcing-form,.brief-result pre,.buying-study{background-color:var(--panel)}
.technical-lines,.mini-materials .mini-range>span{background:var(--paper)}
.circle-arrow{background:var(--paper);color:var(--ink)}
.sector-subnav{background:var(--paper)}
.globe-label{background:var(--paper);color:var(--ink)}
.form-grid input,.form-grid textarea,.form-grid select{color:var(--ink);background:var(--panel)}
.form-grid select option{color:var(--ink);background:var(--paper)}
/* Photography keeps the approved white background and natural colors. */
.catalog-image.has-category-art,.category-art .sector-cover,.category-image-review article>div,.journey-art{background:#fff}
.journey-pin{background:#fff;color:#000;border-color:#dfe5ed}
.journey-pin.is-current{background:var(--action);color:#fff;border-color:var(--action)}
.journey-route-progress{stroke:var(--action)}
.journey-art :focus-visible{outline-color:var(--action)}

.utility{position:relative;z-index:60;min-height:48px;height:auto;gap:24px;padding-block:2px;background:#000;color:#fff;line-height:1.6}
.utility>a{margin-inline-start:auto;color:#fff}
.site-preferences{display:flex;align-items:center;gap:7px;flex-shrink:0;font-family:Manrope,Arial,sans-serif;letter-spacing:0}
.language-picker{position:relative}
.language-picker>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #ffffff38;border-radius:999px;color:#fff;background:#101010;cursor:pointer;padding:0 13px;font-size:11px;font-weight:600;transition:background 160ms,border-color 160ms}
.language-picker>summary{list-style:none;user-select:none}
.language-picker>summary::marker{content:''}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary:hover:hover,.language-picker[open]>summary{background:#242a35;border-color:#8daee8}
.language-picker>summary:focus-visible:focus-visible{outline-color:#a9c5fa;outline-offset:2px}
.language-picker svg svg{height:18px;width:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.language-chevron{font-size:15px;line-height:1;transition:transform 160ms}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 2*var(--gutter)));max-height:calc(100dvh - 75px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:18px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px #00000030;font-family:Manrope,Arial,sans-serif;z-index:80}
.language-options>p{grid-column:1/-1;padding:2px 7px 10px;font-size:11px;font-weight:400;color:var(--muted);line-height:1.7}
.language-options>a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px;border-radius:9px;font-size:13px;font-weight:500;line-height:1.5}
.language-options>a>span{font-size:9px;color:var(--muted);font-family:Arial,sans-serif}
.language-options>a:hover{background:var(--soft)}
.language-options>a[aria-current="page"]{background:var(--soft);color:var(--blue)}
.language-options>a[aria-current="page"]>span{color:var(--blue);font-size:13px}
.menu-toggle{min-width:44px;width:44px;height:44px;padding:10px}
.site-header,.header-actions,.desktop-nav,.hero-copy,.section-head>div,.sector-hero>div,.journey-information,.family-choices,.family-specimen,.contact-section>div,.spec-row>*{min-width:0}
.header-actions .button{max-width:220px}
.header-actions .button>span{overflow-wrap:anywhere}
.section-head>div:first-child{flex-shrink:1}
.section-head h2,.page-heading h1,.sector-hero h1,.mini-content>strong,.family-choice>span:nth-child(2),.family-specimen h3,.catalog-meta h3,.industry-board h3{overflow-wrap:anywhere}
.sector-subnav{gap:clamp(20px,3vw,55px)}
.footer-bottom{flex-wrap:wrap;line-height:1.8}
.footer-bottom>div{white-space:normal}
.family-choice,.process-tab,.journey-stop{text-align:start}
.readiness-title,.directory-caption{flex-wrap:wrap}
.process-brief h4{text-transform:none}

/* Logical spacing for Arabic; geographic and illustration coordinates stay fixed. */
html[dir="rtl"] body{font-family:Tajawal,Tahoma,Arial,sans-serif}
html[dir="rtl"] :is(h1,h2,h3,h4,.eyebrow,.mono,.button,.family-choice>span,.catalog-meta h3){letter-spacing:0}
html[dir="rtl"] :is(.mono,.eyebrow,.site-preferences,.language-options){font-family:Tajawal,Tahoma,Arial,sans-serif}
html[dir="rtl"] .desktop-nav{margin-left:20px;margin-right:auto}
html[dir="rtl"] .status-dot{margin-right:0;margin-left:10px}
html[dir="rtl"] .globe-wrap{right:auto;left:-5%;direction:ltr}
html[dir="rtl"] .globe-label{direction:rtl;text-align:right}
html[dir="rtl"] .hero-grid{mask-image:linear-gradient(-90deg,transparent 20%,black)}
html[dir="rtl"] .journey-art{direction:ltr}
html[dir="rtl"] .journey-paging button:first-child>svg{transform:none}
html[dir="rtl"] .journey-paging button:last-child>svg{transform:rotate(180deg)}
html[dir="rtl"] .button>svg,html[dir="rtl"] .text-link>svg,html[dir="rtl"] .family-choice>svg,html[dir="rtl"] .mobile-menu>a>svg,html[dir="rtl"] .mega-links>a>svg,html[dir="rtl"] .sector-group-link>svg{scale:-1 1}
html[dir="rtl"] .family-choices{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .family-choice.active:before{left:auto;right:-1px}
html[dir="rtl"] :is(.family-choice>svg,.technical-mark,.paper-square,.packaging-plan i,.readiness-check){margin-left:0;margin-right:auto}
html[dir="rtl"] .sector-group-link>span:nth-child(3){margin-left:0;margin-right:auto}
html[dir="rtl"] .sector-visual-caption{text-align:left}
html[dir="rtl"] .service-body{margin-left:0;margin-right:40px}
html[dir="rtl"] .category-search>input{padding-left:30px;padding-right:0}
html[dir="rtl"] .category-search>svg{right:auto;left:0}
html[dir="rtl"] .article-intro{border-left:0;border-right:2px solid var(--blue);padding-left:0;padding-right:25px}
html[dir="rtl"] .service-detail ul{padding-left:0;padding-right:15px}
html[dir="rtl"] .form-grid input[type="email"],html[dir="rtl"] .form-grid input[name="references"]{direction:ltr;text-align:right}
html[dir="rtl"] .brief-result pre{text-align:right;font-family:Tajawal,Tahoma,Arial,sans-serif}
html[dir="rtl"] .mini-category-board>.sector-symbol{right:auto;left:28px}
html[dir="rtl"] .mini-content{left:65px;right:20px}
html[dir="rtl"] .mini-line{left:auto;right:20px}
html[dir="rtl"] .mini-range>span{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:9px}
html[dir="rtl"] .mini-collection .mini-range>span{border-right:0}
html[dir="rtl"] .research-sources svg{right:auto;left:0}
html[dir="rtl"] .research-sources h3{padding-right:0;padding-left:25px}
html:lang(ja) body{font-family:Manrope,'Yu Gothic',Meiryo,sans-serif}
html:lang(zh) body{font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif}
html:lang(ja) :is(h1,h2,h3,h4,.mono,.eyebrow),html:lang(zh) :is(h1,h2,h3,h4,.mono,.eyebrow){letter-spacing:0;line-height:1.35}
html:lang(ja) .hero h1,html:lang(zh) .hero h1{line-height:1.2}
@media(max-width:1180px){.utility>a{display:none}.desktop-nav{gap:16px}.desktop-nav>a,.nav-trigger{font-size:11px}.header-actions .button{max-width:190px}}
@media(min-width:901px) and (max-width:1100px){.site-header{gap:15px}.desktop-nav{gap:12px;margin-inline:0}.desktop-nav>a,.nav-trigger{font-size:10px}.header-actions .button{max-width:170px;font-size:11px;gap:10px}.header-actions .button>svg{height:28px;width:28px}}
@media(max-width:900px){html[dir="rtl"] .globe-wrap{right:auto;left:-34%}.header-actions .button{max-width:210px}.hero h1{overflow-wrap:anywhere}.sector-subnav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.sector-subnav>a{padding-block:5px}.sector-subnav{scroll-padding-inline:var(--gutter)}}
@media(max-width:600px){.utility{min-height:48px;font-size:7px;letter-spacing:0;gap:10px}.utility>span{max-width:calc(100% - 95px)}.utility .status-dot{margin-inline-end:5px}.site-preferences{gap:5px}.language-picker>summary{padding-inline:10px;gap:6px}.language-options{inset-inline-end:0;padding:13px;gap:3px;border-radius:14px}.language-options>a{font-size:12px;padding:9px}.language-options>p{font-size:10px}.site-header{gap:8px}.header-actions{gap:5px}.header-actions .button{max-width:155px;font-size:10px;padding-inline-start:13px;gap:6px;line-height:1.4}.header-actions .button>svg{width:28px;height:28px;padding:6px}.header-actions .button>span{max-width:105px}html[dir="rtl"] .globe-wrap{right:auto;left:-285px}html[dir="rtl"] .service-body{margin-right:30px}.footer-bottom>span:first-child{max-width:none}.journey-stop{line-height:1.5}.journey-copy{min-height:360px}.mini-content>strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none}}
/* Translated briefing boards grow with their content instead of clipping labels. */
.catalog-image.has-category-board{aspect-ratio:auto;min-height:300px}
.has-category-board .mini-category-board{height:100%;min-height:300px;display:flex;flex-direction:column;gap:0;padding:22px}
.has-category-board .mini-category-board>.sector-symbol{position:static;margin:20px 0 16px;width:32px;height:32px}
.has-category-board .mini-content{position:static;max-width:none;margin:0 0 24px}
.has-category-board .mini-content>strong{font-size:24px;line-height:1.2;max-width:none}
.has-category-board .mini-range{margin-top:16px;gap:7px}
.has-category-board .mini-range>span{font-size:9px;line-height:1.6}
.has-category-board .mini-line{position:static;margin-top:auto;max-width:85%;font-size:7px;line-height:1.7}
html[dir="rtl"] :is(h1,h2,h3,h4){line-height:1.25}
html[dir="rtl"] .hero h1{line-height:1.12}
@media(max-width:600px){.researched-directory .category-grid{grid-template-columns:1fr;gap:38px}.researched-directory .catalog-meta h3{font-size:25px}.researched-directory .researched-card>p{font-size:13px}.has-category-board .mini-category-board{min-height:290px}.catalog-image.has-category-board{min-height:290px}}

.language-options>a[lang="ar"]{font-family:Tajawal,Tahoma,Arial,sans-serif}

/* Arabic: Tajawal ExtraBold letterforms matched to the supplied reference. */
html[dir="rtl"] :is(h1,h2,h3,h4){font-family:Tajawal,Tahoma,Arial,sans-serif;font-weight:800}
html[dir="rtl"] :is(.mono,.eyebrow,.mini-content>strong,.mini-range>span,.engineering-heading h3,.packaging-plan>div>span,.brief-result pre){font-family:Tajawal,Tahoma,Arial,sans-serif}
html[dir="rtl"] :is(.nav-trigger,.desktop-nav>a,.button,.language-picker>summary,.form-grid label){font-weight:700}