/* Corporate materials website. Load after legacy content styles.
 * Shared shell: body.corporate-site; .utility > .wrap; header.wrap.header;
 * .logo; nav; preserved .vn-language-switch; footer.corporate-footer.
 * New home/catalogue main: .corporate-main-full. Existing content main:
 * .corporate-content, preserving its original classes and IDs.
 * The reviewed homepage and compact catalogue rules below are scoped to this
 * body class so the legacy source site and separate auto-care site stay isolated.
 */
body.corporate-site {--blue:#075a9d;--navy:#123c63;--ink:#203448;--muted:#617183;--line:#dce3e9;--pale:#f3f6f9}
.corporate-site * {box-sizing:border-box}
body.corporate-site {margin:0;color:var(--ink);background:white;font:15px/1.6 Arial,'PingFang SC','Microsoft YaHei',sans-serif}
.corporate-site a {color:inherit;text-decoration:none}
.corporate-site button, .corporate-site input, .corporate-site select {font:inherit}
.corporate-site button, .corporate-site a, .corporate-site summary {-webkit-tap-highlight-color:transparent}
.corporate-site button {cursor:pointer}
.corporate-site a:hover {color:var(--blue)}
.corporate-site button:focus-visible, .corporate-site a:focus-visible, .corporate-site input:focus-visible, .corporate-site select:focus-visible, .corporate-site summary:focus-visible {outline:3px solid #3896d9;outline-offset:3px}
.corporate-site [hidden] {display:none!important}
.corporate-site .wrap {width:calc(100% - 96px);max-width:1280px;margin:0 auto}
.corporate-site .utility {background:#f1f4f7;border-bottom:1px solid #e4e9ee;color:#596d7e;font-size:12px}
.corporate-site .utility .wrap {display:flex;justify-content:space-between;gap:20px;padding:7px 0}
.corporate-site .utility a {color:#435a6d}
.corporate-site .utility a span {margin-left:8px}
.corporate-site .header {height:98px;display:flex;align-items:center;gap:28px}
.corporate-site .logo {flex-shrink:0}
.corporate-site .logo img {width:214px;height:auto;display:block}
.corporate-site .header nav {display:flex;align-items:center;justify-content:flex-end;gap:28px;margin-left:auto;height:100%}
.corporate-site .header nav a {height:100%;display:flex;align-items:center;font-weight:500;border-bottom:3px solid transparent;white-space:nowrap}
.corporate-site .header nav a[aria-current] {color:var(--blue);border-color:var(--blue)}
.corporate-site .language {border-left:1px solid var(--line);padding-left:25px;font-size:13px;white-space:nowrap}
.corporate-site .language span {margin-left:9px}
.corporate-site h1, .corporate-site h2, .corporate-site h3, .corporate-site p {margin:0}
.corporate-site h1 {font-size:36px;line-height:1.35;font-weight:600}
.corporate-site h2 {font-size:28px;line-height:1.45;font-weight:600}
.corporate-site h3 {font-size:20px;line-height:1.45;font-weight:600}
.corporate-site .page-banner {background:var(--navy);color:#fff}
.corporate-site .page-banner>.wrap {display:flex;align-items:center;justify-content:space-between;padding:23px 0 27px;gap:30px}
.corporate-site .page-banner p:first-child {font-size:13px;color:#c0d3e4;margin-bottom:6px}
.corporate-site .page-banner h1 {font-size:32px;line-height:1.4}
.corporate-site .banner-description {font-size:15px;line-height:1.8;color:#e3ebf2;text-align:right}
.corporate-site .catalog-layout {display:grid;grid-template-columns:242px minmax(0,1fr);gap:30px;padding-top:30px;padding-bottom:48px}
.corporate-site .sidebar {min-width:0;align-self:start}
.corporate-site .sidebar>details {border:1px solid var(--line)}
.corporate-site .sidebar>details>summary {display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:white;font-size:19px;font-weight:600;list-style:none;padding:14px 18px;cursor:pointer}
.corporate-site .sidebar>details>summary span {display:none}
.corporate-site .sidebar summary::-webkit-details-marker {display:none}
.corporate-site .tree {max-height:750px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccd7df white;padding-bottom:4px}
.corporate-site .category {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-left:3px solid transparent;background:white;color:#4a5a6a;text-align:left;padding:8px 17px;font-size:14px;line-height:1.5}
.corporate-site .category>span {font-size:12px;color:#7a8a99}
.corporate-site .category.all {font-weight:600;padding:12px 15px;font-size:15px;border-bottom:1px solid var(--line)}
.corporate-site .category.parent {font-size:13px;color:#697e8f;padding-bottom:9px}
.corporate-site .category[aria-pressed=true] {background:#eaf3fa;border-left-color:var(--blue);color:var(--blue);font-weight:600}
.corporate-site .category:hover {background:#f0f5f9}
.corporate-site .tree-group {border-top:1px solid var(--line)}
.corporate-site .tree-group>summary {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#f5f7f9;font-weight:600;font-size:15px;list-style:none;cursor:pointer}
.corporate-site .tree-group>summary>span {display:flex;gap:12px;align-items:center;color:#778897;font-size:12px;font-weight:400}
.corporate-site .tree-group>summary b {font-size:16px;font-weight:400}
.corporate-site .tree-group:not([open])>summary b {transform:rotate(-90deg)}
.corporate-site .side-support {background:#f2f6fa;border:1px solid var(--line);padding:20px;margin-top:22px}
.corporate-site .side-support h3 {font-size:17px;margin-bottom:8px}
.corporate-site .side-support p {font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:13px}
.corporate-site .side-support a {color:var(--blue);font-size:14px;font-weight:600}
.corporate-site .results {min-width:0;scroll-margin-top:22px}
.corporate-site .results-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px}
.corporate-site .results-heading h2 {font-size:23px}
.corporate-site .results-heading form {display:flex;min-width:0;width:440px;max-width:60%;height:43px}
.corporate-site .results-heading input {border:1px solid #b7c5d2;border-right:0;border-radius:0;width:100%;min-width:0;background:#fff;padding:10px 13px;color:var(--ink);font-size:14px}
.corporate-site .results-heading button {border:1px solid var(--blue);background:var(--blue);color:white;min-width:70px;padding:8px 16px;font-size:14px}
.corporate-site .results-meta {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;color:var(--muted);font-size:13px}
.corporate-site .results-meta>div {display:flex;align-items:center;gap:9px}
.corporate-site .results-meta label {display:flex;align-items:center;gap:8px;margin-right:8px}
.corporate-site .results-meta select {padding:4px 8px;border:1px solid #d1dbe3;background:white;border-radius:0;color:#516577}
.corporate-site .results-meta button {border:1px solid #d1dbe3;background:white;color:var(--blue);font-size:18px;width:28px;height:29px;line-height:1;padding:0}
.corporate-site .results-meta button:disabled {color:#bbc5cd;background:#f7f9fb}
.corporate-site .page-count {color:#40586d;white-space:nowrap}
.corporate-site .product-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.corporate-site .product {display:flex;flex-direction:column;border:1px solid #d7e0e8;background:#fff;padding:17px 20px 0;min-width:0;transition:border-color .15s}
.corporate-site .product:hover {border-color:#4487b6}
.corporate-site .product-head {display:flex;justify-content:space-between;align-items:center;gap:14px}
.corporate-site .model {color:var(--blue);font-size:17px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.corporate-site .family {color:#6c7f8f;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.corporate-site .product h3 {font-size:20px;line-height:1.45;margin:5px 0 13px;overflow-wrap:anywhere}
.corporate-site .product dl {margin:0 0 9px;display:flex;flex-direction:column;gap:4px}
.corporate-site .product dl>div {display:flex;justify-content:space-between;gap:18px;font-size:13px;line-height:1.7}
.corporate-site .product dt {color:#70808f;min-width:0;overflow-wrap:anywhere}
.corporate-site .product dd {margin:0;font-size:14px;color:#334d62;font-weight:500;text-align:right;overflow-wrap:anywhere;max-width:66%}
.corporate-site .application {font-size:14px;line-height:1.65;color:#566b7c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;margin-bottom:13px}
.corporate-site .card-actions {border-top:1px solid #e5ebef;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding:12px 0;font-size:14px;font-weight:500;color:var(--blue)}
.corporate-site .card-actions>a:first-child {display:flex;align-items:center;gap:15px}
.corporate-site .card-actions>a:last-child {font-size:13px;color:#5b7083}
.corporate-site .card-actions a:hover {text-decoration:underline}
.corporate-site .bottom-pagination {display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:25px}
.corporate-site .bottom-pagination button {background:white;color:var(--blue);border:1px solid var(--line);padding:7px 15px}
.corporate-site .bottom-pagination button:disabled {color:#b6c0c8}
.corporate-site .empty {padding:60px 20px;border:1px solid var(--line);text-align:center;color:var(--muted)}
.corporate-site .footer-contact {background:#edf3f8;border-top:1px solid #d9e4ed}
.corporate-site .footer-contact>.wrap {padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.corporate-site .footer-contact h2 {font-size:23px;margin-bottom:6px}
.corporate-site .footer-contact p {color:#617486;font-size:14px}
.corporate-site .footer-contact .button.white {background:var(--blue);color:white;border-color:var(--blue);flex-shrink:0}
.corporate-site .footer-bottom {display:flex;align-items:center;gap:30px;padding:26px 0;color:#738494;font-size:12px}
.corporate-site .footer-bottom strong {font-size:20px;color:var(--navy)}
.corporate-site .footer-bottom>a {margin-left:auto}
.corporate-site .button {display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:12px 21px;font-size:15px;font-weight:600;border:1px solid var(--blue);color:white;background:var(--blue)}
.corporate-site .button.white {background:#fff;color:var(--blue);border-color:#fff}
.corporate-site .button:hover {filter:brightness(.97)}
.corporate-site .home-hero {background:var(--navy);color:white}
.corporate-site .hero-layout {display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:390px}
.corporate-site .hero-copy {padding:50px 46px 45px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.corporate-site .kicker {font-size:13px;color:#c1d7e9;letter-spacing:1px;margin-bottom:15px}
.corporate-site .hero-copy h1 {font-size:40px;line-height:1.38;font-weight:600;margin-bottom:18px}
.corporate-site .hero-copy>p:not(.kicker) {font-size:15px;line-height:1.85;color:#d9e5ef}
.corporate-site .hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}
.corporate-site .hero-actions>a:last-child {font-size:14px;color:#e6eef5}
.corporate-site .hero-photo {position:relative;min-width:0}
.corporate-site .hero-photo>img {display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.corporate-site .hero-photo>span {position:absolute;bottom:18px;left:20px;background:#0c355ae6;color:#fff;padding:7px 12px;font-size:12px;letter-spacing:.3px}
.corporate-site .section {padding-top:40px;padding-bottom:42px}
.corporate-site .section-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}
.corporate-site .section-heading h2 {font-size:27px;margin-bottom:7px}
.corporate-site .section-heading p {color:var(--muted);font-size:14px}
.corporate-site .text-link {color:var(--blue);font-weight:500;font-size:14px;white-space:nowrap}
.corporate-site .portfolio {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.corporate-site .portfolio>a {border:1px solid var(--line);border-top:3px solid var(--blue);padding:22px 24px;background:white;display:flex;flex-direction:column}
.corporate-site .portfolio h3 {font-size:23px;margin-bottom:3px}
.corporate-site .portfolio a>div>span {font-size:12px;letter-spacing:.5px;color:#7990a3}
.corporate-site .portfolio p {font-size:14px;line-height:1.85;color:#607587;margin:13px 0 20px}
.corporate-site .portfolio b {display:flex;justify-content:space-between;font-size:14px;font-weight:500;color:var(--blue);margin-top:auto}
.corporate-site .portfolio b>span {font-size:19px}
.corporate-site .portfolio a:hover {border-color:#73a2c5}
.corporate-site .application-section {background:#f4f7fa;border-top:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0}
.corporate-site .applications {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.corporate-site .applications>a {background:#fff;border:1px solid var(--line)}
.corporate-site .applications img {width:100%;height:155px;object-fit:cover;display:block}
.corporate-site .applications h3 {font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px}
.corporate-site .applications h3>span {color:var(--blue)}
.corporate-site .resource-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.corporate-site .resource-row>a {display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:20px;font-size:16px}
.corporate-site .resource-row strong {font-weight:500}
.corporate-site .resource-row b {margin-left:auto;color:var(--blue)}
.corporate-site .document-icon {font-size:25px;color:var(--blue)}
.corporate-site .sr-only {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:1200px) {
  .corporate-site .header {gap:20px}
  .corporate-site .logo img {width:185px}
  .corporate-site .header nav {gap:18px;font-size:14px}
  .corporate-site .language {padding-left:18px}
  .corporate-site .catalog-layout {grid-template-columns:220px minmax(0,1fr);gap:24px}
  .corporate-site .product-head {display:block}
  .corporate-site .family {display:block;margin-top:2px}
  .corporate-site .product h3 {font-size:18px}
  .corporate-site .hero-copy h1 {font-size:34px}
  .corporate-site .hero-copy {padding-right:26px}
  .corporate-site .hero-actions {gap:18px}
  .corporate-site .hero-actions .button {gap:25px}
  .corporate-site .resource-row>a {font-size:14px;padding:17px;gap:10px}
}
@media(max-width:1000px) {
  .corporate-site .wrap {width:calc(100% - 48px)}
  .corporate-site .header {flex-wrap:wrap;gap:0 20px;height:auto;padding-top:19px}
  .corporate-site .logo img {width:190px}
  .corporate-site .language {margin-left:auto;border:0;padding:0}
  .corporate-site .header nav {order:3;width:100%;justify-content:flex-start;gap:26px;margin:12px 0 0;height:47px}
  .corporate-site .header nav a {height:47px}
  .corporate-site .catalog-layout {grid-template-columns:205px minmax(0,1fr);gap:23px}
  .corporate-site .results-heading {align-items:flex-start;flex-direction:column;gap:13px}
  .corporate-site .results-heading form {width:100%;max-width:none}
  .corporate-site .results-meta {align-items:flex-start;flex-direction:column;gap:10px}
  .corporate-site .results-meta>div {width:100%;justify-content:flex-end}
  .corporate-site .results-meta>div label {margin-right:auto}
  .corporate-site .product dl>div {flex-direction:column;gap:0}
  .corporate-site .product dd {text-align:left;max-width:100%}
  .corporate-site .hero-copy h1 {font-size:31px}
  .corporate-site .hero-copy {padding:35px 25px 35px 0}
  .corporate-site .hero-copy>p:not(.kicker) {font-size:14px}
  .corporate-site .hero-layout {min-height:360px}
  .corporate-site .portfolio {gap:18px}
  .corporate-site .portfolio>a {padding:19px}
  .corporate-site .portfolio h3 {font-size:21px}
  .corporate-site .applications {gap:18px}
  .corporate-site .applications h3 {font-size:15px;padding:12px}
  .corporate-site .applications img {height:135px}
}
@media(max-width:800px) {
  .corporate-site .catalog-layout {grid-template-columns:minmax(0,1fr);gap:24px}
  .corporate-site .sidebar .side-support {display:none}
  .corporate-site .sidebar>details>summary {font-size:16px;padding:12px 16px}
  .corporate-site .sidebar>details>summary span {display:block}
  .corporate-site .tree {max-height:400px}
  .corporate-site .results-heading {flex-direction:row;align-items:center}
  .corporate-site .results-heading form {max-width:65%}
  .corporate-site .results-meta {flex-direction:row;align-items:center}
  .corporate-site .results-meta>div {width:auto}
  .corporate-site .page-banner>.wrap {padding:22px 0}
  .corporate-site .page-banner h1 {font-size:28px}
  .corporate-site .banner-description {font-size:13px}
  .corporate-site .product-head {display:flex}
  .corporate-site .product dl>div {flex-direction:row;gap:15px}
  .corporate-site .product dd {text-align:right;max-width:65%}
  .corporate-site .hero-layout {grid-template-columns:minmax(0,1fr)}
  .corporate-site .hero-copy {padding:35px 0}
  .corporate-site .hero-photo {height:250px}
  .corporate-site .hero-copy h1 {font-size:37px}
  .corporate-site .hero-copy>p:not(.kicker) {font-size:15px}
  .corporate-site .portfolio {grid-template-columns:minmax(0,1fr)}
  .corporate-site .portfolio>a {padding:20px}
  .corporate-site .portfolio>a>div {display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
  .corporate-site .portfolio p {margin:9px 0 15px}
  .corporate-site .applications {grid-template-columns:repeat(2,minmax(0,1fr))}
  .corporate-site .resource-row {grid-template-columns:minmax(0,1fr);gap:12px}
  .corporate-site .footer-contact>.wrap {align-items:flex-start;flex-direction:column;gap:18px}
  .corporate-site .footer-bottom {flex-wrap:wrap;gap:12px 20px}
  .corporate-site .footer-bottom>a {margin-left:0}
  .corporate-site .footer-bottom>span {flex-basis:100%;order:3}
  .corporate-site .section-heading {align-items:flex-start;flex-wrap:wrap;gap:14px}
  .corporate-site .section-heading h2 {font-size:25px}
}
@media(max-width:520px) {
  .corporate-site .wrap {width:calc(100% - 36px)}
  .corporate-site .utility .wrap {padding:6px 0;font-size:11px}
  .corporate-site .utility a {display:none}
  .corporate-site .header {padding-top:16px}
  .corporate-site .logo img {width:174px}
  .corporate-site .language {font-size:12px}
  .corporate-site .header nav {font-size:13px;gap:20px;flex-wrap:wrap;height:auto;padding:0 0 9px;row-gap:0}
  .corporate-site .header nav a {height:35px}
  .corporate-site .page-banner>.wrap {padding:19px 0 23px;display:block}
  .corporate-site .banner-description {text-align:left;margin-top:10px;font-size:13px}
  .corporate-site .banner-description br {display:none}
  .corporate-site .page-banner p:first-child {font-size:12px}
  .corporate-site .page-banner h1 {font-size:27px}
  .corporate-site .catalog-layout {padding-top:22px;gap:22px}
  .corporate-site .results-heading {display:block;margin-bottom:13px}
  .corporate-site .results-heading h2 {font-size:23px;margin-bottom:13px}
  .corporate-site .results-heading form {max-width:none;height:44px}
  .corporate-site .results-heading input {font-size:16px}
  .corporate-site .results-meta {align-items:flex-start;flex-direction:column;gap:12px}
  .corporate-site .results-meta>div {width:100%}
  .corporate-site .results-meta>div label {margin-right:auto}
  .corporate-site .product-grid {grid-template-columns:minmax(0,1fr);gap:16px}
  .corporate-site .product {padding:18px 18px 0}
  .corporate-site .product h3 {font-size:20px}
  .corporate-site .product dl>div {font-size:13px}
  .corporate-site .family {max-width:48%;font-size:12px;margin:0}
  .corporate-site .application {min-height:0;margin-bottom:16px}
  .corporate-site .hero-copy h1 {font-size:32px}
  .corporate-site .hero-copy>p:not(.kicker) {font-size:14px}
  .corporate-site .kicker {font-size:11px}
  .corporate-site .hero-actions {gap:17px;margin-top:22px}
  .corporate-site .hero-actions>a:last-child {font-size:13px}
  .corporate-site .hero-photo {height:210px}
  .corporate-site .section {padding-top:30px;padding-bottom:32px}
  .corporate-site .applications {gap:14px}
  .corporate-site .applications img {height:110px}
  .corporate-site .applications h3 {font-size:14px;padding:12px}
  .corporate-site .section-heading h2 {font-size:24px}
  .corporate-site .section-heading p {font-size:14px}
  .corporate-site .portfolio h3 {font-size:22px}
  .corporate-site .footer-contact h2 {font-size:22px}
  .corporate-site .footer-contact p {font-size:14px}
  .corporate-site .footer-bottom {padding:23px 0}
  .corporate-site .button {font-size:14px;padding:11px 17px}
  .corporate-site .side-support p {font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
  .corporate-site * {scroll-behavior:auto!important;transition:none!important}
}
.corporate-site .hero-layout {height:400px;min-height:400px}
.corporate-site .hero-copy {padding-top:35px;padding-bottom:35px}
.corporate-site .hero-copy h1 {font-size:38px}
.corporate-site .hero-scenes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;overflow:hidden;padding:4px 0 4px 4px}
.corporate-site .hero-scenes>div {position:relative;min-width:0;min-height:0;overflow:hidden}
.corporate-site .hero-scenes img {display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}
.corporate-site .hero-scenes span {position:absolute;left:0;bottom:0;background:#102f50e8;color:#fff;padding:6px 12px;font-size:12px;line-height:1.6}
.corporate-site .about-strip {background:#fff;border-top:1px solid var(--line)}
.corporate-site .about-strip>.wrap {display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding-top:32px;padding-bottom:35px}
.corporate-site .about-strip h2 {font-size:25px}
.corporate-site .about-strip>.wrap>div:first-child>p {font-size:12px;color:var(--blue);letter-spacing:1px;margin-bottom:6px}
.corporate-site .about-strip>.wrap>div:last-child>p {font-size:15px;color:#5b7083;line-height:1.85;margin-bottom:12px}
@media(max-width:1000px) {
  .corporate-site .hero-copy h1 {font-size:32px}
  .corporate-site .hero-layout {height:390px;min-height:390px}
}
@media(max-width:800px) {
  .corporate-site .hero-layout {height:auto;min-height:0}
  .corporate-site .hero-scenes {height:320px;padding:0 0 4px}
  .corporate-site .hero-copy h1 {font-size:37px}
  .corporate-site .about-strip>.wrap {grid-template-columns:minmax(0,1fr);gap:15px}
  .corporate-site .hero-copy {padding:32px 0}
}
@media(max-width:520px) {
  .corporate-site .hero-copy h1 {font-size:32px}
  .corporate-site .hero-scenes {height:245px}
  .corporate-site .hero-scenes span {font-size:11px;padding:5px 8px}
  .corporate-site .about-strip h2 {font-size:24px}
  .corporate-site .about-strip>.wrap {padding-top:28px;padding-bottom:28px}
  .corporate-site .about-strip>.wrap>div:last-child>p {font-size:14px}
}
@media(min-width:801px) {
  .corporate-site .sidebar {position:sticky;
    top:20px;
    max-height:calc(100vh - var(--sidebar-top, 284px) - 20px);
    max-height:calc(100dvh - var(--sidebar-top, 284px) - 20px);
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
    scrollbar-color:#90a9be #f3f6f9;
    scrollbar-gutter:stable;}
  .corporate-site .sidebar .tree {max-height:none;overflow:visible}
  .corporate-site .sidebar>details>summary {position:sticky;top:0;z-index:1}
  .corporate-site .sidebar:focus-visible {outline:3px solid #3896d9;outline-offset:3px}
}
@media(max-width:800px) {
  .corporate-site .tree {max-height:min(400px,55dvh);overscroll-behavior-y:contain}
}
body.corporate-site {font-size:16px}
.corporate-site .header nav {font-size:16px}
.corporate-site .language {font-size:15px}
.corporate-site .results {container-type:inline-size}
.corporate-site .results-heading h2 {font-size:25px}
.corporate-site .results-heading input, .corporate-site .results-heading button {font-size:16px}
.corporate-site .results-heading form {height:46px}
.corporate-site .results-meta {font-size:15px}
.corporate-site .results-meta select {font-size:15px}
.corporate-site .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.corporate-site .product {padding:0;min-width:0;display:block}
.corporate-site .product-link {display:flex;flex-direction:column;height:100%;color:var(--ink)}
.corporate-site .product-link:hover {color:var(--ink);background:#fbfdff}
.corporate-site .product-link:focus-visible {outline:3px solid #3896d9;outline-offset:3px}
.corporate-site .product-media {position:relative;display:block;height:116px;background:#f3f6f8;border-bottom:1px solid #e5ebef;overflow:hidden}
.corporate-site .product-media img {display:block;width:100%;height:100%;object-fit:contain}
.corporate-site .image-caption {position:absolute;right:6px;bottom:4px;padding:1px 5px;background:#fffffff0;color:#647688;font-size:11px;line-height:1.5}
.corporate-site .product-copy {display:flex;flex-direction:column;flex:1;padding:13px 14px 12px;min-width:0}
.corporate-site .product .model {font-size:17px;line-height:1.5}
.corporate-site .product h3 {font-size:18px;line-height:1.5;margin:5px 0 10px;min-height:54px;overflow-wrap:anywhere;font-weight:600}
.corporate-site .product-category {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--blue)}
.corporate-site .product .family {display:block;max-width:none;min-width:0;margin:0;font-size:14px;color:#617486;line-height:1.5}
.corporate-site .category {font-size:16px;padding:9px 14px;line-height:1.5}
.corporate-site .category.all, .corporate-site .tree-group>summary {font-size:17px}
.corporate-site .category.parent {font-size:15px}
.corporate-site .category>span, .corporate-site .tree-group>summary>span {font-size:13px}
@container(min-width:650px) {
  .corporate-site .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container(min-width:900px) {
  .corporate-site .product-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1000px) {
  .corporate-site .header nav {font-size:15px}
}
@media(max-width:800px) {
  .corporate-site .sidebar>details>summary {font-size:18px}
}
@media(max-width:520px) {
  .corporate-site .header nav {font-size:15px;gap:17px}
  .corporate-site .language {font-size:14px}
  .corporate-site .product-grid {gap:12px}
  .corporate-site .product-media {height:94px}
  .corporate-site .product-copy {padding:11px 10px}
  .corporate-site .product .model {font-size:16px;letter-spacing:0}
  .corporate-site .product h3 {font-size:17px;min-height:51px;margin:5px 0 9px}
  .corporate-site .product .family {font-size:13px}
  .corporate-site .image-caption {font-size:10px}
  .corporate-site .results-meta {font-size:14px}
}
.corporate-site .product-media[data-kind="application"] img {object-fit:cover}
.corporate-site .product-media[data-kind="reference"] {background:#f5f8fb}
.corporate-site .product-media[data-kind="reference"] img {width:70%;max-width:170px;margin:0 auto;opacity:.8}
.corporate-site .product h3 {min-height:0}
.corporate-site .product-media {height:104px}
.corporate-site .product-media[data-kind="structure"] img {padding:3px 6px 18px}
@media(max-width:520px) {
  .corporate-site .product-media {height:94px}
  .corporate-site .product h3 {min-height:0}
}

/* Reset only the replaced shell, including old inline search-page defaults. */
body.corporate-site {
  --blue:#075a9d;--navy:#123c63;--ink:#203448;--muted:#617183;--line:#dce3e9;--pale:#f3f6f9;
  margin:0;padding:0 0 64px;background:#fff;color:var(--ink);
  font:16px/1.7 Arial,'PingFang SC','Microsoft YaHei',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.corporate-site a {text-decoration:none}
.corporate-site button,.corporate-site input,.corporate-site select,.corporate-site textarea {font-family:inherit}
.corporate-site img {max-width:100%}
.corporate-site h1,.corporate-site h2,.corporate-site h3 {letter-spacing:normal;overflow-wrap:anywhere}
.corporate-site .wrap,.corporate-site main.corporate-content {width:calc(100% - 96px);max-width:1280px;margin-left:auto;margin-right:auto}
.corporate-site main.corporate-main-full {display:block;width:100%;max-width:none;margin:0;padding:0}
.corporate-site main.corporate-content {padding:28px 0 55px}
.corporate-site .header {position:relative;z-index:30;display:flex;align-items:center;justify-content:flex-start;min-height:98px;height:98px;padding:0;border:0;background:#fff;box-shadow:none;gap:28px}
.corporate-site .header .logo {display:block;flex:0 0 auto;margin:0;padding:0;border:0}
.corporate-site .header .logo img {display:block;width:214px;max-width:100%;height:auto}
.corporate-site .header>nav {position:static;display:flex;align-items:center;justify-content:flex-end;gap:25px;margin:0 0 0 auto;padding:0;height:100%;width:auto;border:0;box-shadow:none;background:transparent;font-size:16px;flex-wrap:nowrap}
.corporate-site .header>nav>a {display:flex;align-items:center;min-height:0;height:100%;margin:0;padding:0;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--ink);font-size:inherit;font-weight:500;line-height:1.5;white-space:nowrap;text-decoration:none;box-shadow:none}
.corporate-site .header>nav>a:hover {color:var(--blue)}
.corporate-site .header>nav>a[aria-current] {color:var(--blue);border-bottom-color:var(--blue)}
.corporate-site .header .sn-nav-contact:after {content:none}
.corporate-site .header .vn-language-switch {position:relative;flex-shrink:0;margin:0;padding:0 0 0 22px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:15px}
.corporate-site .header .vn-language-switch>summary {display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:0;border-radius:0;background:transparent;box-shadow:none;padding:8px 0;min-height:40px;font:inherit;color:inherit;white-space:nowrap}
.corporate-site .header .vn-language-switch>summary::-webkit-details-marker {display:none}
.corporate-site .header .vn-language-options {position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:178px;min-width:178px;margin:0;padding:6px;border:1px solid var(--line);border-radius:0;background:#fff;box-shadow:0 8px 25px #123c631a}
.corporate-site .header .vn-language-options .vn-language-link {display:flex;align-items:center;gap:9px;margin:0;padding:10px 11px;border:0;border-radius:0;background:#fff;color:#314b62;text-decoration:none;font:15px/1.5 Arial,sans-serif;white-space:nowrap}
.corporate-site .header .vn-language-options .vn-language-link:hover,.corporate-site .header .vn-language-options .vn-language-link[aria-current] {background:#eaf3fa;color:var(--blue)}
.corporate-site .header .vn-language-flag {display:block;width:22px!important;height:15px!important;max-width:none;flex:0 0 22px;object-fit:fill;border-radius:1px;box-shadow:0 0 0 1px #20344815}
.corporate-site .corporate-footer {display:block;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;text-align:left;color:var(--muted)}
.corporate-site .corporate-footer .footer-contact {background:#edf3f8;border-top:1px solid #d9e4ed}
.corporate-site .corporate-footer .footer-contact h2 {font-size:25px;font-weight:600;line-height:1.45;color:var(--ink);margin:0 0 7px}
.corporate-site .corporate-footer .footer-contact p {font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.corporate-site .corporate-footer .footer-bottom {display:flex;align-items:center;gap:28px;padding:26px 0;font-size:13px;line-height:1.65;color:#687e90}
.corporate-site .corporate-footer .footer-bottom strong {font-size:22px;color:var(--navy);font-weight:700}
.corporate-site .corporate-footer .footer-bottom>a {margin-left:auto;font-size:14px;color:#5e7689}
.corporate-site .sn-contact-launcher {border:1px solid var(--blue);border-radius:0;background:var(--blue);box-shadow:0 4px 14px #123c6320;color:#fff;font-size:14px;line-height:1.5}
.corporate-site .sn-contact-launcher:hover {background:#064b82;transform:none}
.corporate-site .skip-link {position:absolute;left:20px;top:-100px;z-index:100;background:var(--navy);color:#fff;padding:10px 18px;font-size:15px}
.corporate-site .skip-link:focus {top:10px}
.corporate-site .breadcrumb {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px;padding:0;font-size:14px;line-height:1.65;color:#6c8091}
.corporate-site .breadcrumb a:hover {color:var(--blue);text-decoration:underline}
.corporate-site .eyebrow {font-size:13px;line-height:1.6;letter-spacing:.9px;font-weight:600;color:var(--blue);margin:0 0 14px}
.corporate-site .green-button {display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 22px;border:1px solid var(--blue);border-radius:0;background:var(--blue)!important;color:#fff;font-size:16px;font-weight:500;line-height:1.6;box-shadow:none;text-align:center}
.corporate-site .green-button:hover {background:#064b82!important;border-color:#064b82;color:#fff}
.corporate-site .back-link {display:inline-block;margin:0;color:var(--blue);font-size:15px;line-height:1.7}
.corporate-site .back-link:hover {text-decoration:underline}

/* Product details preserve their complete specifications and enquiry links. */
.corporate-site .product-detail {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:start;padding:5px 0 0}
.corporate-site .product-overview {min-width:0}
.corporate-site .product-detail h1 {font-size:34px;font-weight:600;line-height:1.35;color:var(--ink);margin:0 0 19px;letter-spacing:0}
.corporate-site .product-image {margin:0;padding:24px;border:1px solid var(--line);border-radius:0;background:#f4f7fa;min-width:0}
.corporate-site .product-image img {display:block;width:100%;height:auto;aspect-ratio:1;max-height:430px;object-fit:contain;mix-blend-mode:normal}
.corporate-site .product-image-note {margin:13px 0 0;font-size:13px;line-height:1.7;color:#718394;text-align:center;letter-spacing:0;text-transform:none}
.corporate-site .product-summary {font-size:16px;line-height:1.85;color:#526b7f;margin:0 0 20px;overflow-wrap:anywhere}
.corporate-site .product-categories {display:flex;flex-wrap:wrap;gap:9px;margin:0}
.corporate-site .product-categories a {max-width:100%;padding:6px 11px;border:1px solid #cddde9;border-radius:0;background:#f2f7fb;color:#446b89;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.corporate-site table {width:100%;border-collapse:collapse;margin:25px 0;font-size:15px;line-height:1.75}
.corporate-site th,.corporate-site td {padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere;color:#3b5368}
.corporate-site .property-table th {width:35%;font-weight:500;background:#f0f5f9;color:#45657e}
.corporate-site .property-table td {color:#314c63}
.corporate-site .product-actions {display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px}
.corporate-site .product-confirmation {max-width:650px;font-size:14px;line-height:1.8;color:#6d8191;margin:19px 0 0}
.corporate-site .product-sections {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px;margin-top:35px}
.corporate-site .product-info-section {border-top:1px solid var(--line);padding-top:26px;min-width:0}
.corporate-site .product-info-section h2 {font-size:27px;font-weight:600;line-height:1.45;color:var(--ink);margin:0 0 18px}
.corporate-site .product-info-section ul {padding-left:22px;margin:0;color:#526b7f;font-size:16px;line-height:1.85}
.corporate-site .product-info-section li {margin:0 0 9px}
.corporate-site .product-info-section li::marker {color:#3e7fab}
.corporate-site .product-grade-section {grid-column:1/-1}
.corporate-site .table-scroll,.corporate-site .guide-table-scroll {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:0;background:#fff}
.corporate-site .grade-table {min-width:640px;margin:0;font-size:14px;table-layout:auto}
.corporate-site .grade-table th {background:#eaf2f8;font-size:14px;font-weight:600;color:#2d5879;width:auto;white-space:normal}
.corporate-site .grade-table td {font-size:14px;color:#405e74;overflow-wrap:normal}
.corporate-site .grade-table tbody tr:nth-child(even) {background:#f7fafd}
.corporate-site .grade-table tbody tr:last-child td {border-bottom:0}

/* Technical guides, comparisons and related material content. */
.corporate-site .refinement-block {margin:40px 0 0;padding:30px 0 0;border-top:1px solid var(--line);min-width:0}
.corporate-site .refinement-block>h2,.corporate-site .material-topic h2 {font-size:27px;line-height:1.45;font-weight:600;letter-spacing:0;margin:0 0 20px;color:var(--ink)}
.corporate-site .refinement-prose {max-width:980px;font-size:16px;line-height:1.85;color:#526b7f;overflow-wrap:anywhere}
.corporate-site .refinement-prose p {margin:0 0 18px}
.corporate-site .refinement-prose ul {margin:0;padding-left:23px}
.corporate-site .refinement-prose li {padding-left:3px;margin:0 0 11px}
.corporate-site .refinement-prose li::marker {color:#3e7fab}
.corporate-site .refinement-faq {max-width:1030px}
.corporate-site .refinement-faq details {padding:0 0 19px;margin:0 0 19px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff}
.corporate-site .refinement-faq summary {cursor:pointer;font-size:17px;line-height:1.7;font-weight:500;color:#284f6d;overflow-wrap:anywhere}
.corporate-site .refinement-faq details p {max-width:930px;margin:13px 0 0;color:#526b7f;font-size:16px;line-height:1.85}
.corporate-site .refinement-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.corporate-site .refinement-card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:0;background:#fff;padding:23px;box-shadow:none;transform:none}
.corporate-site .refinement-card:hover {border-color:#5a92bc;box-shadow:none;transform:none}
.corporate-site .refinement-card h3 {font-size:21px;font-weight:600;line-height:1.5;margin:0 0 12px;color:var(--ink)}
.corporate-site .refinement-card p {font-size:15px;line-height:1.8;color:#586e80;margin:0 0 18px}
.corporate-site .refinement-card-model {font-size:15px;font-weight:600;letter-spacing:0;color:var(--blue);margin-bottom:8px}
.corporate-site .refinement-card-more {font-size:14px;color:var(--blue);margin-top:auto;padding-top:8px}
.corporate-site .refinement-card dl {font-size:14px;line-height:1.75;margin:0 0 15px}
.corporate-site .refinement-card dt {font-size:14px;color:#6c8091;margin-top:10px}
.corporate-site .refinement-card dd {font-size:15px;margin:3px 0 0;color:#38576f;overflow-wrap:anywhere}
.corporate-site .refinement-topic-links {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.corporate-site .refinement-topic-links a {padding:10px 14px;border:1px solid #cfdfea;border-radius:0;background:#f2f7fb;color:var(--blue);font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.corporate-site .refinement-topic-links a:hover {background:#e7f1f8;border-color:#95b8d3}
.corporate-site .corporate-catalog-guides {margin-bottom:40px}
.corporate-site .corporate-catalog-guides .refinement-discovery {max-width:none;margin:0;padding:27px 28px;border:1px solid #d8e5ee;border-radius:0;background:#f4f8fb}
.corporate-site .corporate-catalog-guides .refinement-discovery h2 {margin:0 0 11px;color:var(--ink);font-size:27px;font-weight:600;line-height:1.4;letter-spacing:0}
.corporate-site .corporate-catalog-guides .refinement-discovery>p {max-width:980px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.corporate-site .corporate-catalog-guides .refinement-topic-links {margin-top:19px}
.corporate-site .corporate-catalog-guides .refinement-topic-links a {padding:10px 14px;background:#fff;font-size:15px}
.corporate-site .corporate-catalog-guides .refinement-topic-links a:hover {background:#e7f1f8}
.corporate-site .material-topic-hero {max-width:1000px;padding:18px 0 30px;background:#fff;border:0;border-radius:0}
.corporate-site .material-topic-hero h1 {max-width:1000px;font-size:36px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--ink);margin:0 0 20px}
.corporate-site .material-topic-hero>p:last-child {max-width:970px;font-size:17px;line-height:1.85;color:#526b7f;margin:0}
.corporate-site .material-topic .refinement-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
.corporate-site .material-topic .refinement-card {padding:24px}
.corporate-site .material-topic .refinement-card h3 {font-size:21px}
.corporate-site .material-topic .refinement-card dl {display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:10px 15px}
.corporate-site .material-topic .refinement-card dt,.corporate-site .material-topic .refinement-card dd {margin:0}
.corporate-site .refinement-enquiry {padding:29px 30px;border:1px solid #d2e0eb;border-radius:0;background:#edf3f8;margin-top:38px;box-shadow:none}
.corporate-site .refinement-enquiry h2 {font-size:25px;font-weight:600;line-height:1.45;color:var(--ink);margin:0 0 13px}
.corporate-site .refinement-enquiry p {font-size:16px;line-height:1.85;color:#526b7f;max-width:980px;margin:0 0 21px}
.corporate-site .guide-hub-link {display:inline-flex;align-items:center;gap:9px;margin-top:19px;color:var(--blue);font-size:16px;font-weight:500;line-height:1.7}
.corporate-site .guide-hub-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:28px 0 36px}
.corporate-site .guide-hub-card {display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:0;background:#fff;box-shadow:none}
.corporate-site .guide-hub-card:hover {border-color:#5a92bc}
.corporate-site .guide-hub-card h2 {font-size:22px;line-height:1.5;margin:0 0 14px}
.corporate-site .guide-hub-card p {font-size:16px;line-height:1.85;color:#526b7f;margin:0 0 22px}
.corporate-site .guide-hub-card>span {font-size:15px;color:var(--blue);margin-top:auto}
.corporate-site .guide-comparison {min-width:690px;margin:0;table-layout:fixed;font-size:14px;line-height:1.8}
.corporate-site .guide-comparison caption {padding:14px 17px;color:#284f6d;font-size:15px;font-weight:600;background:#f1f6fa;text-align:left}
.corporate-site .guide-comparison th,.corporate-site .guide-comparison td {padding:14px 17px;border-right:1px solid var(--line);font-size:14px;line-height:1.8}
.corporate-site .guide-comparison thead th {background:#eaf2f8;color:#28597c}
.corporate-site .guide-comparison tbody th {background:#f5f8fb;color:#38576e;font-weight:500}
.corporate-site .guide-comparison td {color:#405e74}
.corporate-site .guide-scroll-hint,.corporate-site .guide-comparison-note {font-size:14px;line-height:1.85;color:#647a8b;max-width:1050px}
.corporate-site .guide-selection-heading {font-size:22px;font-weight:600;line-height:1.5;color:#284f6d;margin-top:27px}
.corporate-site .guide-product-range {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;padding:0;margin:0}
.corporate-site .guide-product-range li {border-bottom:1px solid var(--line);min-width:0}
.corporate-site .guide-product-range a {display:grid;grid-template-columns:120px minmax(0,1fr) 15px;gap:15px;align-items:start;padding:17px 0;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.corporate-site .guide-product-range strong {font-weight:600;color:var(--blue)}
.corporate-site .guide-product-range span {color:#526b7f}

/* About: readable company information with the same blue-white surfaces. */
.corporate-site .about-hero {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start;padding:18px 0 33px;background:#fff}
.corporate-site .about-hero h1 {font-size:36px;font-weight:600;line-height:1.4;margin:0 0 21px;color:var(--ink)}
.corporate-site .about-lead {font-size:23px;line-height:1.6;color:var(--blue);margin:0 0 19px}
.corporate-site .about-intro {font-size:17px;line-height:1.85;color:#526b7f;margin:0}
.corporate-site .about-focus {padding:26px 28px;background:#f1f6fa;border:1px solid #d5e2ec;border-radius:0;box-shadow:none}
.corporate-site .about-focus h2 {font-size:20px;font-weight:600;line-height:1.5;margin:0 0 19px}
.corporate-site .about-focus dl {margin:0}
.corporate-site .about-focus dl>div {padding:15px 0;border-top:1px solid #d5e2ec}
.corporate-site .about-focus dt {font-size:16px;color:var(--blue);font-weight:600}
.corporate-site .about-focus dd {font-size:15px;line-height:1.8;color:#526b7f;margin:6px 0 0}
.corporate-site .about-focus>p {font-size:14px;color:#657b8d;line-height:1.8;margin:0}
.corporate-site .about-section {border-top:1px solid var(--line);padding-top:32px;margin-top:32px}
.corporate-site .about-section h2,.corporate-site .about-contact h2 {font-size:28px;font-weight:600;line-height:1.45;letter-spacing:0;color:var(--ink);margin:0 0 20px}
.corporate-site .about-section>p {max-width:980px;font-size:16px;line-height:1.85;color:#526b7f}
.corporate-site .about-approach {grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px}
.corporate-site .about-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.corporate-site .about-family {padding:25px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:0;background:#fff;box-shadow:none}
.corporate-site .about-family h3 {font-size:23px;font-weight:600;line-height:1.5;margin:0 0 13px}
.corporate-site .about-family p {font-size:16px;line-height:1.85;color:#526b7f;margin:0 0 21px}
.corporate-site .about-family>span {color:var(--blue);font-size:18px}
.corporate-site .about-steps {gap:28px}
.corporate-site .about-steps li:before {font-size:16px;color:var(--blue)}
.corporate-site .about-steps h3 {font-size:21px;font-weight:600;line-height:1.5;margin:0 0 11px}
.corporate-site .about-steps p {font-size:16px;line-height:1.85;color:#526b7f}
.corporate-site .about-guide {padding:23px 0;border-color:var(--line)}
.corporate-site .about-guide h3 {font-size:21px;font-weight:600;line-height:1.5;margin:0 0 10px}
.corporate-site .about-guide p {font-size:15px;line-height:1.85;color:#526b7f;margin:0 0 15px}
.corporate-site .about-guide>span {font-size:15px;color:var(--blue)}
.corporate-site .about-contact {padding:29px 30px;border:1px solid #d2e0eb;border-radius:0;background:#edf3f8;margin-top:35px;box-shadow:none}
.corporate-site .about-contact p {max-width:980px;font-size:16px;line-height:1.85;color:#526b7f;margin:0 0 21px}

/* Contact form: keep validation states, labels, IDs and native interactions. */
.corporate-site.sn-contact-page .contact-hero {padding:18px 0 35px;gap:35px}
.corporate-site.sn-contact-page h1 {font-size:36px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--ink);margin:0 0 19px}
.corporate-site.sn-contact-page .intro {max-width:860px;font-size:17px;line-height:1.85;color:#526b7f}
.corporate-site .hero-symbol {width:130px;height:130px;opacity:.12;margin-right:0}
.corporate-site .sn-contact-layout {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:30px;align-items:start}
.corporate-site .sn-inquiry-card {border:1px solid var(--line);border-radius:0;background:#fff;padding:30px;box-shadow:none;scroll-margin-top:22px;min-width:0}
.corporate-site.sn-contact-page h2 {font-size:27px;font-weight:600;line-height:1.45;letter-spacing:0;color:var(--ink);margin:0 0 14px}
.corporate-site.sn-contact-page .eyebrow {font-size:13px;color:var(--blue);letter-spacing:.9px;margin:0 0 13px}
.corporate-site .sn-form-intro {font-size:14px;color:#6a7f90;margin:0 0 24px}
.corporate-site .sn-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.corporate-site .sn-field label {font-size:15px;font-weight:500;color:#385268;margin-bottom:8px}
.corporate-site .sn-optional {font-size:13px;color:#728697}
.corporate-site .sn-field input,.corporate-site .sn-field textarea {width:100%;min-width:0;padding:11px 13px;border:1px solid #bccdd9;border-radius:0;background:#fff;color:#203448;font-size:16px;line-height:1.6;box-shadow:none}
.corporate-site .sn-field input:hover,.corporate-site .sn-field textarea:hover {border-color:#6b9ec2}
.corporate-site .sn-field textarea {min-height:165px;resize:vertical}
.corporate-site .sn-field textarea::placeholder {color:#7b8f9f;font-size:15px}
.corporate-site .sn-field input[aria-invalid=true],.corporate-site .sn-field textarea[aria-invalid=true] {border-color:#b84936;background:#fffaf9}
.corporate-site .sn-field-error {font-size:14px;line-height:1.6;color:#a6402d}
.corporate-site .sn-field-hint,.corporate-site .sn-privacy,.corporate-site .sn-submit-note {font-size:14px;line-height:1.8;color:#6a8092}
.corporate-site .sn-submit-row {display:flex;align-items:center;flex-wrap:wrap;gap:16px 20px}
.corporate-site.sn-contact-page .sn-submit {min-height:47px;min-width:170px;padding:12px 21px;border:1px solid var(--blue);border-radius:0;background:var(--blue);color:#fff;font-size:16px;line-height:1.6;font-weight:500;box-shadow:none}
.corporate-site.sn-contact-page .sn-submit:hover {background:#064b82;border-color:#064b82}
.corporate-site .sn-form-status {font-size:15px;line-height:1.8}
.corporate-site .sn-form-status:not(:empty) {border-radius:0}
.corporate-site .sn-contact-aside {display:grid;gap:26px}
.corporate-site.sn-contact-page .contact-card {padding:28px;border:1px solid #d5e2ec;border-radius:0;background:#f1f6fa;box-shadow:none;gap:19px}
.corporate-site.sn-contact-page .contact-card .eyebrow {font-size:13px;margin-bottom:12px}
.corporate-site.sn-contact-page .contact-card h2 {font-size:24px;line-height:1.5;margin:0 0 14px}
.corporate-site.sn-contact-page .contact-card p:last-child {font-size:16px;line-height:1.85;color:#526b7f}
.corporate-site.sn-contact-page .sn-catalog-button {display:flex;align-items:center;gap:25px;padding:10px 16px;border:1px solid #9bbbd1;border-radius:0;background:#fff;color:var(--blue);font-size:15px;line-height:1.6}
.corporate-site.sn-contact-page .sn-help-topics h2 {font-size:21px;font-weight:600;line-height:1.5;margin-bottom:14px}
.corporate-site .sn-help-topics ul {font-size:16px;line-height:1.8;color:#526b7f}
.corporate-site .sn-help-topics li:before {background:#4385b4;border-radius:0}

/* Search's original inline styles are kept, then scoped overrides align it. */
.corporate-site.sn-search-page main.corporate-content {padding-top:38px;min-height:55vh}
.corporate-site.sn-search-page main>h1 {font-size:36px;font-weight:600;line-height:1.4;color:var(--ink);margin:0 0 24px}
.corporate-site.sn-search-page main>form {display:flex;gap:12px;max-width:940px;margin:0 0 20px}
.corporate-site.sn-search-page main>form input {flex:1;min-width:0;padding:12px 15px;border:1px solid #bccbd7;border-radius:0;color:var(--ink);background:#fff;font:inherit;font-size:16px;line-height:1.6}
.corporate-site.sn-search-page main>form button {padding:12px 23px;border:1px solid var(--blue);border-radius:0;background:var(--blue);color:#fff;font-size:16px;font-weight:500;line-height:1.6}
.corporate-site.sn-search-page #status {font-size:15px;color:#61798c;margin:0 0 20px}
.corporate-site.sn-search-page #results article {padding:23px 0;border-bottom:1px solid var(--line)}
.corporate-site.sn-search-page #results h2 {font-size:23px;font-weight:600;line-height:1.5;margin:0 0 10px;color:#28597c}
.corporate-site.sn-search-page #results p {font-size:16px;line-height:1.85;color:#526b7f;margin:0}
.corporate-site.sn-search-page #results small {font-size:13px;color:#70879a}

/* Shared breakpoints retain readable text and prevent long translated names
 * from widening the document. Tables scroll only inside their own wrappers. */
@media(max-width:1200px) {
  .corporate-site .header {gap:20px}
  .corporate-site .header .logo img {width:185px}
  .corporate-site .header>nav {gap:17px;font-size:15px}
  .corporate-site .header .vn-language-switch {padding-left:16px;font-size:14px}
  .corporate-site .product-detail {gap:30px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
  .corporate-site .product-detail h1 {font-size:31px}
  .corporate-site .product-image {padding:19px}
  .corporate-site .about-hero {gap:32px}
}
@media(max-width:1000px) {
  .corporate-site .wrap,.corporate-site main.corporate-content {width:calc(100% - 48px)}
  .corporate-site .header {height:auto;min-height:0;flex-wrap:wrap;gap:0 20px;padding-top:19px}
  .corporate-site .header .logo img {width:190px}
  .corporate-site .header .vn-language-switch {margin-left:auto;border:0;padding:0;order:2}
  .corporate-site .header>nav {order:3;width:100%;height:auto;min-height:47px;justify-content:flex-start;flex-wrap:wrap;gap:0 24px;margin:12px 0 0;padding:0;font-size:15px}
  .corporate-site .header>nav>a {height:47px;white-space:normal}
  .corporate-site .guide-hub-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .corporate-site .refinement-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
  .corporate-site .about-grid {gap:18px}
  .corporate-site .about-family {padding:21px}
  .corporate-site .sn-contact-layout {grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:23px}
  .corporate-site .sn-inquiry-card,.corporate-site.sn-contact-page .contact-card {padding:24px}
  .corporate-site .sn-form-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px) {
  .corporate-site main.corporate-content {padding-top:24px;padding-bottom:40px}
  .corporate-site .product-detail {grid-template-columns:minmax(0,1fr);gap:27px}
  .corporate-site .product-image {max-width:480px;width:100%;margin:0 auto}
  .corporate-site .product-image img {max-height:360px}
  .corporate-site .product-detail h1 {font-size:31px}
  .corporate-site .product-sections {grid-template-columns:minmax(0,1fr);gap:27px;margin-top:30px}
  .corporate-site .product-info-section h2,.corporate-site .refinement-block>h2,.corporate-site .material-topic h2 {font-size:25px}
  .corporate-site .product-grade-section {grid-column:auto}
  .corporate-site .refinement-block {margin-top:32px;padding-top:27px}
  .corporate-site .refinement-enquiry {padding:24px;margin-top:31px}
  .corporate-site .material-topic-hero {padding:14px 0 26px}
  .corporate-site .material-topic-hero h1,.corporate-site .about-hero h1,.corporate-site.sn-contact-page h1,.corporate-site.sn-search-page main>h1 {font-size:32px}
  .corporate-site .material-topic-hero>p:last-child {font-size:16px}
  .corporate-site .guide-product-range {grid-template-columns:minmax(0,1fr)}
  .corporate-site .about-hero {grid-template-columns:minmax(0,1fr);gap:27px;padding:14px 0 8px}
  .corporate-site .about-approach {grid-template-columns:minmax(0,1fr);gap:17px}
  .corporate-site .about-approach h2 {max-width:none}
  .corporate-site .about-section {padding-top:28px;margin-top:28px}
  .corporate-site .about-section h2,.corporate-site .about-contact h2 {font-size:25px}
  .corporate-site .about-grid,.corporate-site .about-steps,.corporate-site .about-guides {grid-template-columns:minmax(0,1fr)}
  .corporate-site .about-steps {gap:23px}
  .corporate-site .about-contact {padding:24px}
  .corporate-site .sn-contact-layout {grid-template-columns:minmax(0,1fr);gap:25px}
  .corporate-site .sn-form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .corporate-site.sn-contact-page .contact-hero {padding:14px 0 29px}
  .corporate-site.sn-contact-page .intro {font-size:16px}
  .corporate-site .hero-symbol {width:110px;height:110px;opacity:.08}
  .corporate-site .corporate-footer .footer-bottom {flex-wrap:wrap;gap:13px 22px}
  .corporate-site .corporate-footer .footer-bottom>a {margin-left:0}
}
@media(max-width:600px) {
  .corporate-site .corporate-catalog-guides {margin-bottom:30px}
  .corporate-site .corporate-catalog-guides .refinement-discovery {padding:22px 20px}
  .corporate-site .corporate-catalog-guides .refinement-discovery h2 {font-size:24px}
  .corporate-site .refinement-cards,.corporate-site .material-topic .refinement-cards,.corporate-site .guide-hub-grid {grid-template-columns:minmax(0,1fr);gap:17px}
  .corporate-site .material-topic .refinement-card,.corporate-site .refinement-card {padding:22px}
  .corporate-site .guide-hub-card {padding:22px}
  .corporate-site .guide-hub-card h2 {font-size:22px}
  .corporate-site .sn-form-grid {grid-template-columns:minmax(0,1fr)}
  .corporate-site .sn-submit-note {max-width:none}
  .corporate-site .guide-product-range a {grid-template-columns:106px minmax(0,1fr) 12px;gap:10px;font-size:14px}
  .corporate-site .guide-comparison th,.corporate-site .guide-comparison td {padding:12px 13px}
}
@media(max-width:520px) {
  body.corporate-site {font-size:16px}
  .corporate-site .wrap,.corporate-site main.corporate-content {width:calc(100% - 36px)}
  .corporate-site .header {padding-top:16px;gap:0 14px}
  .corporate-site .header .logo img {width:174px}
  .corporate-site .header>nav {font-size:15px;gap:0 17px;height:auto;margin-top:12px;padding-bottom:9px}
  .corporate-site .header>nav>a {height:36px;min-width:0}
  .corporate-site .header .vn-language-switch {font-size:14px}
  .corporate-site .header .vn-language-switch>summary {gap:6px}
  .corporate-site .header .vn-language-options {width:164px;min-width:164px}
  .corporate-site .breadcrumb {font-size:13px;margin-bottom:20px;gap:8px}
  .corporate-site .eyebrow,.corporate-site.sn-contact-page .eyebrow {font-size:12px}
  .corporate-site .product-detail h1 {font-size:28px;line-height:1.4}
  .corporate-site .product-image {padding:18px}
  .corporate-site .product-image-note {font-size:12px}
  .corporate-site .product-actions {gap:15px}
  .corporate-site .green-button {font-size:15px;padding:11px 18px}
  .corporate-site .product-confirmation {font-size:14px}
  .corporate-site table {font-size:14px}
  .corporate-site th,.corporate-site td {padding:11px 10px}
  .corporate-site .property-table th {width:37%}
  .corporate-site .product-info-section h2,.corporate-site .refinement-block>h2 {font-size:24px}
  .corporate-site .refinement-enquiry,.corporate-site .about-contact {padding:22px 20px}
  .corporate-site .refinement-enquiry h2 {font-size:24px}
  .corporate-site .material-topic-hero h1,.corporate-site .about-hero h1,.corporate-site.sn-contact-page h1,.corporate-site.sn-search-page main>h1 {font-size:29px;line-height:1.4}
  .corporate-site .about-lead {font-size:21px}
  .corporate-site .about-focus {padding:22px}
  .corporate-site .about-section h2,.corporate-site .about-contact h2 {font-size:24px}
  .corporate-site .about-steps h3 {font-size:20px}
  .corporate-site .sn-inquiry-card,.corporate-site.sn-contact-page .contact-card {padding:22px 19px}
  .corporate-site.sn-contact-page h2 {font-size:25px}
  .corporate-site.sn-contact-page .contact-card h2 {font-size:23px}
  .corporate-site .hero-symbol {position:absolute;right:0;top:12px;width:95px;height:95px;opacity:.05}
  .corporate-site.sn-search-page main>form {gap:9px}
  .corporate-site.sn-search-page main>form input {padding:10px 12px}
  .corporate-site.sn-search-page main>form button {padding:10px 15px;font-size:15px}
  .corporate-site.sn-search-page #results h2 {font-size:22px}
  .corporate-site .corporate-footer .footer-contact h2 {font-size:23px}
  .corporate-site .corporate-footer .footer-contact p {font-size:15px}
  .corporate-site .corporate-footer .footer-bottom {padding:23px 0;gap:12px 19px}
  .corporate-site .corporate-footer .footer-bottom strong {font-size:21px}
  .corporate-site .sn-contact-launcher {right:16px;bottom:16px;padding:10px 13px;font-size:13px}
}
@media(max-width:360px) {
  .corporate-site .header .logo img {width:157px}
  .corporate-site .header>nav {font-size:14px;gap:0 16px}
  .corporate-site .product .model {font-size:16px}
  .corporate-site .product h3 {font-size:17px;line-height:1.55}
  .corporate-site .product-copy {padding:10px 9px}
  .corporate-site .product .family {font-size:12px}
}
/* Keep the catalogue title intact and reserve useful filter space on short
 * desktop screens. The desktop columns and sidebar scroll behavior stay intact. */
@media(min-width:801px) {
  .corporate-site .page-banner>.wrap>div {flex:0 0 auto}
  .corporate-site .page-banner h1 {white-space:nowrap}
  .corporate-site .banner-description {flex:1 1 0;min-width:0;max-width:740px}
}
@media(min-width:801px) and (max-height:650px) {
  .corporate-site.corporate-catalog .utility .wrap {padding-top:4px;padding-bottom:4px}
  .corporate-site.corporate-catalog .header {height:80px;min-height:0}
  .corporate-site .page-banner>.wrap {padding-top:12px;padding-bottom:12px;gap:24px}
  .corporate-site .page-banner p:first-child {margin-bottom:3px}
  .corporate-site .page-banner h1 {font-size:30px;line-height:1.25}
  .corporate-site .banner-description {line-height:1.6}
  .corporate-site .catalog-layout {padding-top:18px}
}
@media(min-width:801px) and (max-width:1000px) and (max-height:650px) {
  .corporate-site.corporate-catalog .header {height:auto;padding-top:8px}
  .corporate-site.corporate-catalog .header>nav {min-height:38px;margin-top:4px}
  .corporate-site.corporate-catalog .header>nav>a {height:38px}
}
@media(prefers-reduced-motion:reduce) {
  .corporate-site * {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print {
  body.corporate-site {padding:0;background:#fff;color:#000}
  .corporate-site .utility,.corporate-site .sn-contact-launcher,.corporate-site .sidebar,.corporate-site .vn-language-switch,.corporate-site .bottom-pagination,.corporate-site .results-meta button {display:none!important}
  .corporate-site .wrap,.corporate-site main.corporate-content {width:100%;max-width:none}
  .corporate-site .catalog-layout {display:block}
  .corporate-site .product,.corporate-site .refinement-card,.corporate-site .guide-hub-card {break-inside:avoid}
  .corporate-site .table-scroll,.corporate-site .guide-table-scroll {overflow:visible}
}