.etl-decision-panel{box-sizing:border-box;margin:32px 0;padding:28px 32px;border:1px solid #d1d9e0;border-radius:3px;background:#f6f8fb;color:#101722;font-family:"DM Sans",sans-serif;line-height:1.65}
.etl-decision-panel .etl-panel-label{display:flex;align-items:center;gap:9px;margin:0 0 16px!important;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px!important;line-height:1.5;letter-spacing:1px;text-transform:uppercase;color:#063b88;font-weight:500}
.etl-panel-label:before{content:none;display:none}
.etl-decision-panel h3{font-family:"Manrope",sans-serif;font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 18px!important;color:inherit}
.etl-decision-panel p,.etl-decision-panel li{font-size:16px}
.etl-decision-panel p{margin:0 0 12px}
.etl-decision-panel p:last-child{margin-bottom:0}
.etl-decision-panel ul{list-style:none;padding:0!important;margin:0!important}
.etl-decision-panel li{position:relative;border-top:1px solid #dce2e9;padding:12px 0 12px 23px;margin:0!important}
.etl-decision-panel li:before{content:"";position:absolute;left:3px;top:23px;width:4px;height:4px;background:#6a809b;border-radius:50%}
.etl-decision-panel li:last-child{padding-bottom:0}
.etl-panel-tradeoffs{background:#fff}
/* Shared outline and mild rounding; each decision panel has one distinct detail. */
.etl-container,.etl-decision-panel{position:relative;--etl-corner:#6686aa}
.etl-container-corners:before,.etl-container-corners:after,.etl-panel-questions:before,.etl-panel-questions:after{content:"";position:absolute;width:13px;height:13px;pointer-events:none;border-color:var(--etl-corner);border-style:solid;opacity:.8}
.etl-container-corners:before,.etl-panel-questions:before{right:9px;top:9px;border-width:1px 1px 0 0}
.etl-container-corners:after,.etl-panel-questions:after{left:9px;bottom:9px;border-width:0 0 1px 1px}
.etl-container{border:1px solid #d1d9e0;border-radius:3px}
.etl-container-dark{--etl-corner:#91b9ef;border-color:#315578}
.etl-panel-tradeoffs .etl-panel-label{padding-bottom:14px;border-bottom:1px solid #d1d9e0}
.etl-panel-implications:before{content:"";position:absolute;inset:7px;border:1px solid rgba(145,185,239,.24);border-radius:2px;pointer-events:none}

.etl-panel-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.etl-panel-column+ .etl-panel-column{border-left:1px solid #d1d9e0;padding-left:28px}
.etl-panel-column strong{font-weight:700;color:#063b88}
.etl-panel-implications{background:#082c59;border-color:#315578;--etl-corner:#91b9ef;color:#fff}
.etl-panel-implications .etl-panel-label{color:#d5e6ff}
.etl-panel-implications h3,.etl-panel-implications p{color:#fff}
.etl-panel-gallery{padding:35px 0}
.etl-panel-gallery>h1{font:800 36px/1.2 "Manrope",sans-serif;margin:0 0 20px}
@media(max-width:600px){.etl-decision-panel{padding:22px 20px}.etl-decision-panel h3{font-size:22px}.etl-panel-columns{grid-template-columns:1fr;gap:20px}.etl-panel-column+ .etl-panel-column{border-left:0;border-top:1px solid #d1d9e0;padding-left:0;padding-top:20px}}