:root {
  --xe-bg: #F1F7ED;
  --xe-panel: #084e71;
  --xe-panel-outcomes: #0b4a68;
  --xe-panel-stack: #0a3f5c;
  --xe-item-on: #136E9B;
  --xe-border: rgba(255,255,255,0.18);
  --xe-text: #fff;
  --xe-radius: 5px;
  --xe-pad: 15px;
}
body{margin:0;background:var(--xe-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111}
.wrap{max-width:1200px;margin:20px auto;padding:0 14px}
.xe-sm-header{
  display:flex;gap:16px;justify-content:space-between;align-items:flex-start;
  padding:20px;border:0;border-radius:5px;background:#174a73;box-shadow:none;color:#fff !important;
}
.xe-sm-title h1{margin:0 0 6px 0;font-size:20px;text-transform:capitalize}
.xe-sm-title p{margin:0;color:rgba(255,255,255,0.92);font-size:13px}
.xe-sm-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.xe-sm-select,.xe-sm-btn{
  min-width:220px;padding:11px 12px;border-radius:5px;
  border:1px solid rgba(255,255,255,0.25);
  background:#234972;color:#fff;outline:none
}
.xe-sm-btn{min-width:auto;cursor:pointer}
.xe-sm-btn-primary{border-color:rgba(15,103,125,0.85);background:#234972}

.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;align-items:stretch}
@media (max-width: 1100px){.grid{grid-template-columns:1fr}}

.xe-sm-panel{
  padding:20px;border:0;border-radius:5px;min-height:260px;
  background:#084e71;box-shadow:none;color:#fff;
}
.xe-sm-panel--outcomes{background:#0b4a68}
.xe-sm-panel--stack{background:#0a3f5c}
.xe-sm-panel h2{margin:0 0 10px 0;font-size:14px;text-transform:capitalize}

.xe-sm-list{display:flex;flex-direction:column;gap:10px}
.xe-sm-item{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  padding:15px;border-radius:5px;border:0;background:rgba(7,15,28,0.40);
  cursor:pointer;color:#fff;text-transform:capitalize
}
.xe-sm-item[aria-pressed="true"]{background:var(--xe-item-on)}
.xe-sm-item small{opacity:.85}

.xe-sm-outcomes-wrap{display:flex;flex-direction:column;gap:10px}
.xe-sm-outcome{cursor:default}

.xe-sm-stacklist{margin:0;padding-left:18px}
.xe-sm-stacklist li{margin:0 0 6px 0;font-size:12px;text-transform:capitalize;color:#fff}
.xe-sm-stacklist li:last-child{margin-bottom:0}

.xe-sm-proofwide{margin-top:12px;margin-bottom:-10px;position:relative;z-index:2}
.xe-sm-proofwide-inner{background:#0d5f86;border-radius:5px;padding:15px;color:#fff}
.xe-sm-proofwide-inner h3{margin:0 0 6px 0;font-size:13px;text-transform:capitalize}
.xe-sm-proofwide-inner .meta{font-size:12px;opacity:.95;margin-top:8px}
.xe-sm-proofwide-inner ul{margin:8px 0 0 18px;padding:0}
.xe-sm-proofwide-inner li{margin:0 0 4px 0;font-size:12px}
.xe-sm-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}

.xe-estate{margin-top:12px;background:#084e71;color:#fff;border-radius:5px;padding:20px;position:relative;z-index:1;padding-top:24px}
.xe-estate h3{margin:0 0 6px 0;font-size:16px;text-transform:capitalize}
.xe-estate .note{font-size:12px;opacity:.92}
.xe-estate-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.xe-estate-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
@media (max-width: 1100px){.xe-estate-top,.xe-estate-bottom{grid-template-columns:1fr}}
.xe-estate-card{background:rgba(0,0,0,0.16);border-radius:5px;padding:15px}
.xe-estate-title{font-size:12px;letter-spacing:.10em;text-transform:capitalize;opacity:.92;margin-bottom:10px}
.xe-estate-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width: 980px){.xe-estate-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.xe-estate-grid3{grid-template-columns:1fr}}
.xe-estate-pill{
  border-radius:5px;padding:15px;background:rgba(7,15,28,0.40);color:#fff;text-transform:capitalize;
  font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;cursor:pointer
}
.xe-estate-pill.is-active{background:var(--xe-item-on);outline:2px solid rgba(255,255,255,0.95);box-shadow:0 0 0 6px rgba(255,255,255,0.10)}
.xe-estate-pill:hover{filter:brightness(1.06)}