/* Classic brand and navigation header. */
:root{--wordmark-accent-light:#ba411c;--wordmark-accent-dark:#ff8954}
.chem-brand-first{color:var(--wordmark-light,color-mix(in srgb,var(--ink,#15313c) 45%,black))}
.chem-brand-accent{color:var(--wordmark-light,var(--wordmark-accent-light))}
:root[data-theme=dark] .chem-brand-first{color:var(--wordmark-dark,color-mix(in srgb,var(--ink,#e2eeef) 38%,white))}
:root[data-theme=dark] .chem-brand-accent{color:var(--wordmark-dark,var(--wordmark-accent-dark))}
/* The industrial template uses a dark footer even in light mode. */
:root:not([data-theme=dark]) .site-footer .chem-brand-first{color:var(--wordmark-light,#f6f9fc)}
:root:not([data-theme=dark]) .site-footer .chem-brand-accent{color:var(--wordmark-light,var(--wordmark-accent-dark))}
.chem-site-header{display:block;position:sticky;top:0;width:100%;height:auto;background:var(--paper,#fff);color:var(--ink,#20323b);border-bottom:1px solid var(--line,#e4ebed);z-index:100;box-shadow:0 4px 18px rgba(20,45,55,.08)}
.chem-header-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:78px;padding-block:12px}.chem-header-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:inherit;font-size:22px;font-weight:700;line-height:1.25;white-space:nowrap}.chem-header-brand img{display:block;width:34px;height:34px}
.chem-main-nav{display:block;position:static;flex:1 1 680px;min-width:0}.chem-nav-list{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:3px 18px;list-style:none;padding:0;margin:0}.chem-navitem{display:flex;align-items:center;position:relative;gap:2px;list-style:none;margin:0;padding:0}.chem-navitem>a{display:block;padding:10px 0;font-size:13px;line-height:24px;font-weight:700;color:inherit;white-space:nowrap}.chem-navitem>a:hover,.chem-navitem>a[aria-current=page]{color:var(--brand,#146e68)}.chem-navitem .chem-nav-quote{padding:8px 14px;border:1px solid var(--brand,#146e68);color:var(--brand,#146e68);border-radius:4px}
.chem-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.chem-submenu-toggle::after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.chem-submenu-toggle[aria-expanded=true]::after{transform:rotate(225deg)}
.chem-submenu{display:none;position:absolute;top:100%;left:0;min-width:215px;max-width:290px;width:max-content;margin:0;padding:8px;list-style:none;background:var(--paper,#fff);color:var(--ink,#20323b);border:1px solid var(--line,#e4ebed);box-shadow:0 8px 20px #0002;z-index:51}.chem-submenu li{list-style:none;margin:0;padding:0}.chem-submenu a{display:block;padding:10px 12px;font-size:13px;line-height:1.5;color:inherit}.chem-submenu a:hover{color:var(--brand,#146e68);background:var(--soft,#edf4f2)}.chem-navitem.is-expanded>.chem-submenu{display:block}.chem-navitem:nth-last-child(-n+3)>.chem-submenu{left:auto;right:0}
@media(min-width:992px) and (hover:hover){.chem-navitem:hover>.chem-submenu{display:block}}

.chem-header-tools{display:flex;align-items:center;justify-content:flex-end}.chem-header-tools .theme-toggle{width:40px;height:40px}
@media(max-width:1100px){.chem-header-main{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding-block:12px}.chem-header-brand{grid-column:1;grid-row:1}.chem-header-tools{grid-column:2;grid-row:1}.chem-main-nav{grid-column:1/-1;grid-row:2}.chem-nav-list{justify-content:flex-start;gap:2px 16px}}
@media(max-width:640px){.chem-header-brand{font-size:20px}.chem-nav-list{gap:2px 14px}.chem-navitem>a{font-size:12px;padding-block:7px}.chem-navitem .chem-nav-quote{padding:5px 9px}.chem-submenu{min-width:190px;max-width:240px}.chem-submenu-toggle{height:36px;width:22px}}

/* Mobile navigation is enhanced only after its controls are ready. Without JS,
   links stay visible. Desktop visibility is independent of the mobile state. */
.chem-menu-toggle{display:none;position:relative;flex:0 0 44px;width:44px;height:44px;padding:0;background:var(--paper,#fff);color:var(--ink,#20323b);border:1px solid var(--line,#e4ebed);border-radius:6px;cursor:pointer}
.chem-menu-toggle span{position:absolute;left:12px;top:20px;width:18px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
.chem-menu-toggle span:first-child{transform:translateY(-6px)}.chem-menu-toggle span:last-child{transform:translateY(6px)}
.chem-menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.chem-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.chem-menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}
@media(max-width:991px){
  .chem-header-main{min-height:72px;padding-block:12px;gap:8px 12px}.chem-header-brand{min-width:0;font-size:20px}.chem-header-brand span{overflow:hidden;text-overflow:ellipsis}.chem-header-brand img{flex:0 0 34px}
  .chem-header-tools{gap:10px}.chem-header-tools .theme-toggle{width:44px;height:44px}.has-mobile-menu .chem-menu-toggle{display:inline-flex}
  .has-mobile-menu .chem-main-nav{display:none;position:absolute;inset:100% 0 auto;width:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper,#fff);color:var(--ink,#20323b);border-bottom:1px solid var(--line,#e4ebed);box-shadow:0 14px 22px #0002}
  .has-mobile-menu .chem-main-nav.is-open{display:block}
  .has-mobile-menu .chem-nav-list{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(100% - 40px);margin:0 auto;padding:8px 0 18px}
  .has-mobile-menu .chem-navitem{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;border-bottom:1px solid var(--line,#e4ebed)}
  .has-mobile-menu .chem-navitem>a{grid-column:1/-1;grid-row:1;min-height:48px;padding:12px 52px 12px 0;font-size:15px;line-height:24px;white-space:normal}
  .has-mobile-menu .chem-submenu-toggle{grid-column:2;grid-row:1;width:44px;height:48px;z-index:1}
  .has-mobile-menu .chem-submenu{position:static;grid-column:1/-1;min-width:0;max-width:none;width:100%;margin:0 0 12px;padding:0 0 0 14px;border:0;border-left:2px solid var(--line,#e4ebed);box-shadow:none}
  .has-mobile-menu .chem-submenu a{padding:10px 12px;font-size:14px;min-height:44px;overflow-wrap:anywhere}
  .has-mobile-menu .chem-navitem:has(.chem-nav-quote){border-bottom:0;margin-top:14px}.has-mobile-menu .chem-navitem .chem-nav-quote{padding:10px 16px;text-align:center;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.chem-menu-toggle span{transition:none}}

/* Decorative Home icons share the text color in both themes. */
.chem-home-icon{font-size:.9em;line-height:1;margin-inline-end:6px}