/* MSDS Bharat | October 2026 | unified editorial UI.
   Shared across original articles, market pages, FAQ hubs, and resource library.
   Layout/content/forms remain native to each page. Loaded AFTER legacy CSS. */
:root{
  --r-ink:#14171c;--r-muted:#555a61;--r-blue:#b43c0a;
  --r-paper:#fff;--r-soft:#f6f4ec;--r-line:#e4e0d2;
  --r-serif:'Newsreader',Georgia,serif;--r-sans:'Inter',Arial,sans-serif;
  --msds-night:#14171c;--msds-gold:#ffc400;--msds-orange:#b43c0a;
}
html{scroll-padding-top:92px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.rebuild-site{background:#fff;color:#14171c;font:400 16px/1.65 'Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.rebuild-site :is(h1,h2,h3){font-family:'Newsreader',Georgia,serif!important;font-weight:600;letter-spacing:-.025em;line-height:1.15}
.rebuild-site :is(main p,main li,main small){overflow-wrap:break-word}
.rebuild-site a{text-underline-offset:3px}
.rebuild-site :is(button,input,select,textarea){font-family:'Inter',Arial,sans-serif}
.rebuild-site :is(input,select,textarea){border-color:#d7d4c9;color:#14171c;accent-color:#ffc400}
.rebuild-site :is(input,select,textarea):focus{outline:2px solid #cc9d00;outline-offset:2px}
.rebuild-site :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #eabf26;outline-offset:3px}
.rebuild-site [hidden]{display:none!important}
/* Approved homepage header treatment on all pages; preserve original mega-menu links */
.rebuild-site .r-header.s-nav-2026{position:sticky;top:0;z-index:650;background:rgba(20,23,28,.97)!important;border-bottom:1px solid #343434!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top,0px)}
.rebuild-site .s-nav-2026 .s-unified-nav{min-height:72px;padding-block:10px;gap:clamp(10px,1.4vw,23px)}
.rebuild-site .r-header .r-brand.s-unified-brand{font:600 clamp(19px,1.8vw,22px)/1.15 'Newsreader',Georgia,serif!important;letter-spacing:-.03em;color:#fff!important;text-decoration:none}
.rebuild-site .s-nav-2026 .s-desktop-links .r-guide-menu>summary{color:#e6e7e9!important;font:500 13px/1.4 'Inter',Arial,sans-serif!important}
.rebuild-site .s-nav-2026 .s-caret{color:#e9c54b}
.rebuild-site .s-nav-2026 .s-explore-link{color:#e6e7e9!important;font:500 13px/1.4 'Inter',Arial,sans-serif!important}
.rebuild-site .s-nav-2026 .s-explore-link:hover,.rebuild-site .s-nav-2026 .s-desktop-links .r-guide-menu>summary:hover{color:#ffc400!important}
.rebuild-site .s-nav-2026 .s-quote-action{border-radius:9px;padding:11px 16px;background:#ffc400!important;color:#14171c!important;font-weight:700!important;box-shadow:none}
.rebuild-site .s-nav-2026 .s-quote-action span{color:#14171c!important}
.rebuild-site .s-nav-2026 .s-email-action{background:transparent!important;border:1px solid #777b81;border-radius:9px;color:#fff!important;font:600 12px 'Inter',Arial,sans-serif!important;padding:11px 13px;text-decoration:none;white-space:nowrap;margin-left:0}
.rebuild-site .s-nav-2026 .s-email-action:hover{border-color:#ffc400;color:#ffc400!important}
.rebuild-site .s-nav-2026 .s-desktop-links .s-mega-panel{border:1px solid #e4e0d2;background:#fffdfa;box-shadow:0 22px 52px #0004}
.rebuild-site .s-nav-2026 .nav-group.is-primary{background:#fff6dd}
.rebuild-site .s-nav-2026 .nav-group-title{color:#14171c}
.rebuild-site .s-nav-2026 .nav-group-caption{color:#a0430b}
.rebuild-site .s-nav-2026 .s-mega-panel a{color:#303238!important}
.rebuild-site .s-nav-2026 .s-mega-panel a:hover{background:#fff3d4;color:#8a350b!important}
.rebuild-site .s-nav-2026 .s-mega-panel a small{color:#60656b}
.rebuild-site .s-nav-2026 .s-mega-bottom{background:#faf5e8;border-top-color:#ece4d3}
.rebuild-site .s-nav-2026 .s-mega-bottom a{color:#8f390d!important}
.rebuild-site .r-menu-button{border:1px solid #777b81;background:transparent;color:#fff!important}
.rebuild-site .r-menu-button span{background:#fff}
.rebuild-site .s-nav-2026 .r-mobile{background:#171a20;border-color:#393c42;box-shadow:0 22px 50px #0003}
.rebuild-site .s-nav-2026 .s-mobile-menu .r-guide-menu>summary{color:#f6f4ec!important}
.rebuild-site .s-nav-2026 .s-mobile-menu .r-guide-menu{border-bottom:1px solid #414247}
.rebuild-site .s-nav-2026 .s-mobile-menu .s-mega-panel{background:#fff9ea;border-left-color:#e4bd3d;border-radius:10px;padding:8px}
.rebuild-site .s-nav-2026 .s-mobile-menu .s-mobile-priority,.rebuild-site .s-nav-2026 .s-mobile-menu .s-mobile-explore{background:#302c20;color:#fff}
.rebuild-site .s-nav-2026 .s-mobile-menu .s-mobile-cta{background:#ffc400;color:#14171c!important}
.rebuild-site .s-nav-2026 .s-mobile-menu .s-mobile-email{border:1px solid #777b81;border-radius:10px;color:#fff;text-align:center;margin:10px 0 14px;text-decoration:none}
/* Approved hero background: charcoal + golden glow, clear text and editorial type */
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero){position:relative;background:radial-gradient(circle at 82% 20%,rgba(109,78,7,.65),transparent 59%),#14171c!important;color:#fff!important;border-color:#38352b!important;isolation:isolate}
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffc4000d 1px,transparent 1px),linear-gradient(90deg,#ffc4000d 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero) :is(h1,h2,h3){font-family:'Newsreader',Georgia,serif!important;color:#fff!important;letter-spacing:-.03em}
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero) :is(p,.lead,.us-intro,.lib-intro){color:#dddfe1!important}
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero) :is(.eyebrow,.r-kicker,.lib-eyebrow){color:#ffc400!important;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero) :is(.topic-breadcrumb,.breadcrumb,.archive-back,.article-meta){color:#c6c7c9!important}
.rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero) a:not(.r-button):not(.btn){color:#ffe18b!important}
.rebuild-site .archive-hero h1{font-size:clamp(44px,6vw,76px);font-weight:600!important;line-height:1.06}
.rebuild-site .archive-hero h1 em{color:#ffc400!important;font-family:'Newsreader',Georgia,serif!important;font-style:italic}
.rebuild-site .inner-intro h1{font-size:clamp(36px,4.8vw,62px)}
.rebuild-site .reading-hero h1{font-size:clamp(38px,5vw,64px)}
.rebuild-site .us-hero h1{font-size:clamp(38px,5vw,64px)}
.rebuild-site .us-hero{padding:68px 0 78px}
.rebuild-site .reading-hero{padding:58px 0 62px}
.rebuild-site .inner-intro{padding:68px 0 72px}
.rebuild-site .archive-hero{padding:80px 0 76px}
.rebuild-site .lib-hero{padding:66px 0 62px}
.rebuild-site .us-offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid #655621;border-radius:12px;padding:15px 18px;background:#ffc40012;max-width:610px}
.rebuild-site .us-offer strong{color:#ffc400!important;font-weight:700}
.rebuild-site .us-offer span{color:#e6e4dd!important}
.rebuild-site .article-meta a{color:#ffe18b!important}
/* Approved CTA/button theme */
.rebuild-site :is(.btn,.r-button,.btn-amber,.r-nav-action,button[type=submit]){font-family:'Inter',Arial,sans-serif;transition:transform .18s ease,box-shadow .18s ease}
.rebuild-site main :is(.r-button,.btn-amber,button[type=submit],a.btn:not(.btn-ghost)),.rebuild-site.inner-rebuild main .btn:not(.btn-ghost){background:#ffc400!important;border:1px solid #ffc400!important;color:#14171c!important;border-radius:10px;font-weight:700;box-shadow:none}
.rebuild-site main :is(.r-button,.btn-amber,button[type=submit]):hover{background:#ffd84f!important;transform:translateY(-2px)}
.rebuild-site main .us-actions>a:not(.r-button),.rebuild-site main .hero-ctas .btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid #9b9a93;border-radius:10px;color:#fff!important;background:transparent!important;text-decoration:none;font-weight:600;font-size:14px}
.rebuild-site main .msds-email-companion{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:10px;background:#fff3ce;color:#1d2024!important;border:1px solid #e6d5a5;padding:10px 18px;font:600 13px/1.5 'Inter',Arial,sans-serif;text-decoration:none}
.rebuild-site main .msds-email-companion:hover{background:#ffdf7d;color:#14171c!important}
.rebuild-site main :is(.reading-hero,.us-hero,.inner-intro) .msds-email-companion{background:transparent;color:#fff!important;border-color:#97918a}
.rebuild-site main :is(.reading-hero,.us-hero,.inner-intro) .msds-email-companion:hover{border-color:#ffc400;color:#ffc400!important}
.rebuild-site .article-help-note .msds-email-companion{margin:10px 0 0}
/* Reading surfaces: keep the prose, hierarchy, table and sidebar behavior intact */
.rebuild-site :is(.prose,.us-article,.reading-main,.article-content){color:#252932}
.rebuild-site :is(.prose,.us-article,.inner-section,.archive-group,.lib-category) :is(h2,h3){font-family:'Newsreader',Georgia,serif!important;color:#16191e!important}
.rebuild-site :is(.prose,.us-article,.inner-section,.archive-group) :is(p,li){color:#454951}
.rebuild-site :is(.prose,.us-article) a:not(.r-button):not(.btn){color:#95400c;text-decoration-color:#dfc9ad}
.rebuild-site :is(.quick-answer,.article-review-note,.us-card,.sds-technical-section,.document-overview,.inner-section .scope-column,.faq-featured-grid>a,.article-help-note){border-color:#e4e0d2}
.rebuild-site :is(.quick-answer,.article-review-note,.article-help-note,.us-card,.sds-technical-section){background:#fffaf0}
.rebuild-site .quick-answer{border-left:4px solid #ffc400;border-radius:8px;padding:20px 24px}
.rebuild-site .quick-answer .label{color:#a8420a;font-weight:700}
.rebuild-site .us-page{background:#fff}
.rebuild-site .us-layout{background:#fff}
.rebuild-site .reading-layout{background:#fff}
.rebuild-site .inner-section:nth-of-type(even){background:#faf8f2}
.rebuild-site .archive-group .guide-row:hover,.rebuild-site .lib-entry:hover{background:#fff6e0}
.rebuild-site :is(.guide-symbol,.ps span){background:linear-gradient(145deg,#342b0b,#a77606)!important;color:#fff}
.rebuild-site .group-number,.rebuild-site .r-kicker{color:#a34511}
.rebuild-site .archive-help{background:#fbf5e5;border:1px solid #e4e0d2}
.rebuild-site .guide-filters button.is-active,.rebuild-site .lib-filter[aria-pressed=true]{background:#14171c;color:#fff;border-color:#14171c}
.rebuild-site :is(.guide-filters button,.lib-filter,.lib-entry){border-color:#e4e0d2;background:#fff;color:#272a2d}
.rebuild-site .lib-category{background:#fff;border:1px solid #e4e0d2;box-shadow:0 8px 30px #14171c07;border-radius:16px}
.rebuild-site .library-page{background:#f8f6f0;color:#14171c}
.rebuild-site .lib-category h2{color:#14171c;font-family:'Newsreader',Georgia,serif}
.rebuild-site .lib-region{background:#fff1c9;color:#8b3e10}
.rebuild-site .lib-entry-arrow{color:#af510e}
.rebuild-site .lib-filter-bar{margin-top:12px}
.rebuild-site .lib-search{border-color:#d7d1bd;box-shadow:none}
.rebuild-site .lib-search:focus-visible{outline-color:#d49b00}
.rebuild-site .lib-hero .lib-search{color:#14171c!important;background:#fff}
.rebuild-site .lib-hero .lib-filter{color:#14171c}
.rebuild-site .lib-hero .lib-filter[aria-pressed=true]{background:#ffc400;color:#14171c;border-color:#ffc400}
.rebuild-site .faq-item,.rebuild-site details:not(.r-guide-menu):not(.us-browse){border-color:#e4e0d2}
.rebuild-site .faq-q[aria-expanded=true]{color:#a3400b}
.rebuild-site :is(.lead-form,.quote-form,.sidebar-form,.fs,.form-card){border-color:#e4e0d2;background:#fffdfa;border-radius:15px}
.rebuild-site :is(.lead-form,.quote-form,.sidebar-form) :is(input,textarea,select){background:#fff;color:#14171c;border-color:#d6d3c9}
/* Approved home dark footer treatment, without deleting existing footer links */
.rebuild-site .r-footer{background:#0a0b0d!important;color:#a3a8ae!important;border-top:1px solid #343334;padding:64px 0 26px}
.rebuild-site .r-footer .r-brand{font:600 23px/1.2 'Newsreader',Georgia,serif!important;color:#fff!important;letter-spacing:-.025em}
.rebuild-site .r-footer :is(p,span){color:#a3a8ae}
.rebuild-site .r-footer-grid h3{font:600 12px/1.6 'Inter',Arial,sans-serif;color:#fff;letter-spacing:.08em}
.rebuild-site .r-footer-grid>div>a:not(.r-brand){color:#bcc0c4}
.rebuild-site .r-footer a:hover{color:#ffc400!important}
.rebuild-site .r-footer-bottom{border-top:1px solid #292d31;color:#adb0b6}
.rebuild-site .msds-site-email{margin-top:9px;color:#e9c25c;text-decoration:none}
.rebuild-site table{border-collapse:collapse;max-width:100%}
.rebuild-site :is(.prose,.us-article) table th{background:#f7ecd0;color:#17191c}
.rebuild-site :is(.prose,.us-article) table :is(th,td){border-color:#e5dfd2}
/* Safari and compact screens */
@supports(-webkit-touch-callout:none){.rebuild-site .r-header{position:-webkit-sticky}.rebuild-site :is(input,select,textarea){-webkit-appearance:none;appearance:none;border-radius:10px}.rebuild-site select{-webkit-appearance:menulist;appearance:menulist}}
@media(max-width:980px){
 .rebuild-site .s-nav-2026 .s-email-action{display:none!important}
 .rebuild-site .s-nav-2026 .r-mobile{max-height:calc(100dvh - 66px);overflow-y:auto;-webkit-overflow-scrolling:touch}
 .rebuild-site .s-nav-2026 .s-mobile-menu .s-mobile-email{display:block}
 .rebuild-site .s-nav-2026 .s-mobile-menu .s-mega-panel a{color:#24282b!important}
}
@media(max-width:660px){
 .r-wrap{width:min(100% - 32px,1120px)}
 .rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero){padding:42px 0 44px}
 .rebuild-site :is(.us-hero,.reading-hero,.archive-hero,.inner-intro,.lib-hero) h1{font-size:clamp(33px,8.5vw,46px)!important;line-height:1.12}
 .rebuild-site :is(input,textarea,select){font-size:16px!important}
 .rebuild-site main :is(.hero-ctas,.us-actions){gap:10px;flex-wrap:wrap}
 .rebuild-site :is(.quick-answer,.article-help-note){padding:17px}
 .rebuild-site .r-footer{padding:40px 0 22px}
 .rebuild-site .r-footer-grid{gap:24px}
}
@media(prefers-reduced-motion:reduce){.rebuild-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Editorial amber refinements: calculators, market guides, FAQs and solution paths */
.rebuild-site .decision-guide{background:#fffdfa!important;border-color:#e4e0d2!important;color:#292c30!important;font-family:'Inter',Arial,sans-serif!important}
.rebuild-site .decision-guide .dg-heading{background:#fff0c6!important;border-bottom-color:#e4d6ad!important;color:#282b2e!important;font-family:'Inter',Arial,sans-serif}
.rebuild-site .decision-guide .dg-status{color:#a24c16}
.rebuild-site .decision-guide .dg-route span:not(.dg-route-arrow),.rebuild-site .decision-guide .dg-letter{background:#fff1cb;color:#5d3c08}
.rebuild-site .decision-guide .dg-option{color:#2d3034;border-color:#dfd8c7;background:#fff;font-family:'Inter',Arial,sans-serif}
.rebuild-site .decision-guide .dg-option:hover{background:#fff5da;border-color:#e8c96a}
.rebuild-site .decision-guide .dg-outcome{border-left-color:#dca500}
.rebuild-site .decision-guide a.dg-primary{background:#ffc400!important;color:#14171c!important}
.rebuild-site .decision-guide :is(.dg-question,.dg-checklist-title){color:#14171c!important}
.rebuild-site .s-solution-path{background:#f8f5ee!important;border-color:#e4e0d2;color:#26292d}
.rebuild-site .s-eyebrow{color:#a54b12}
.rebuild-site .s-path-card{background:#fff!important;border-color:#e4e0d2!important;color:#252a30!important}
.rebuild-site .s-path-card em{color:#a24311}
.rebuild-site .s-home-tool{background:radial-gradient(circle at 80% 22%,#57430e,transparent 60%),#14171c!important}
.rebuild-site .s-home-tool :is(.s-eyebrow,.s-cta-link){color:#ffc400}
.rebuild-site .s-home-tool .s-cta-link{background:#ffc400;color:#14171c!important}
.rebuild-site .s-home-tool p{color:#d8dade}
.rebuild-site :is(.us-lead,.us-tool,.us-sidebar>div,.us-example,.details-strip){background:#fbf7ec!important;border-color:#e4e0d2!important}
.rebuild-site .us-sidebar .us-price{color:#a44b12}
.rebuild-site :is(.us-draft-badge,.us-browse>summary){background:#fff1cb;color:#5d3c08}
.rebuild-site .us-steps li::marker{color:#c48c08}
.rebuild-site .faq-button{background:#ffc400!important;color:#14171c!important;border:1px solid #ffc400;box-shadow:none}
.rebuild-site .faq-button:hover{background:#ffdc55!important}
.rebuild-site .faq-button-ghost{background:#fff!important;color:#14171c!important;border-color:#d8d0be}
.rebuild-site .faq-feature-card{background:#fff;border-color:#e4e0d2;box-shadow:0 8px 24px #14171c0a}
.rebuild-site .faq-feature-card :is(strong,b){color:#292c30}
.rebuild-site .faq-feature-card .faq-chip,.rebuild-site .faq-chip{background:#fff1c9;color:#844011;border-color:#e2d0a1}
.rebuild-site .faq-search-panel{background:#fbf7ea!important;border-color:#e4e0d2}
.rebuild-site .faq-search-panel label{color:#27292c}
.rebuild-site .faq-filter-chips button{border-color:#e3d6b9;color:#373635}
.rebuild-site .faq-filter-chips button.active,.rebuild-site .faq-filter-chips button:hover{background:#14171c;border-color:#14171c;color:#fff}
.rebuild-site .sds-technical-section th{background:#f7ecd0!important;color:#17191c!important}
.rebuild-site :is(.service-badges,.author-badges){color:#e6e3dc}
.rebuild-site :is(.service-badges,.author-badges) span+span:before{color:#ffc400}
.rebuild-site .r-footer-grid h3{font-family:'Inter',Arial,sans-serif!important;font-weight:600}
.rebuild-site .r-footer-grid p{color:#adb2b8!important}
.rebuild-site .inner-rebuild main a:not(.btn){color:#9d4311}
.rebuild-site .details-strip dt{color:#66604f}
.rebuild-site .details-strip dd{color:#2d2f34}
.rebuild-site .article-rebuild .sds-technical-section{border:1px solid #e4e0d2;border-radius:16px}
.rebuild-site .sds-technical-section :is(h2,h3){color:#14171c!important}
.rebuild-site .reading-layout .prose a:not(.btn):not(.r-button){text-decoration-color:#bb965e;color:#98430b}
@media(max-width:600px){
 .rebuild-site :is(.us-lead,.us-tool){padding:20px}
 .rebuild-site .faq-search-panel{padding:18px}
}
