/* Compact layout comparison. The page shows outcomes; trace playback remains a development tool. */
#hero.sim-hero>.section-inner{width:100%}
.ls-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);margin-top:38px;border:1px solid #315161;background:#081b27}
.sim-hero-copy{display:block}
.ls-hero-plan{margin:0;min-width:0;background:#071a27}
.ls-hero-plan figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid #315161;font-size:.8rem;color:#c5dbe4}
.ls-hero-plan figcaption strong{font-weight:500}
.ls-hero-plan img{display:block;width:100%;height:auto}
.ls-summary header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.ls-summary h2{font-size:1.08rem;line-height:1.5;color:#e0edf1;letter-spacing:-.025em}
.ls-example{color:#9eb6c2;font-size:.73rem;white-space:nowrap}
.ls-workflow-inline{margin:0 0 28px}
.ls-process-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:28px;max-width:800px}
.ls-process-flow li{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;min-width:0;text-align:center}
.ls-process-flow li+li::before{content:'→';position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%);color:#61b9c9;font:.95rem var(--mono)}
.ls-process-flow li>span{display:block;color:#c5dbe4;font-size:.76rem;line-height:1.5}
.ls-process-icon{width:40px;flex:0 0 40px}
.ls-process-icon svg{display:block;width:100%;height:auto}
.ls-summary{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #315161;padding:27px 28px;background:linear-gradient(125deg,#15343b66,transparent)}
.ls-summary header{display:block}.ls-summary header>span{display:block;margin-top:8px;color:#a9c5d0;font-size:.82rem}
.ls-summary-rows{margin-top:24px}.ls-summary-row+.ls-summary-row{margin-top:22px}
.ls-summary-row>div:first-child{display:flex;align-items:center;gap:10px;font-size:.81rem;color:#c3d9e3;margin-bottom:9px}
.ls-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;border:1px solid #588295;color:#a8d4e5;font:1.5rem/1 var(--mono);flex-shrink:0}
.ls-summary-row strong{font:1.9rem/1 var(--mono);margin-left:auto;color:#d9ecf3}
.ls-output-track{height:7px;background:#284450;overflow:hidden}.ls-output-track i{display:block;height:100%;background:#79b8d0}
.ls-summary-row[data-summary='B'] .ls-output-track i,[data-result$=':B'] .ls-output-track i{background:#70d4bc}
.ls-summary-result{font-size:.84rem;color:#9fe8d0;margin-top:21px;line-height:1.5}
.ls-layouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ls-layout-card{min-width:0;border:1px solid #345568;background:#091c29}
.ls-layout-card header{display:flex;align-items:center;gap:13px;padding:21px 24px;border-bottom:1px solid #294958}
.ls-layout-card h3{font-size:1.17rem;line-height:1.5;color:#e0ebf0}
.ls-layout-card:nth-child(2) .ls-letter{color:#99e7cf;border-color:#4a9587}
.ls-layout-card img{display:block;width:100%;height:auto}
.ls-layout-card>p{padding:17px 23px;margin:0;border-top:1px solid #294958;color:#bbd1dc;font-size:.89rem;line-height:1.65}
.ls-results{border-collapse:collapse;width:100%;table-layout:fixed;margin-top:30px;color:#c2d9e3}
.ls-results caption{text-align:left;font-size:1.08rem;font-weight:600;color:#e0edf1;padding:0 0 16px}
.ls-results th,.ls-results td{text-align:left;border-bottom:1px solid #2b4657;padding:20px 24px;vertical-align:middle}
.ls-results thead th{font-size:.83rem;font-weight:500;background:#132d3b;color:#b4d1df}
.ls-results thead th:first-child{width:30%}
.ls-results tbody th{font-weight:400;background:#0a1d29}
.ls-results tbody th>strong{display:block;color:#deedf1;font-size:.98rem;margin-bottom:7px}
.ls-results tbody th>span{display:block;font-size:.84rem;line-height:1.65}
.ls-results .ls-product-mix{color:#9cb5c4;font-size:.76rem;margin-top:4px}
.ls-results tbody td{background:#091a26}
.ls-output-number{display:flex;align-items:baseline;gap:7px;margin-bottom:11px}
.ls-output-number>strong{font:2.8rem/1 var(--mono);color:#d3eaf3}
.ls-output-number>span{font-size:.84rem}
.ls-result-status{display:block;font-size:.82rem;line-height:1.6;margin-top:9px;color:#d7b886}
[data-met-target='true'] .ls-result-status{color:#8fe0c0}
[data-met-target='true'] .ls-output-number>strong{color:#a4efd7}
.ls-decision{display:flex;align-items:flex-start;gap:30px;padding:25px 28px;margin-top:24px;background:#102b2d;border-left:3px solid #70d4bc}
.ls-decision h3{font-size:1rem;white-space:nowrap;color:#b7efdc;line-height:1.85}
.ls-decision p{margin:0;color:#c0dadb;font-size:.94rem;line-height:1.85}
@media(max-width:1100px){.ls-overview{grid-template-columns:1.4fr 1fr}.ls-summary{padding:24px 20px}.ls-example{font-size:.67rem}}
@media(max-width:800px){.ls-overview{grid-template-columns:1fr}.ls-summary{border-left:0;border-top:1px solid #315161}.ls-summary header{display:flex}.ls-summary-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:20px}.ls-summary-row+.ls-summary-row{margin:0}.ls-summary-result{margin-top:18px}.ls-layouts{gap:16px}.ls-layout-card header{padding:18px}.ls-layout-card h3{font-size:1rem}.ls-layout-card>p{padding:15px 18px;font-size:.83rem}.ls-results th,.ls-results td{padding:18px}.ls-output-number>strong{font-size:2.35rem}.ls-decision{gap:20px;padding:22px}}
@media(max-width:600px){.ls-overview{margin-top:25px}.ls-hero-plan figcaption{padding:14px 16px;font-size:.74rem}.ls-summary h2{font-size:1rem}.ls-example{font-size:.7rem}.ls-workflow-inline{margin-bottom:22px}.ls-process-flow{gap:12px}.ls-process-flow li{display:block}.ls-process-icon{width:34px;margin:0 auto}.ls-process-flow li+li::before{right:calc(100% + 1px);top:17px;font-size:.75rem}.ls-process-flow li>span{font-size:.67rem;line-height:1.4;margin-top:5px;word-break:keep-all}.ls-summary{padding:21px 18px}.ls-summary header{display:block}.ls-summary header>span{font-size:.8rem}.ls-summary-rows{gap:17px}.ls-summary-row>div:first-child{font-size:.76rem;gap:7px;flex-wrap:wrap}.ls-summary-row .ls-letter{width:24px;height:27px;font-size:1.15rem}.ls-summary-row strong{width:100%;margin:2px 0 0;font-size:2rem}.ls-summary-result{font-size:.82rem}.ls-layouts{grid-template-columns:1fr;gap:21px}.ls-layout-card header{padding:16px 19px}.ls-layout-card h3{font-size:1.09rem}.ls-layout-card>p{font-size:.86rem}.ls-results{margin-top:27px}.ls-results caption{font-size:1rem}.ls-results th,.ls-results td{padding:15px 10px}.ls-results thead th{font-size:.72rem;line-height:1.55}.ls-results thead th:first-child{width:31%}.ls-results tbody th>strong{font-size:.84rem}.ls-results tbody th>span{font-size:.76rem}.ls-results .ls-product-mix{font-size:.7rem}.ls-output-number{gap:4px}.ls-output-number>strong{font-size:2rem}.ls-output-number>span{font-size:.7rem}.ls-result-status{font-size:.72rem}.ls-decision{display:block;padding:18px 20px}.ls-decision h3{font-size:.92rem;margin-bottom:7px}.ls-decision p{font-size:.88rem}}