.expansion-results-host{min-width:0}
.preview-stats{flex-wrap:wrap}
.run-meta{align-items:flex-start;flex-wrap:wrap}
.expansion-intro{padding:0 20px 16px;color:var(--dim);font-size:11px;line-height:1.9}
.expansion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 20px}
.expansion-card{min-width:0;padding:17px;border:1px solid #294357;border-radius:9px;background:linear-gradient(135deg,#122438,#101b2c)}
.expansion-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.expansion-card-head h4{margin:0;font-size:13px;font-weight:550;line-height:1.7;overflow-wrap:anywhere}
.expansion-card-head .badge{flex-shrink:0;margin-top:2px}
.expansion-channel{font-size:10px;color:#7d9bb3;margin:6px 0 13px}
.expansion-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.expansion-term{padding:10px 12px;min-width:0;border:1px solid #293b50;border-radius:7px;background:#0b192a}
.expansion-term small{display:flex;align-items:center;gap:6px;font-size:9px;color:#7896af}
.expansion-term small b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#243c4d;color:#8ccacb;font:600 10px var(--number)}
.expansion-term>span{display:block;font-size:12px;line-height:1.8;margin-top:5px;color:#b7cfdf;overflow-wrap:anywhere}
.expansion-term.generated{border-color:#4e48715e;background:#38265122}
.expansion-term.generated small b{color:#c6adf4;background:#8b68c32a}
.expansion-term.generated>span{color:#d5c2f2}
.expansion-note{font-size:10px;line-height:1.9;color:#7999b1;display:block;margin:11px 0;overflow-wrap:anywhere}
.expansion-warning{color:#d6b97d}
.display-combinations-label{font-size:10px;color:#86a8bc;line-height:1.8;margin:15px 0 7px}
.display-combinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 13px}
.display-combination{display:flex;flex-direction:column;gap:5px;min-width:0;padding:10px 11px;border:1px solid #2e4659;border-radius:6px;background:#112637}
.display-combination strong{font:600 10px var(--number);color:#6ebfbe}
.display-combination>span{font-size:11px;line-height:1.8;color:#bfd4df;overflow-wrap:anywhere}
.family-record-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.family-record-actions>.expansion-note{flex:1 1 140px;margin:0}
.family-record-link{display:flex;align-items:center;gap:8px;padding:10px 12px;min-width:0;flex:1 1 145px;border:1px solid #365265;border-radius:6px;background:#152d3d;color:#8ed4d2;text-align:left;cursor:pointer}
.family-record-link:hover{border-color:#60c9c7;background:#1b3b49}
.family-record-link.current{border-color:#51c5c2;background:#21464f}
.family-record-link>svg{width:17px;height:17px;flex-shrink:0}
.family-record-link>span{font-size:10px;line-height:1.6}
.family-record-link small{display:block;font-size:9px;color:#8da9bb;margin-top:2px}
.family-record-link.generation-link{color:#c2ace5;border-color:#5d477b}
.generated-column{padding:13px 10px;text-align:left}
.generated-column>span,.generated-column>b{text-align:center}
.generated-column-label{font-size:9px;color:#b9a2df;text-align:center;margin-bottom:9px}
.generated-column-list{display:flex;flex-direction:column;gap:7px;max-height:184px;overflow-y:auto}
.generated-column-list button{padding:8px;background:#7c55ab12;border:1px solid #5d447e55;border-radius:5px;display:block;text-align:left;width:100%;color:#cfb8f0;cursor:pointer;overflow-wrap:anywhere}
.generated-column-list button:hover{border-color:#a186ca}
.generated-column-list strong{font-size:11px;font-weight:500;display:block}
.generated-column-list small{display:block;color:#8597af;font-size:8px;line-height:1.7;margin-top:4px}
.generated-terms-cell{min-width:130px;max-width:230px}
.generated-terms-cell>span{display:flex;align-items:baseline;gap:6px;font-size:10px;line-height:1.8;color:#bfa9df;white-space:normal;overflow-wrap:anywhere}
.generated-terms-cell b{font:500 9px var(--number);color:#8c9bb2}
.snapshot-family{padding:0 0 10px;margin:18px 0;border-top:1px solid #24374d;border-bottom:1px solid #24374d}
@media(max-width:960px){.expansion-grid{grid-template-columns:1fr}}
@media(max-width:700px){.expansion-grid{padding:0 16px 16px;gap:11px}.expansion-intro{padding:0 16px 13px;font-size:10px}.expansion-card{padding:13px}.expansion-card-head h4{font-size:12px}.expansion-terms{gap:7px}.expansion-term{padding:8px 10px}.expansion-term>span{font-size:11px}.display-combination{padding:8px 10px}.display-combination>span{font-size:10px}.family-record-link{padding:9px 10px;flex-basis:125px}.family-record-link small{font-size:8px}.generated-column-list{max-height:155px}.generated-column-list strong{font-size:10px}.generated-column-list small{font-size:7px}.expansion-results-host .panel-head h3{font-size:11px}.expansion-results-host .panel-head .table-link{font-size:9px}.expansion-results-host .panel-head{gap:8px}}
