.compare-card{display:grid;gap:24px}.compare-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}.compare-head h2{margin:.35rem 0 .75rem}.compare-controls{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.compare-controls button{min-height:40px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.compare-controls button[aria-pressed="true"]{background:var(--accent);color:#fff}.compare-stage{display:grid;gap:18px}.compare-stage[data-mode="split"]{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-panel{position:relative;min-width:0;margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow,0 12px 30px rgba(0,0,0,.08))}.compare-panel img{display:block;width:100%;height:clamp(280px,52vw,620px);object-fit:cover;background:var(--surface-2,#ece8df)}.compare-stage[data-mode="split"] .compare-panel img{height:clamp(260px,38vw,520px)}.compare-panel figcaption{padding:14px 16px;color:var(--muted);line-height:1.55}.compare-label{position:absolute;z-index:2;top:12px;left:12px;padding:7px 11px;border-radius:999px;background:rgba(20,28,28,.82);color:#fff;font-size:.82rem;font-weight:800;backdrop-filter:blur(6px)}.compare-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-notes>div{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.compare-notes span{color:var(--muted);line-height:1.55}.source-box{padding:18px;border-left:4px solid var(--accent);border-radius:0 16px 16px 0;background:var(--accent-soft)}.source-box h3{margin-top:0}.source-box .sources{margin-bottom:0}@media(max-width:760px){.compare-head{grid-template-columns:1fr}.compare-controls{width:100%;overflow-x:auto}.compare-controls button{flex:1 0 auto}.compare-stage[data-mode="split"]{grid-template-columns:1fr}.compare-notes{grid-template-columns:1fr}.compare-panel img,.compare-stage[data-mode="split"] .compare-panel img{height:clamp(260px,70vw,440px)}}