:root{
    --blue:#005d8c; --cyan:#009dc3; --green:#439b24; --green-lt:#bfd97c;
    --navy:#04293b; --navy-2:#0a4a63; --gold:#cc9900; --brown:#663300;
    --ink:#0e1e2a; --slate:#36465a; --muted:#5f6d7c; --danger:#c0392b;
    --panel:#f5f7f6; --panel-2:#eef2f4; --line:#e2e8ee; --white:#ffffff;
    --sds-panel:#eaf4f9;
    --sans:'Myriad Pro','Source Sans 3','Helvetica Neue',Arial,sans-serif;
    --headerH:88px;
    --shadow-sm:0 1px 3px rgba(4,41,59,.08),0 1px 2px rgba(4,41,59,.05);
    --shadow-md:0 8px 24px rgba(4,41,59,.12),0 3px 8px rgba(4,41,59,.06);
    --shadow-lg:0 20px 50px rgba(4,41,59,.20),0 8px 16px rgba(4,41,59,.08);
    --ease:cubic-bezier(.25,.46,.45,.94);
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{overflow-x:clip}
  @media (min-width:1200px){html{font-size:106.25%}}
  @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
  body{font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
  a{color:inherit}
  img{max-width:100%;display:block}
  .wrap{max-width:1480px;margin:0 auto;padding:0 40px}
  .doc-wrap{max-width:1060px;margin:0 auto;padding:0 40px}
  /* 100% not 100vw: vw includes the scrollbar, which shifted every full-bleed section 7.5px left */
  .full{width:100%}
  .skip{position:absolute;left:-999px;top:0;z-index:400;background:var(--blue);color:#fff;padding:10px 16px;font-weight:700}
  .skip:focus{left:8px;top:8px}
  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,.btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:.9rem;padding:13px 26px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .16s;text-transform:uppercase;letter-spacing:.03em}
  .btn svg{width:16px;height:16px;stroke:currentColor;fill:none}
  .btn:has(svg)::before{content:"";flex:0 0 auto;width:16px}
  .btn-green{background:var(--green);color:#fff;border-color:var(--green)}
  .btn-green:hover{background:#357a1b;border-color:#357a1b}
  .btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
  .btn-light:hover{background:rgba(255,255,255,.12);border-color:#fff}

  /* ── HEADER (shared) ── */
  .site-header{position:sticky;top:0;z-index:150;background:#fff;box-shadow:0 2px 20px rgba(4,41,59,.12);transition:background .3s ease,box-shadow .3s ease}
  .header-inner{max-width:1480px;margin:0 auto;padding:0 56px;min-height:var(--headerH);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem}
  .brand-tab{align-self:center;display:inline-flex}
  .brand-tab img{height:46px;width:auto;flex:none}  /* flex:none — a shrinkable flex item would distort the logo */
  .header-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:12px 0}
  nav.primary a.contact-pill{background:var(--green);color:#fff;border-radius:999px;box-shadow:0 7px 18px rgba(67,155,36,.24);padding:8px 16px;transition:background .22s,color .22s}
  nav.primary a.contact-pill:hover{background:#357a1b}
  nav.primary{display:flex;align-items:center;gap:.55rem}
  nav.primary a{font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;padding:10px 18px;border-radius:4px;white-space:nowrap;color:var(--ink);transition:color .15s,background .15s}
  nav.primary a:hover,nav.primary a.active{color:#fff;background:var(--blue)}
  .nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}
  .nav-toggle svg{width:28px;height:28px;stroke:var(--navy);fill:none}

  /* ── BREADCRUMB ── */
  .crumbs{background:var(--panel);border-bottom:1px solid var(--line)}
  .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.9rem 0;font-size:.82rem;color:var(--muted)}
  .crumbs a{color:var(--blue);text-decoration:none;font-weight:700}
  .crumbs a:hover{text-decoration:underline}
  .crumbs li:not(:last-child)::after{content:'›';margin-left:.5rem;color:var(--line);color:#9fb2bf}
  .crumbs [aria-current]{color:var(--slate);font-weight:700}

  /* ── MASTHEAD ── */
  .sds-mast{padding:2.6rem 0 2.2rem}
  .sds-mast .doc-wrap{display:grid;grid-template-columns:1fr 220px;gap:2.4rem;align-items:start}
  .mast-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.7rem}
  .mast-kicker::before{content:'';width:22px;height:2px;background:var(--blue)}
  .sds-mast h1{font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:800;color:var(--navy);letter-spacing:-.01em;line-height:1.08}
  .sds-mast .syn{color:var(--slate);font-size:1.02rem;margin-top:.5rem}
  .sds-mast .use{color:var(--slate);font-size:1rem;margin-top:.9rem;max-width:60ch}
  .mast-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.2rem;font-size:.82rem;color:var(--muted)}
  .mast-meta b{color:var(--slate)}
  .mast-actions{margin-top:1.5rem;display:flex;gap:.8rem;flex-wrap:wrap}
  .mast-thumb{border:2px solid var(--green);border-radius:4px;box-shadow:var(--shadow-md);overflow:hidden;display:block}
  .mast-thumb img{width:100%;height:auto}
  .thumb-cap{font-size:.72rem;color:var(--muted);text-align:center;margin-top:.5rem}

  /* ── AUTHORITATIVE NOTE ── */
  .auth-note{background:#fff8e6;border:1px solid #f0dca0;border-left:4px solid var(--gold);padding:.9rem 1.1rem;border-radius:4px;font-size:.9rem;color:#6b5518;margin:0 0 2rem}
  .auth-note b{color:#5a4712}

  /* ── SDS SECTIONS ── */
  .sds-body{padding:0 0 4rem}
  .sds-sec{padding:1.6rem 0;border-top:1px solid var(--line)}
  .sds-sec:first-of-type{border-top:0}
  .sds-sec h2{font-size:1.18rem;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.01em;margin-bottom:1rem;display:flex;gap:.6rem;align-items:baseline}
  .sds-sec h2 .num{color:var(--green);font-size:1rem;flex:0 0 auto}
  .sds-sec h3{font-size:.95rem;font-weight:800;color:var(--slate);margin:1.1rem 0 .5rem;text-transform:uppercase;letter-spacing:.02em}
  .sds-sec p{color:var(--slate);margin-bottom:.7rem;font-size:.96rem}
  .dl{display:grid;grid-template-columns:230px 1fr;gap:.55rem 1.4rem}
  .dl dt{font-weight:700;color:var(--ink);font-size:.92rem}
  .dl dd{color:var(--slate);font-size:.94rem}
  .dl dd + dd{grid-column:2}
  .sds-table{width:100%;border-collapse:collapse;margin:.4rem 0 .6rem;font-size:.92rem}
  .sds-table th,.sds-table td{text-align:left;padding:.55rem .75rem;border:1px solid var(--line)}
  .sds-table th{background:var(--panel);color:var(--navy);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
  .sds-table td{color:var(--slate)}
  .ghs{background:var(--sds-panel);border:1px solid #cfe6f1;border-radius:6px;padding:1.2rem 1.3rem;margin:.4rem 0 .3rem}
  .ghs strong{color:var(--navy)}
  .note-sm{font-size:.82rem;color:var(--muted);font-style:italic;margin-top:.4rem}
  .rev-list{list-style:none;font-size:.9rem;color:var(--slate)}
  .rev-list li{padding:.2rem 0;border-bottom:1px dashed var(--line)}
  .disclaimer{font-size:.86rem;color:var(--muted);line-height:1.6}

  /* ── FOOTER (shared) ── */
  footer{background:var(--navy);color:rgba(255,255,255,.66)}
  .foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:4.4rem 0 3rem;border-bottom:1px solid rgba(255,255,255,.1)}
  .foot-logo{box-sizing:content-box;display:inline-block;height:42px;width:auto;margin-bottom:1.3rem;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 4px 14px rgba(4,41,59,.18)}
  .foot-tag{font-size:.9rem;line-height:1.62;max-width:30ch;margin-bottom:1.3rem;color:rgba(255,255,255,.6)}
  .foot-contact{font-size:.88rem;line-height:1.55}
  .foot-contact a{color:rgba(255,255,255,.82);text-decoration:none}
  .foot-contact a:hover{color:#fff}
  .foot-social{display:flex;gap:.6rem;margin-top:1.2rem}
  .foot-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
  .foot-social a:hover{background:var(--blue);border-color:var(--blue)}
  .foot-social svg{width:16px;height:16px;fill:rgba(255,255,255,.8)}
  .foot-col h4{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:1rem;padding-bottom:.45rem;border-bottom:2px solid var(--green)}
  .foot-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
  .foot-col a{font-size:.88rem;color:rgba(255,255,255,.62);text-decoration:none;transition:color .15s}
  .foot-col a:hover{color:var(--cyan)}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;padding:1.4rem 0;flex-wrap:wrap;font-size:.76rem;color:rgba(255,255,255,.56)}

  /* ── QUESTIONS TOAST ── */
  .qa-toast{position:fixed;right:22px;bottom:22px;z-index:120;width:min(340px,calc(100vw - 32px));background:#fff;border:1px solid rgba(0,93,140,.22);box-shadow:var(--shadow-lg);border-radius:6px;display:flex;gap:.8rem;align-items:flex-start;padding:1.05rem 1.1rem 1.05rem .6rem;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .4s ease,transform .4s var(--ease),visibility 0s linear .4s}
  .qa-toast.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease,transform .4s var(--ease),visibility 0s}
  .qa-toast::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--cyan),var(--green))}
  .qa-toast-icon{flex:0 0 auto;width:38px;height:38px;background:var(--navy);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-left:.5rem}
  .qa-toast-icon svg{width:20px;height:20px;stroke:#fff;fill:none}
  .qa-toast-body{min-width:0}
  .qa-toast-body b{display:block;color:var(--navy);font-size:.98rem;line-height:1.25;margin-bottom:.25rem}
  .qa-toast-body p{color:var(--slate);font-size:.84rem;line-height:1.45;margin-bottom:.8rem}
  .qa-toast-body .btn{padding:9px 16px;font-size:.74rem}
  .qa-toast-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:1px solid var(--line);background:#fff;color:var(--slate);font-size:1.1rem;line-height:1;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}
  .qa-toast-close:hover{background:var(--navy);border-color:var(--navy);color:#fff}
  @media (max-width:600px){.qa-toast{right:12px;left:12px;bottom:12px;width:auto}}
  @media (prefers-reduced-motion:reduce){.qa-toast{transition:opacity .2s ease,visibility 0s linear .2s}.qa-toast.is-visible{transition:opacity .2s ease,visibility 0s}}

  @media (max-width:1024px){
    /* Nav → hamburger at <=1024px: the 6-item bar runs out of room and wraps below ~1000px */
    nav.primary{display:none}
    .nav-toggle{display:block}
    .site-header.open nav.primary{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:var(--headerH);left:0;right:0;background:#fff;box-shadow:var(--shadow-md);padding:.5rem 24px 1rem}
    .site-header.open nav.primary a{padding:13px 8px;border-bottom:1px solid var(--line)}
  }
  @media (max-width:960px){
    .header-inner{padding:0 24px}
    .sds-mast .doc-wrap{grid-template-columns:1fr}
    .mast-thumb{max-width:200px}
    .foot-top{grid-template-columns:1fr 1fr;gap:2rem}
  }
  @media (max-width:600px){
    .wrap,.doc-wrap{padding:0 20px}
    /* header padding leaves the brand tab no room on a phone; match .wrap and scale the logo down */
    .header-inner{padding:0 20px}
    .brand-tab img{height:34px}
    .dl{grid-template-columns:1fr;gap:.15rem}
    .dl dd{margin-bottom:.6rem}
    .foot-top{grid-template-columns:1fr}
  }