.compare-panel{border:2px solid var(--ink,#24251f);padding:24px;margin:24px 0;background:#f5f2e9;scroll-margin-top:16px}.compare-panel[hidden]{display:none}.compare-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.compare-heading h3{font-size:30px;margin:8px 0}.compare-panel select{display:block;width:100%;max-width:100%;margin:8px 0 16px;padding:12px;min-width:0}.compare-selectors,.compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-panel label{display:block;min-width:0;font-weight:600}.compare-card{min-width:0;border:1px solid #aaa89c;padding:20px;background:#fffdf6;overflow-wrap:anywhere}.compare-card h4{font-size:25px;margin:10px 0}.compare-art{height:190px;margin-bottom:16px;display:flex;justify-content:center;background:#e9e6db}.compare-art img{max-width:100%;height:100%;object-fit:contain}.compare-card dt{font-weight:700;border-top:1px solid #d6d3c7;padding-top:14px;margin-top:14px}.compare-card dd{margin:8px 0;line-height:1.6}.compare-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.compare-panel button,.compare-story-nav button{padding:12px;min-height:44px}.compare-story-nav{background:#eeeade;border:1px solid #aaa89c;padding:16px;margin-bottom:18px}.compare-story-nav button{margin:4px}.compare-empty{border-style:dashed}.compare-card p,.compare-panel>p{line-height:1.6}#compare-toggle{padding:12px;min-height:44px;margin-left:8px}@media(max-width:600px){.compare-panel{padding:14px}.compare-heading{display:block}.compare-selectors,.compare-columns{grid-template-columns:1fr}.compare-card{padding:14px}.compare-heading h3{font-size:26px}#compare-toggle{margin:8px 0}}