.ghs-guide{max-width:980px}
.ghs-lead-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:36px;align-items:start;margin:2px 0 52px}
.ghs-anatomy{padding:24px;border:1px solid var(--line);border-radius:14px;background:#f3f4f6}
.ghs-anatomy>p{margin:0 0 8px;font-size:12px;letter-spacing:.08em;color:#565963}
.ghs-sample{padding:22px;border:2px solid #0b192c;border-radius:8px;background:#fff}
.ghs-sample h2{margin:0;font-size:25px}.ghs-sample .signal{margin:15px 0 8px;color:#b40000;font-family:"Tomorrow",sans-serif;font-size:20px;font-weight:600}
.ghs-sample .sample-copy{margin:7px 0;color:#0b192c;font-size:13px;line-height:1.5}
.ghs-sample .sample-supplier{padding-top:10px;margin-top:12px;border-top:1px solid var(--line);font-size:12px;color:#565963}
.ghs-mini-pictos{display:flex;gap:12px;margin:16px 4px 12px}
.ghs-mini-pictos .ghs-diamond{width:54px;height:54px}
.ghs-pictogram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 52px}
.ghs-card{--ghs-accent:#0016cb;--ghs-tint:#f3f4f6;display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:start;padding:22px;border:1px solid color-mix(in srgb,var(--ghs-accent) 22%,#dfe3ea);border-top:4px solid var(--ghs-accent);border-radius:14px;background:linear-gradient(145deg,#fff 0 48%,var(--ghs-tint) 100%);box-shadow:0 8px 24px rgba(11,25,44,.045)}
.ghs-card:nth-child(1){--ghs-accent:#e66e21;--ghs-tint:#fff0e5}.ghs-card:nth-child(2){--ghs-accent:#e02d2d;--ghs-tint:#ffe8e8}.ghs-card:nth-child(3){--ghs-accent:#e4ae00;--ghs-tint:#fff6ca}.ghs-card:nth-child(4){--ghs-accent:#188fba;--ghs-tint:#e3f6fc}.ghs-card:nth-child(5){--ghs-accent:#6d35a8;--ghs-tint:#f0e7fa}.ghs-card:nth-child(6){--ghs-accent:#b40000;--ghs-tint:#ffe4e4}.ghs-card:nth-child(7){--ghs-accent:#723e9f;--ghs-tint:#f2eafb}.ghs-card:nth-child(8){--ghs-accent:#19814f;--ghs-tint:#e3f6ec}.ghs-card:nth-child(9){--ghs-accent:#e47700;--ghs-tint:#fff0db}
.ghs-card h3{margin:3px 0 7px;font-size:20px;line-height:1.2}.ghs-card p{margin:0;color:#565963;font-size:14px;line-height:1.55}
.ghs-diamond{position:relative;width:70px;height:70px;margin:8px;transform:rotate(45deg);border:5px solid #d8292f;background:#fff}
.ghs-symbol{position:absolute;inset:7px;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}
.ghs-symbol img,.ghs-symbol svg{width:100%;height:100%;object-fit:contain}
.ghs-label-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 48px}
.ghs-label-parts>div{padding:22px;border-radius:12px;background:#f3f4f6}.ghs-label-parts strong{display:block;margin-bottom:7px;font-family:"Tomorrow",sans-serif;font-weight:500;color:#0016cb}.ghs-label-parts p{margin:0;font-size:15px;line-height:1.6}
.ghs-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 44px}.ghs-compare>div{padding:24px;border-radius:14px;background:#f3f4f6}.ghs-compare h3{margin:0 0 10px;font-size:20px}
.ghs-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:24px 28px;margin:22px 0 42px;border-radius:14px;background:#0b192c;list-style:none}
.ghs-checklist li{position:relative;padding-left:24px;color:#fff;font-size:15px;line-height:1.55}.ghs-checklist li::before{content:"✓";position:absolute;left:0;color:#9ac9ff;font-weight:700}
.ghs-note{padding:22px 24px;margin:30px 0;border-left:3px solid #0016cb;background:#eef0fd;border-radius:0 12px 12px 0}.ghs-note p{margin:0;color:#0b192c}
.ghs-anatomy[aria-label="Illustrative methanol chemical label"]{background:linear-gradient(135deg,#fff1f1,#fff8e7 54%,#f2ecff);border-color:#efb3b3}.ghs-anatomy[aria-label="Illustrative methanol chemical label"] .ghs-sample{box-shadow:0 14px 32px rgba(180,0,0,.08)}
.ghs-guide .peso-guide-disclaimer{margin:42px 0 28px;padding:21px 24px;background:#f3f4f6;border-left:3px solid #0016cb;font-size:15px;line-height:1.7}
@media(max-width:900px){.ghs-lead-grid{grid-template-columns:1fr}.ghs-pictogram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ghs-pictogram-grid,.ghs-label-parts,.ghs-compare,.ghs-checklist{grid-template-columns:1fr}.ghs-card{grid-template-columns:74px 1fr;padding:18px;gap:12px}.ghs-diamond{width:60px;height:60px;border-width:4px}.ghs-anatomy{padding:16px}.ghs-sample{padding:18px}.ghs-checklist{padding:22px}}

/* v106 premium guide surfaces; GHS hazard colours remain unchanged. */
.ghs-anatomy,.ghs-label-parts>div,.ghs-compare>div,.ghs-guide .peso-guide-disclaimer{background:linear-gradient(145deg,#f7faff,#eef5ff);border-color:var(--premium-line);box-shadow:0 14px 32px rgba(25,58,92,.06)}
.ghs-card{box-shadow:0 15px 36px rgba(25,58,92,.08)}
.ghs-checklist{background:linear-gradient(145deg,#081426,#102844);box-shadow:0 20px 44px rgba(8,20,38,.14)}
.ghs-note{background:#eef5ff}