/* ===== solutions: /for (industries) and /compare. Classes are sol- prefixed. ===== */
.sol-mh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px;border-bottom:1px solid #EFEFEC;font-size:13.5px}
.sol-mh b{font-weight:500}
.sol-must .drow{padding:13px 20px}
/* tables: regulation mapping and comparisons. Each scrolls inside its own frame on phones. */
.sol-tw{position:relative;margin-top:44px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E8E8E4;border-radius:20px;background:#fff;box-shadow:0 20px 50px -34px rgba(14,18,16,.25)}
.sol-tw:focus-visible{outline:2px solid #146430;outline-offset:3px}
.sol-tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.sol-tbl caption{text-align:left;padding:18px 22px 0;font-size:13px;color:#646A66}
.sol-tbl th,.sol-tbl td{padding:16px 22px;text-align:left;vertical-align:top;border-bottom:1px solid #EFEFEC}
.sol-tbl tbody tr:last-child th,.sol-tbl tbody tr:last-child td{border-bottom:0}
.sol-tbl thead th{font-size:13px;font-weight:500;color:#5E6460;background:#F7F7F5;white-space:nowrap}
.sol-tbl tbody th{font-weight:500;color:#0E1210}
.sol-tbl td{color:#4C524E}
.sol-tbl .sol-us{background:#F4F8F5}
.sol-tbl thead .sol-us{color:#146430;background:#EAF4ED}
.sol-reg{min-width:720px}
.sol-reg tbody th{width:22%}
.sol-reg tbody th small{display:block;font-weight:400;font-size:12.5px;color:#6B716D;margin-top:2px}
.sol-cmp{min-width:680px}
.sol-cmp tbody th{width:30%}
.sol-cmp td{width:35%}
.sol-c{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start}
.sol-m{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:1px}
.sol-m.y{background:#146430;color:#fff}
.sol-m.y::before{content:"✓"}
.sol-m.p{background:#FBF1E2;color:#7A4A0C}
.sol-m.p::before{content:"";width:10px;height:10px;border-radius:50%;border:1.5px solid #B4690E;background:linear-gradient(90deg,#B4690E 50%,transparent 50%)}
.sol-m.n{background:#F2F2F0;color:#6B716D}
.sol-m.n::before{content:"×";font-size:14px;font-weight:500}
.sol-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sol-note{margin:16px 2px 0;font-size:14px;line-height:1.6;color:#646A66;max-width:820px}
.sol-hint{display:none}
.sol-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13.5px;color:#5E6460}
.sol-legend span{display:inline-flex;align-items:center;gap:8px}
/* versus hero: two questions side by side */
.sol-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sol-q{padding:28px;display:flex;flex-direction:column;gap:12px;min-height:250px}
.sol-q .sol-qq{font-size:clamp(22px,2.2vw,28px);font-weight:500;letter-spacing:-.02em;line-height:1.25}
.sol-q p{margin:0;font-size:15px;line-height:1.6;color:#5E6460}
.sol-q .mini{margin-top:auto}
.sol-q.us{background:#0E1210;color:#F2F2F0;border-color:#0E1210}
.sol-q.us .k{color:#8FD3A6}
.sol-q.us p{color:#B9C0BB}
.sol-q.us .pl{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#E4E8E5}
/* how they work together: a vertical chain */
.sol-chain{padding:22px;display:flex;flex-direction:column}
.sol-node{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:#F7F7F5;font-size:15px}
.sol-node small{display:block;font-size:12.5px;color:#6B716D}
.sol-node .ix{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid #E6E6E2;display:inline-flex;align-items:center;justify-content:center;color:#5E6460}
.sol-node.us{background:#F4F8F5;border:1.5px solid #146430}
.sol-node.us .ix{color:#146430}
.sol-link{width:2px;height:16px;margin-left:32px;background:linear-gradient(180deg,#CFD3CF 50%,transparent 50%);background-size:2px 6px}
/* hubs */
.sol-hub .sixcard .st{padding-right:30px}
.sol-hub .sixcard .sa{position:absolute;right:22px;top:26px}
.sol-hub .sixcard.dark{background:#0E1210;border-color:#0E1210;color:#F2F2F0}
.sol-hub .sixcard.dark .sd{color:#B9C0BB}
.sol-hub .sixcard.dark .pl{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#E4E8E5}
.sol-hub .sixcard.dark:hover{background:#18201B;color:#F2F2F0}
.sol-tri .pcard{padding:20px;display:flex;flex-direction:column;gap:10px}
.sol-tri .pcard b{font-size:17px;font-weight:500}
.sol-tri .pcard .mini{padding-top:6px;margin-top:0}
.sol-tri .gw .mini{padding-top:6px}
.sol-qs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sol-qs .pcard{padding:20px;display:flex;flex-direction:column;gap:8px}
.sol-qs .pcard b{font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:1.35}
.sol-qs .pcard .kg{font-size:13px}
.sol-qs .pcard.us{background:#0E1210;border-color:#0E1210;color:#F2F2F0}
.sol-qs .pcard.us .kg{color:#9DA39F}
.sol-qs .pcard.us .k{color:#8FD3A6}
@media (max-width:980px){.sol-vs{grid-template-columns:minmax(0,1fr)}.sol-qs{grid-template-columns:repeat(2,minmax(0,1fr))}.sol-q{min-height:0}}
@media (max-width:640px){.sol-qs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
.sol-tw{border-radius:16px}
.sol-tbl{font-size:14px}
.sol-tbl th,.sol-tbl td{padding:13px 14px}
.sol-reg{min-width:0}
.sol-reg thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sol-reg tr,.sol-reg tbody th,.sol-reg td{display:block;width:auto}
.sol-reg tbody tr{border-bottom:1px solid #EFEFEC}
.sol-reg tbody tr:last-child{border-bottom:0}
.sol-reg tbody th,.sol-reg td{border-bottom:0;padding:6px 16px}
.sol-reg tbody th{padding-top:16px}
.sol-reg td:last-child{padding-bottom:16px;margin-top:6px}
.sol-reg td::before{content:attr(data-l);display:block;font-size:12px;font-weight:500;color:#6B716D;margin-bottom:2px}
.sol-reg td.sol-us::before{color:#146430}
.sol-hint{display:block;margin:12px 2px 0;font-size:13px;color:#6B716D}
.sol-q{padding:22px}
.sol-node{grid-template-columns:30px minmax(0,1fr);font-size:14px}
.sol-node .chipx{grid-column:2;justify-self:start;margin-left:0}
.sol-node .ix{width:30px;height:30px}
.sol-link{margin-left:30px}
}
