/* Brine Valorization: layout only, on top of green-hydrogen.css and lithium-brine.css
   (the page reuses the Lithium page's blocks). The resins table and the closing
   band are the PFAS page's (.pf-table, .pf-ctaband), scoped to this page. */
#main-content.bv-page .li-sources{grid-template-columns:repeat(4,minmax(0,1fr))}
#main-content.bv-page .li-sources + .ds-body-large{margin-top:40px}
#main-content.bv-page .li-wide + .li-wide{margin-top:16px}
#main-content.bv-page .bv-bullets{margin-top:24px}
.bv-page .gh-grid.li-offers + .gh-grid{margin-top:24px}
#main-content.bv-page .bv-after{margin-top:32px}
/* Hero title: "valorization" at the same size as "Brine" (user, 3 Nov 2026).
   The Lithium page's smaller second line (.li-h1-sub) stays as it is there. */
#main-content.bv-page .page-banner__title .li-h1-sub{font-size:inherit;line-height:inherit}
@media(max-width:1023px){#main-content.bv-page .li-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* INDION resins table */
.bv-page .bv-table-wrap{margin-top:32px;overflow-x:auto;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.bv-page .bv-table{width:100%;min-width:820px;border-collapse:collapse}
/* Compact rows (Arjun, 3 Nov 2026: the resin table can be more compact),
   at the Semiconductor table's padding. */
.bv-page .bv-table th,.bv-page .bv-table td{padding:13px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;color:#334155}
.bv-page .bv-table thead th{background:#f8fafc;color:#0f172a}
.bv-page .bv-table tbody th{color:#0f172a;width:16%}
.bv-page .bv-table tbody tr:last-child th,.bv-page .bv-table tbody tr:last-child td{border-bottom:0}
/* Look of the Semiconductor page's tables (.dsol-table, user 3 Nov 2026): the
   small uppercase header, and the INDION resin column in the blue product
   treatment that the offering column has there. Text unchanged. */
.bv-page .bv-table thead th{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
.bv-page .bv-table tbody th{font-family:var(--type-font-body);font-weight:700;color:#00679f;background:rgba(0,124,195,.05)}
.bv-page .bv-cell-label{display:none}
.bv-page .bv-more{margin-top:24px}

/* Closing band */
.bv-page .bv-ctaband{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:56px;padding:32px 40px;border-radius:20px;background:#0a2740;color:#fff}
.bv-page .bv-ctaband .gh-title{margin:0;color:#fff}
.bv-page .bv-cta__text{margin:12px 0 0;color:rgba(255,255,255,.85)}
#main-content.bv-page .bv-btn{flex:none;display:inline-flex;align-items:center;padding:14px 24px;border-radius:999px;background:#fff;color:#0a2740;text-decoration:none;transition:background-color .2s ease,color .2s ease}
#main-content.bv-page .bv-btn:hover{background:#007cc3;color:#fff}

@media(max-width:759px){
.bv-page .bv-ctaband{flex-direction:column;align-items:flex-start;padding:24px}
#main-content.bv-page .bv-btn{width:100%;justify-content:center;text-align:center}
.bv-page .bv-table-wrap{overflow:visible;border:0;background:transparent;border-radius:0}
.bv-page .bv-table,.bv-page .bv-table tbody,.bv-page .bv-table tr,.bv-page .bv-table th,.bv-page .bv-table td{display:block;min-width:0;width:auto}
.bv-page .bv-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bv-page .bv-table tbody{display:grid;gap:16px}
.bv-page .bv-table tr{border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden}
.bv-page .bv-table tbody th{width:auto;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:transparent}
.bv-page .bv-table td{padding:14px 20px 0;border-bottom:0}
.bv-page .bv-table td:last-child{padding-bottom:18px}
.bv-page .bv-cell-label{display:block;margin:0 0 4px}
}