/* "Industries we supply" page; reuses data-center.css (#dc-page, .dc-wrap, .dc-btn, #dc-rfq) */
#dc-page .ind-testbar { display: table; margin-bottom: 14px; background: #c4501b; color: #fff; font-size: 13px; font-weight: 600; padding: 4px 12px; border-radius: 4px; }
#ind-hero { padding: 130px 0 56px; background: linear-gradient(120deg, #0b2a4a 0%, #0b3a66 60%, #0a5ea8 100%); color: #fff; }
#ind-hero .dc-eyebrow { display: inline-block; margin-bottom: 18px; padding: 6px 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #cfe6ff; }
#dc-page #ind-hero h1 { max-width: 700px; font-size: 44px; line-height: 1.15; font-weight: 700; color: #fff !important; }
#ind-hero .dc-lead { max-width: 680px; margin-top: 18px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.85); }
#dc-page .ind-stats { display: flex; flex-wrap: wrap; gap: 12px 40px; margin-top: 30px; }
.ind-stats strong { display: block; font-size: 30px; font-weight: 700; color: #7cc4ff; line-height: 1.1; }
.ind-stats span { font-size: 14px; color: rgba(255,255,255,.8); }

.ind-idx { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid #e3eaf2; box-shadow: 0 4px 12px rgba(11,58,102,.06); }
.ind-idx .dc-wrap { display: flex; gap: 8px; overflow-x: auto; padding: 12px 0; scrollbar-width: thin; }
.ind-idx a { flex: none; font-size: 14px; font-weight: 600; color: #1f2d3d; text-decoration: none; border: 1px solid #d5dfea; border-radius: 999px; padding: 5px 14px; white-space: nowrap; }
.ind-idx a:hover, .ind-idx a:focus-visible { border-color: #0a5ea8; color: #0a5ea8; outline: none; }

#ind-list { padding: 36px 0 60px; background: #f4f7fa; }
#ind-list .dc-wrap { display: flex; flex-direction: column; gap: 22px; }
.ind-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 14px; color: #5a6b7d; }
.ind-filters button { font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #d5dfea; background: #fff; color: #1f2d3d; padding: 6px 16px; border-radius: 6px; cursor: pointer; }
.ind-filters button[aria-pressed="true"] { background: #0b3a66; border-color: #0b3a66; color: #fff; }

.ind-card { text-align: left; background: #fff; border: 1px solid #e3eaf2; border-radius: 12px; scroll-margin-top: 70px; overflow: hidden; }
.ind-card__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 22px 24px 16px; border-bottom: 1px solid #e3eaf2; }
#dc-page .ind-card h2 { text-align: left; font-size: 22px; line-height: 1.25; font-weight: 700; color: #0b2a4a; }
#dc-page .ind-card__head p { margin-top: 6px; font-size: 15px; line-height: 1.55; color: #5a6b7d; max-width: 760px; }
#dc-page .ind-card__head .ind-who { color: #1f2d3d; font-size: 14px; }
.ind-card__head .dc-btn { flex: none; min-height: 42px; padding: 0 20px; }
#dc-page .ind-prods { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); }
.ind-prods li { display: flex; flex-direction: column; gap: 3px; padding: 14px 24px; border-bottom: 1px solid #eef2f6; border-right: 1px solid #eef2f6; }
.ind-tag { align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px 8px; border-radius: 4px; background: #e8eef5; color: #3d5470; }
.ind-tag--pipe { background: #e3f0fb; color: #0a5ea8; }
.ind-tag--plate { background: #eaf4ec; color: #2d6b3c; }
.ind-tag--coil, .ind-tag--strip { background: #fbf0e3; color: #8a4a12; }
.ind-tag--section { background: #f0eaf7; color: #5b3c86; }
.ind-grade { font-family: Consolas, "SF Mono", Menlo, monospace; font-size: 15px; color: #0b2a4a; margin-top: 4px; }
.ind-use { font-size: 15px; line-height: 1.45; color: #1f2d3d; }
.ind-std { font-family: Consolas, "SF Mono", Menlo, monospace; font-size: 12.5px; color: #6b7c8e; }
#ind-list .dc-note { font-size: 14px; color: #5a6b7d; }

@media (max-width: 760px) {
    #ind-hero { padding: 100px 0 40px; }
    #dc-page #ind-hero h1 { font-size: 30px; }
    #ind-hero .dc-lead { font-size: 16px; }
    .ind-card__head { flex-direction: column; padding: 18px 16px 14px; }
    #dc-page .ind-prods { grid-template-columns: 1fr; }
    .ind-prods li { padding: 12px 16px; border-right: 0; }
}
#dc-page #ind-hero .ind-stds { margin-top: 18px; font-size: 14px; font-weight: 600; letter-spacing: .03em; color: rgba(255,255,255,.85); }
.ind-tag--flange, .ind-tag--fitting { background: #e6f4f4; color: #1f6b6b; }
.ind-tag--gasket, .ind-tag--fastener { background: #f4ecec; color: #8a3a3a; }
.ind-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.ind-tag--proc { background: #fff; color: #1f6b6b; border: 1px solid #9cc9c9; }
.ind-proc { background: #fff; border: 1px solid #e3eaf2; border-radius: 12px; padding: 22px 24px; text-align: left; }
#dc-page .ind-proc h2 { text-align: left; font-size: 22px; font-weight: 700; color: #0b2a4a; margin-bottom: 14px; }
.ind-proc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ind-proc__grid > div { border-top: 3px solid #0a5ea8; padding-top: 12px; display: flex; flex-direction: column; gap: 6px; }
#dc-page .ind-proc h3 { font-size: 17px; font-weight: 700; color: #0b2a4a; }
#dc-page .ind-proc p { font-size: 15px; line-height: 1.5; color: #1f2d3d; }
#dc-page .ind-proc p.ind-std { font-size: 12.5px; color: #6b7c8e; }
.ind-proc a { font-size: 14px; font-weight: 600; color: #0a5ea8; text-decoration: none; margin-top: 4px; }
@media (max-width: 760px) { .ind-proc { padding: 18px 16px; } .ind-proc__grid { grid-template-columns: 1fr; } }
/* 2026.10.21 breadcrumb, facts, requirements, FAQ */
#dc-page .ind-crumb { margin-bottom: 14px; font-size: 13px; color: rgba(255,255,255,.75); }
#dc-page .ind-crumb a { color: #cfe6ff; text-decoration: none; }
#dc-page .ind-crumb span { margin: 0 4px; }
#dc-page .ind-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
#dc-page .ind-facts li { font-size: 13px; padding: 4px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #fff; }
.ind-grade a { color: inherit; text-decoration: none; border-bottom: 1px dashed #9db4cc; }
.ind-grade a:hover { color: #0a5ea8; border-bottom-color: #0a5ea8; }
#ind-faq { padding: 50px 0 10px; background: #fff; text-align: left; }
#dc-page #ind-faq h2 { font-size: 26px; font-weight: 700; color: #0b2a4a; margin-bottom: 18px; text-align: left; }
.ind-faq { border-bottom: 1px solid #e3eaf2; padding: 14px 0; }
.ind-faq summary { cursor: pointer; font-size: 17px; font-weight: 600; color: #0b2a4a; list-style: none; padding-right: 28px; position: relative; }
.ind-faq summary::-webkit-details-marker { display: none; }
.ind-faq summary::after { content: '+'; position: absolute; right: 4px; top: -2px; font-size: 22px; color: #0a5ea8; }
.ind-faq[open] summary::after { content: '\2212'; }
#dc-page .ind-faq p { margin-top: 10px; font-size: 15px; line-height: 1.6; color: #1f2d3d; max-width: 900px; }
/* Arabic (dir=rtl on #dc-page) */
#dc-page[dir="rtl"], #dc-page[dir="rtl"] .ind-card, #dc-page[dir="rtl"] .ind-proc, #dc-page[dir="rtl"] #ind-faq { text-align: right; }
#dc-page[dir="rtl"] .ind-card h2, #dc-page[dir="rtl"] .ind-proc h2, #dc-page[dir="rtl"] #ind-faq h2 { text-align: right; }
#dc-page[dir="rtl"] .ind-grade, #dc-page[dir="rtl"] .ind-std { direction: ltr; unicode-bidi: isolate; text-align: right; }
#dc-page[dir="rtl"] .ind-tag { align-self: flex-start; }
#dc-page[dir="rtl"] .ind-faq summary { padding-right: 0; padding-left: 28px; }
#dc-page[dir="rtl"] .ind-faq summary::after { right: auto; left: 4px; }
#dc-page[dir="rtl"] .ind-proc__grid > div { text-align: right; }