/* Shared ATLAS layout with multilingual and accessible interaction support. */
.official .consent-row{display:flex;gap:12px;align-items:flex-start;margin:22px 0;font-size:13px}.official .consent-row input{width:18px;min-width:18px;margin-top:4px}.inquiry-trap{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.official #inquiry-status{overflow-wrap:anywhere;margin-top:18px}.official button:disabled{opacity:.55;cursor:not-allowed}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.industry-card{border:1px solid var(--line);background:var(--pale)}.industry-card img{width:100%;height:150px;object-fit:cover}.industry-card>div{padding:20px}.industry-card h3{font-size:20px;line-height:1.35}.industry-card span{display:block;margin-top:15px;font-size:12px;color:var(--accent)}.industry-card:hover{border-color:var(--accent)}.product-jump{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px;border-block:1px solid var(--line);font-size:12px;box-shadow:0 5px 16px #15375f08}.product-jump>span{color:var(--muted)}.product-jump a{padding:5px 0}.product-jump .request-shortcut{color:var(--accent);font-weight:600}.prose h2[id]{scroll-margin-top:125px}.application-section[id]{scroll-margin-top:20px}.business-profile .specs{max-width:950px}.business-profile .specs a{color:var(--accent)}.enquiry-details{border-block:1px solid var(--line);padding-top:22px;margin-bottom:22px}.enquiry-details select{margin-top:8px}.attachment-note{padding:16px 18px;background:var(--pale);font-size:13px;border-inline-start:3px solid var(--accent)}
@media(max-width:800px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-jump{position:static;gap:10px 18px}.prose h2[id]{scroll-margin-top:20px}}
@media(max-width:560px){.industry-grid{gap:12px}.industry-card img{height:115px}.industry-card>div{padding:14px}.industry-card h3{font-size:17px}.product-jump>span{width:100%}.business-profile .specs>div{grid-template-columns:1fr;gap:8px}}
.official{overflow-wrap:break-word}.official .header-inner{gap:22px}.official nav{gap:18px;white-space:nowrap}.official .header-tools{gap:16px;flex-shrink:0}.languages{position:relative}.languages summary{cursor:pointer;list-style:none;padding:12px 0;white-space:nowrap}.languages summary::-webkit-details-marker{display:none}.languages>div{position:absolute;inset-inline-end:0;top:100%;width:215px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px #15375f20;padding:10px;z-index:25}.languages a{display:block;padding:8px 12px;border-radius:2px;font-size:14px}.languages a:hover,.languages a[aria-current]{background:var(--pale);color:var(--accent)}.official .hero h1{font-size:clamp(40px,4.3vw,65px);line-height:1.1}.official .hero-copy{min-width:0}.official h1,.official h2,.official h3{text-wrap:pretty}.official .hero-visual{height:440px}.official .hero-mini{bottom:0}.official .cta p:not(.eyebrow){color:#c1d2e3;margin-top:20px;max-width:650px}.official .cta h2{font-size:33px}.official .cta .button{max-width:310px}.official .card-actions{flex-wrap:wrap}.official .family-card h3{line-height:1.3}.official .family-card p{font-size:14px}.crumbs{display:flex;gap:12px;flex-wrap:wrap;padding-top:27px;font-size:12px;color:var(--muted)}.crumbs a:hover,.text-link:hover{text-decoration:underline}.prose h2{font-size:28px;line-height:1.25}.prose h2:not(:first-of-type){margin-top:42px}.prose p{font-size:16px;line-height:1.9}.prose .caption{font-size:12px}.official .specs{margin-top:18px}.material-detail{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.material-detail img{height:175px;width:100%;object-fit:contain;mix-blend-mode:multiply}.material-detail .caption{margin-bottom:0}.official .brief ul{padding-inline-start:18px;padding-inline-end:0}.official .story .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.official .story .steps h3{font-size:19px;line-height:1.4}.official .detail-hero figure a{display:block}.official .guides h3{line-height:1.3;font-size:23px}.text-link{display:inline-block;color:var(--accent);font-size:13px;font-weight:600;margin-top:22px}.article-prose{max-width:930px;padding-top:12px}.article-prose section{margin-bottom:45px}.article-prose h2{font-size:29px;line-height:1.3}.article-prose p{line-height:1.95}.article-prose>p{margin-bottom:25px}.official footer .brand{display:inline-block}.official .email{overflow-wrap:anywhere}.official #draft-status{margin-top:20px}.official #email-draft{font-size:14px;line-height:1.75}.official .shortlist-panel li span{min-width:0}.official .shortlist-panel button{flex-shrink:0}.official .button{white-space:normal;text-align:start}.official .add{line-height:1.4}.official .specs dd[dir=ltr]{text-align:start;unicode-bidi:plaintext}.official [dir=ltr]{unicode-bidi:isolate}.official .brand{flex-shrink:0}.official .header-tools .enquiry-link{white-space:nowrap}.official .caption a{color:var(--accent);text-decoration:underline}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:0;line-height:1.4}html[dir=rtl] nav{margin-left:0;margin-right:auto}html[dir=rtl] nav a[aria-current]:after{left:auto;right:0}html[dir=rtl] .header-tools{margin-left:0}html[dir=rtl] .hero-mini{right:auto;left:0}html[dir=rtl] .product-image>span{left:auto;right:12px}html[dir=rtl] .story-image>span{left:auto;right:20px}html[dir=rtl] .about-wide>span{left:auto;right:75px}html[dir=rtl] .skip{left:auto;right:15px}html[dir=rtl] .filters .reset{text-align:right}html[lang=th] body{font-family:Tahoma,"Leelawadee UI",Arial,sans-serif}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{line-height:1.45;letter-spacing:0}html[lang=th] .eyebrow{letter-spacing:0}
@media(max-width:1220px){.official nav{gap:12px;font-size:12px}.official .header-inner{gap:16px}.official .brand-mark{display:none}.official .brand{font-size:21px}.official .enquiry-link{padding:11px 12px}.official .header-tools{gap:13px}}
@media(min-width:801px) and (max-width:1090px){.official .header-inner{height:110px;flex-wrap:wrap;justify-content:space-between;gap:0}.official nav{order:3;width:100%;justify-content:center;margin:0;padding-bottom:10px}.official .header-tools{margin-inline-start:auto}.official .brand{padding-top:8px}.official .header-tools{padding-top:8px}}
@media(max-width:800px){.official .header-inner{gap:14px}.official nav{white-space:normal;gap:8px;font-size:14px}.official .header-tools{margin-inline-start:auto}.official .hero h1{font-size:42px}.official .hero-visual{height:320px}.official .cta{align-items:flex-start}.official .cta h2{font-size:28px}.official .cta .button{flex-shrink:1}.official .contact-layout{grid-template-columns:1fr;gap:30px}.official .three-columns{grid-template-columns:1fr}.official .detail-information{grid-template-columns:1.3fr 1fr;gap:28px}}
@media(max-width:560px){.official .header-inner{gap:10px}.official .brand{font-size:18px}.official .brand small{font-size:7px}.official .header-tools{gap:9px;font-size:11px}.official .enquiry-link{font-size:10px;padding:10px 8px}.official .header-tools [data-count]{margin:0 2px}.official .menu-toggle{font-size:0;min-width:25px}.official .menu-toggle:after{content:'☰';font-size:21px}.official .hero h1{font-size:42px}.official .hero-visual{height:270px}.official .hero-mini{width:135px}.official .hero-mini img{height:80px}.official .family-grid{grid-template-columns:1fr}.official .family-card{display:grid;grid-template-columns:100px 1fr;gap:8px 18px;padding:20px}.official .family-card img{grid-column:1;grid-row:1/4;margin:0;height:125px}.official .family-card .serial,.official .family-card h3,.official .family-card p{grid-column:2;margin:0}.official .family-card h3{font-size:19px}.official .family-card p{font-size:13px}.official .detail-hero h1{font-size:35px}.official .detail-information{grid-template-columns:1fr}.official .card-actions{flex-wrap:wrap;gap:12px}.official .card-actions a,.official .add{font-size:13px}.official .prose h2{font-size:26px}.official .cta h2{font-size:28px}.official .cta .button{max-width:100%}.official .article-prose h2{font-size:26px}.official .contact-layout form{padding-top:0;border:0}.official .crumbs{font-size:11px}.official .languages>div{inset-inline-end:-55px}.official .steps h3{font-size:19px;line-height:1.35}.official .steps p{font-size:14px}html[dir=rtl] .about-wide>span{right:35px}.official .shortlist-panel{padding:20px}}
@media print{.languages,.crumbs,.actions,.material-detail,.shortlist-panel{display:none}.official .detail-information{display:block}.official .brief{margin-top:25px}.official .prose p{font-size:11pt}.official .hero h1{font-size:28pt}}

/* Preserve the complete user-supplied application images, including portrait photos. */
.official .product-image img.supplied-application,.official .industry-card img.supplied-application{object-fit:contain;background:#fff}.official .product-card:hover .product-image img.supplied-application{transform:none}
/* News listing and long-form editorial pages. */
.news-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.news-section-heading h2{font-size:32px;line-height:1.3}.news-section-heading .eyebrow{margin-bottom:16px}.news-section-heading>.text-link{flex-shrink:0}.news-grid,.news-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.news-list{padding-bottom:90px}.news-card{border:1px solid var(--line);background:white;min-width:0}.news-card-image{display:block;background:var(--pale);padding:20px}.news-card-image img{width:100%;height:260px;object-fit:contain}.news-card-copy{padding:28px}.news-card h3{font-size:25px;line-height:1.45;margin:18px 0}.news-card-copy>p{font-size:15px;line-height:1.85;color:var(--muted)}.news-meta{display:flex;gap:12px 18px;flex-wrap:wrap;font-size:12px;color:var(--muted);align-items:center}.news-meta>span:first-child{color:var(--accent)}.news-meta time{direction:ltr;unicode-bidi:isolate}.news-language{padding:3px 8px;border:1px solid var(--line)}.news-notice{padding:16px 20px;background:var(--pale);border-inline-start:3px solid var(--accent);margin-bottom:28px}.news-article{padding-top:40px}.news-article-header{z-index:auto;border:0;background:none;max-width:900px;padding-bottom:36px}.news-article-header h1{font-size:clamp(32px,4vw,54px);line-height:1.25;margin:20px 0}.news-deck{font-size:19px;color:var(--muted);line-height:1.8;margin:25px 0}.news-cover{margin:0 0 48px;background:var(--pale);padding:24px}.news-cover img{width:100%;height:380px;object-fit:contain;background:white}.news-cover figcaption,.news-inline-image figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px}.news-reading-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:60px;align-items:start}.news-toc{position:sticky;top:24px;border-block-start:3px solid var(--accent);padding:22px;background:var(--pale);font-size:13px}.news-toc>p{font-weight:700;margin-bottom:15px}.news-toc ol{padding-inline-start:18px}.news-toc li{margin:14px 0;line-height:1.7}.news-toc a:hover{color:var(--accent)}.news-prose{font-size:17px;line-height:1.95;min-width:0}.news-lead{font-size:19px;color:var(--navy);margin-bottom:40px}.news-prose section{margin-bottom:44px;scroll-margin-top:25px}.news-prose h2{font-size:28px;line-height:1.45;margin-bottom:20px}.news-prose p{margin-bottom:20px}.news-prose ul{padding-inline-start:24px}.news-prose li{margin-bottom:12px}.news-inline-image{margin:30px 0;background:var(--pale);padding:20px}.news-inline-image img{width:100%;height:260px;object-fit:contain;background:white}.news-article-cta{padding:30px;background:var(--pale);border-inline-start:3px solid var(--accent);margin:40px 0}.news-related{max-width:850px}.news-card a:focus-visible,.news-toc a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:801px) and (max-width:1280px){.official .header-inner{height:auto;min-height:110px;flex-wrap:wrap;justify-content:space-between;gap:0}.official nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin:0;padding:12px 0;white-space:normal}.official .header-tools{margin-inline-start:auto;padding-top:8px}.official .brand{padding-top:8px}}
@media(max-width:900px){.news-reading-layout{grid-template-columns:1fr;gap:30px}.news-toc{position:static}.news-cover img{height:300px}.news-card-image img{height:210px}}
@media(max-width:600px){.news-grid,.news-related{grid-template-columns:1fr}.news-section-heading{display:block}.news-card-copy{padding:22px}.news-card h3{font-size:23px}.news-article-header h1{font-size:32px}.news-cover{padding:14px}.news-cover img{height:240px}.news-prose{font-size:16px}.news-prose h2{font-size:25px}.news-deck,.news-lead{font-size:17px}.news-article-cta{padding:22px}.news-section-heading h2{font-size:28px}}
@media print{.news-toc{display:none}.news-reading-layout{display:block}.news-cover img{height:200px}.news-prose{font-size:11pt}}
@media print{.news-article-header{display:block}}

/* Company gallery: preserve the vertical composition of company photos. */
.company-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.company-gallery-grid figure{margin:0;background:#f4f7fa;border:1px solid #e0e7ef;overflow:hidden}
.company-gallery-frame{aspect-ratio:4/5;overflow:hidden}
.company-gallery-grid .company-gallery-photo{display:block;width:100%;height:100%;object-fit:cover}
.company-gallery-grid figure:nth-child(2) img{object-position:50% 55%}
.company-gallery-grid figure:nth-child(3) img{object-position:35% 44%;transform:scale(1.28);transform-origin:0 48%}
.company-gallery-grid figcaption{padding:25px}
.company-gallery-grid h3{margin:12px 0;font-size:23px}
.company-gallery-grid p{margin:0;color:#657488;line-height:1.8;font-size:14px}
.company-gallery .gallery-note{margin-top:20px;max-width:850px}
@media(max-width:700px){.company-gallery-grid{grid-template-columns:1fr;gap:24px}.company-gallery-frame{aspect-ratio:4/3}.company-gallery-grid figure:nth-child(2) img{object-fit:contain;background:#121820}.company-gallery-grid figcaption{padding:20px}.company-gallery-grid h3{font-size:21px}}

/* Supporting supply is a distinct catalog beside the four compound families. */
.supply-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:70px;padding-bottom:60px;align-items:center}
.supply-hero h1{font-size:clamp(38px,4vw,60px);margin:24px 0;line-height:1.15}
.supply-hero p{line-height:1.9}.supply-hero img{width:100%;height:370px;object-fit:cover;border-radius:3px}
.supply-hero figcaption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}
.supply-badge{display:inline-block;padding:6px 12px;background:#eaf3fa;border:1px solid #cbdeed;color:var(--navy);font-size:12px}
.supply-tabs{display:flex;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:24px;border-block-end:1px solid var(--line)}
.supply-tabs a{padding:10px 16px;background:var(--pale);border:1px solid var(--line);font-size:14px}
.supply-tabs a[aria-current]{color:#fff;background:var(--navy);border-color:var(--navy)}
.supply-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:30px;padding-bottom:20px}
.supply-jump a{border-block-end:2px solid var(--accent);padding:15px 0;font-size:15px;line-height:1.6}
.supply-jump span{display:block;font-size:11px;color:var(--accent);margin-bottom:8px}
.supply-group{scroll-margin-top:25px;padding-top:60px;padding-bottom:30px}.supply-group .section-heading{margin-bottom:28px}
.supply-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.supply-card{display:flex;flex-direction:column;min-width:0}.supply-card .product-body{display:flex;flex-direction:column;flex:1}.supply-card .card-actions{margin-top:auto;padding-top:24px}.supply-card .product-body>p{margin-bottom:25px;line-height:1.8}
.supply-photo{background:#eef2f6;display:block;padding:16px}.supply-photo img{width:100%;height:240px;object-fit:contain}
.supply-detail .supply-badge{margin-bottom:22px}.official .supply-detail figure img{height:390px;object-fit:contain;mix-blend-mode:normal}
.supply-detail figcaption{line-height:1.8}.supply-checklist{padding-inline-start:24px;color:var(--muted);line-height:1.9}.supply-checklist li{margin:12px 0}
.supply-note{border-inline-start:3px solid var(--accent);background:var(--pale);padding:18px;font-size:14px!important}
.supply-docs>p{max-width:900px;line-height:1.9;margin-bottom:25px}
.supply-banner{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-top:45px;padding-bottom:45px;background:var(--pale);border-block:1px solid var(--line);margin-top:50px;margin-bottom:30px}
.supply-banner h2{font-size:30px;line-height:1.35}.supply-banner p{max-width:720px}.supply-banner>.button{flex-shrink:0;max-width:320px}
@media(min-width:801px){.official .header-inner{height:auto;min-height:110px;flex-wrap:wrap;justify-content:space-between;gap:0}.official nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;margin:0;padding:12px 0;white-space:normal}.official .header-tools{margin-inline-start:auto;padding-top:8px}.official .brand{padding-top:8px}}
@media(max-width:900px){.supply-hero{gap:35px}.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supply-banner{align-items:flex-start;flex-direction:column}.supply-hero img{height:300px}}
@media(max-width:600px){.supply-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px}.supply-hero h1{font-size:37px}.supply-hero img{height:260px}.supply-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.supply-grid{grid-template-columns:1fr}.supply-photo img{height:260px}.supply-group{padding-top:42px}.supply-banner{margin-top:25px;gap:25px}.supply-banner h2{font-size:27px}.official .supply-detail figure img{height:300px}}
