/* MSDS Bharat | United States SDS FAQ hub | 2026-10-14 */
:root{--faq-indigo:#172e4d;--faq-blue:#25688a;--faq-gold:#d6a85a;--faq-muted:#5e7180;--faq-soft:#f2f7fa}
body.article-rebuild .reading-hero{background:linear-gradient(110deg,#f4f9fc 0%,#eef6f8 60%,#f9f8f1 100%)}
body.article-rebuild .reading-hero .lead{max-width:750px}
.prose .faq-hero-actions,.faq-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.faq-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 19px;border-radius:13px;font-weight:750;text-decoration:none!important;background:#113d59;color:#fff!important;box-shadow:0 10px 20px rgba(13,55,85,.12)}
.faq-button:hover{background:#185b80}
.faq-button-ghost{background:#fff;border:1px solid #c8dce8;color:#113d59!important;box-shadow:none}
.faq-button-ghost:hover{background:#eaf4f8}
.prose .faq-hub-quick{border-radius:20px;padding:clamp(20px,4vw,30px)}
.faq-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 30px}
.faq-feature-card{display:flex;flex-direction:column;gap:10px;min-height:210px;border-radius:18px;padding:20px;border:1px solid #d5e4ec;background:#fff;text-decoration:none!important;box-shadow:0 8px 24px rgba(24,64,91,.06);transition:transform .2s,border-color .2s}
.faq-feature-card:hover{transform:translateY(-3px);border-color:#75a0b6}
.faq-feature-card strong{font-size:19px;color:#18334a;line-height:1.22}
.faq-feature-card span:not(.faq-chip){font-size:14px;color:#455e70;line-height:1.5}
.faq-feature-card b{font-size:13px;color:#095f80;margin-top:auto}
.faq-chip{display:inline-flex;align-self:flex-start;max-width:100%;color:#2a6683;background:#eaf4fa;border:1px solid #cbe0eb;font-size:11px;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;font-weight:800;padding:6px 9px;border-radius:999px}
.faq-search-panel{border:1px solid #ccdee9;border-radius:20px;padding:22px;background:linear-gradient(160deg,#f7fbff,#eef6f9);margin:36px 0 28px;scroll-margin-top:108px}
.faq-search-panel label{font-size:21px;font-weight:800;color:#16364b;display:block;margin-bottom:7px}
.faq-search-panel p{color:#526d7d;margin:0 0 12px}
#faq-search-field{display:block;width:100%;min-height:52px;background:#fff;border:1px solid #b4cbd8;border-radius:12px;padding:13px 16px;font:inherit;color:#20394a;box-shadow:0 3px 12px rgba(20,62,79,.05)}
#faq-search-field:focus{outline:3px solid #9ed2e9;outline-offset:1px;border-color:#1a6c94}
.faq-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 7px}
.faq-filter-chips button{font:inherit;font-size:12px;line-height:1.25;font-weight:750;padding:8px 12px;border-radius:100px;border:1px solid #bfd6e3;color:#24556d;background:#fff;cursor:pointer}
.faq-filter-chips button.active,.faq-filter-chips button:hover{background:#153e5a;color:#fff;border-color:#153e5a}
#faq-results{font-size:13px;color:#4d697b;margin:10px 0 0}
.faq-category{scroll-margin-top:112px;margin-top:36px}
.faq-category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.prose .faq-category-head h2{margin:10px 0 4px;font-size:clamp(23px,2.5vw,29px);color:#183247}
.faq-category-head p{color:#61778a;margin:0 0 6px}
.us-faq-list{margin-top:12px!important}
.us-faq-list .faq-item{scroll-margin-top:112px;background:#fff;border:1px solid #dde9ef;border-radius:14px;margin:9px 0;overflow:hidden}
.us-faq-list .faq-item.open{border-color:#91bed3;box-shadow:0 8px 22px rgba(18,74,107,.06)}
.us-faq-list .faq-q{text-align:left;line-height:1.45;font-size:16px;min-height:61px;padding:15px 19px;color:#18374b}
.us-faq-list .faq-a-inner{font-size:15px;line-height:1.75;color:#344b5c;padding:0 19px 19px}
.us-faq-list .faq-a-inner p{margin:0}
.us-faq-list a{font-weight:700;color:#14627f}
.faq-empty{border:1px dashed #bdd4e0;border-radius:16px;padding:24px;color:#344c5f;margin:18px 0}
.faq-empty[hidden]{display:none}
.faq-explore{padding:26px 0;scroll-margin-top:100px}
.prose .faq-explore h2{margin-top:0}
.faq-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0}
.faq-guide-link{background:#f6fafc;border:1px solid #d5e5ed;text-decoration:none!important;border-radius:13px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:90px}
.faq-guide-link strong{color:#17425b;line-height:1.4;font-size:15px}.faq-guide-link span{font-size:12px;color:#20749c;font-weight:750;margin-top:auto}
.faq-guide-link:hover{background:#eaf5fa;border-color:#a3cfdf}
.faq-source-block{border-top:1px solid #d6e4eb;margin-top:25px;padding-top:18px}
.faq-source-block li{margin-bottom:9px}
.faq-source-note{font-size:13px;color:#546e7e;background:#f5f9fb;border-left:3px solid #97bdce;padding:12px 14px;border-radius:4px;margin:24px 0}
.prose .faq-article-section{scroll-margin-top:110px;margin:34px 0}.prose .faq-article-section h2{margin-bottom:12px}.prose .faq-article-section p,.prose .faq-article-section li{line-height:1.72}
.faq-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}
.faq-tile{background:#f6fafc;border:1px solid #d9e7ed;border-radius:16px;padding:19px}
.faq-tile h3{font-size:17px;line-height:1.3;color:#173b56;margin:13px 0 8px}.faq-tile p{font-size:14px;margin:0;color:#496273}
.faq-warning{padding:19px 21px;border:1px solid #e7d5af;border-left:4px solid #bf8b33;background:#fffaf0;border-radius:10px;color:#4d483e;margin:20px 0}
.faq-warning p{margin-bottom:0}
.faq-price-card{padding:24px;border-radius:18px;background:linear-gradient(145deg,#e9f5fa,#f9faf7);border:1px solid #d4e4e8}
.faq-price{font-size:clamp(32px,4vw,44px);letter-spacing:-.03em;line-height:1.15;font-weight:850;color:#154763;margin:12px 0}.faq-price small{font-size:13px;letter-spacing:0;font-weight:550;color:#57758a}
.faq-price-card p{max-width:650px}
.faq-market-field select{display:block;width:100%;background:#fff;border:1px solid #c9d5da;border-radius:10px;padding:12px;color:#20394a;font:inherit;min-height:47px}
.article-contents{scroll-margin-top:115px}
@media(max-width:850px){.faq-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.faq-featured-grid,.faq-link-grid,.faq-split-grid{grid-template-columns:1fr}.faq-feature-card{min-height:auto}.faq-search-panel{padding:17px}.faq-filter-chips button{font-size:12px}.us-faq-list .faq-q{font-size:15px}.faq-hero-actions .faq-button{width:100%}}
@media(prefers-reduced-motion:reduce){.faq-feature-card{transition:none}.faq-feature-card:hover{transform:none}}
/* Ensure the HTML hidden attribute wins over inherited accordion/section display rules. */
.faq-category[hidden],.faq-category .faq-item[hidden]{display:none!important}

/* 2026-10-14 query fan-out expansion: searchable category anchors and source links */
.faq-category h2{scroll-margin-top:112px}
.us-faq-list .faq-a-inner a{overflow-wrap:anywhere}
.faq-filter-chips{max-height:none}