.comparison{background:#f4f2eb;color:#18333a;overflow:auto}
.compare-header{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #bbc4bd;font-size:13px;gap:20px}
.comparison a{color:inherit;text-decoration:none}.compare-header>a:first-child{font-weight:700;letter-spacing:.15em}
.comparison main{width:min(1500px,92vw);margin:0 auto}
.compare-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:45px;margin:40px 0 24px}
.eyebrow{grid-column:1/-1;font-size:12px;letter-spacing:.15em;margin:0 0 12px}.compare-intro h1{font-size:clamp(36px,4vw,65px);font-weight:500;line-height:1.2;margin:0}.compare-intro>p:last-child{font-size:16px;line-height:1.85;margin:0}
.source-note{border-top:1px solid #bbc4bd;border-bottom:1px solid #bbc4bd;padding:14px 0;font-size:14px;max-width:none;background:transparent}.source-note p{max-width:1000px;line-height:1.7}.source-note summary{cursor:pointer}
.compare-toolbar{display:flex;align-items:center;gap:10px;margin:24px 0 20px;flex-wrap:wrap}.compare-toolbar output{margin-left:auto;font-variant-numeric:tabular-nums;font-size:13px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story{min-width:0}.story-number{font-size:12px;letter-spacing:.1em;color:#56716c}.story h2{font-size:25px;font-weight:500;margin:8px 0 6px}.story>p{font-size:14px;line-height:1.7;min-height:3.4em;margin:8px 0 18px}.story .stage-viewport{width:100%;aspect-ratio:16/9;box-shadow:none;border:0}.story .stage-canvas .stage-bg{opacity:.25}
.story .story-use{font-size:13px;margin-bottom:12px;color:#40645d;min-height:0}.story .story-time{min-height:0;font-size:12px;line-height:1.8;margin:12px 0}
.story-head{display:flex;justify-content:space-between;align-items:center}.story-head button{font-size:12px}.story-grid.focus{grid-template-columns:1fr;max-width:1100px;margin:0 auto}.story-grid.focus .story>p{min-height:0}.story[hidden]{display:none}
.compare-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bbc4bd;font-size:12px;line-height:1.7;margin:32px 0;padding:18px 0}.compare-foot a{white-space:nowrap}
@media(max-width:800px){.story-grid{grid-template-columns:1fr}.compare-intro{grid-template-columns:1fr;gap:20px}.compare-header span{max-width:190px}.compare-foot{display:block}.story>p{min-height:0}.comparison main{width:92vw}}