.compare{max-width:1250px;margin:0 auto;padding:0 var(--card-gutter,0)}.compare .page-title{margin:18px 0 14px}.compare-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:20px}.compare-slot{display:flex;flex-direction:column;gap:6px}.compare-slot-name{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slot-colour)}.compare-slot-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;padding:0 10px 0 12px;border:1px solid #e5e7eb;border-left:3px solid var(--slot-colour);border-radius:8px;background:#fff}.compare-slot-symbol{font-weight:600;font-size:14px}.compare-slot-remove{font-size:18px;line-height:1;padding:2px 4px;color:var(--text-muted,#6b7280);text-decoration:none;border-radius:4px}.compare-slot-remove:hover{background:#f3f4f6;color:#111827}.compare-search,.compare-search .search-wrapper,.compare-search .search-input-wrapper{width:100%;max-width:none}.compare-search .search-wrapper{height:auto;padding:0}.compare-hint{margin:28px 0;text-align:center;color:var(--text-muted,#6b7280)}.compare-tabs{display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.compare-tabs nav{display:flex;gap:4px}.compare-actions{display:flex;gap:6px;margin:0 0 6px auto}.compare-actions[hidden]{display:none}.compare-actions button{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border-muted,#b0b4bf);border-radius:4px;background:#fff;font:inherit;font-size:12px;font-weight:500;color:#4b5262;cursor:pointer}.compare-actions button:hover{background:#f6f6f6}.compare-actions button[hidden]{display:none}.compare-actions .sp-icon{width:15px;height:15px}@media (max-width:560px){.compare-actions button span{display:none}.compare-actions button{padding:5px 8px}}.compare-tabs a{padding:9px 16px;font-size:14px;font-weight:500;color:var(--text-muted,#6b7280);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.compare-tabs a:hover{color:#111827}.compare-tabs a.is-on{color:#111827;border-bottom-color:#111827}.compare-panel{min-height:320px;padding:16px var(--card-pad,16px);background:#fff;border:1px solid #eef0f4;border-radius:12px}.compare-todo{margin:0;color:var(--text-muted,#6b7280)}.compare-canvas{position:relative;height:clamp(280px,46vmin,520px)}@media (max-width:768px){.compare-canvas{height:clamp(220px,36vmin,360px)}}@media (max-width:480px){.compare-canvas{height:200px}}.compare-watermark{position:absolute;top:4%;left:8%;z-index:1;width:clamp(88px,34%,360px);height:auto;object-fit:contain;opacity:.1;pointer-events:none}.compare-canvas canvas{position:relative;z-index:2}@media (max-width:768px){.compare-watermark{top:24%;left:50%;transform:translateX(-50%)}}.compare-chart-empty{margin:0;padding:24px 0;text-align:center;color:var(--text-muted,#6b7280)}.compare-chart-empty[hidden]{display:none}.compare-tip{position:absolute;z-index:2;pointer-events:none;padding:7px 10px;border-radius:6px;background:rgba(17,24,39,.93);color:#fff;font-size:12px;line-height:1.5;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:left .08s ease-out,top .08s ease-out}.compare-tip[hidden]{display:none}.compare-tip-row{display:flex;align-items:center;gap:6px}.compare-tip-row i{width:8px;height:8px;border-radius:50%;flex:none}.compare-tip-name{color:#cbd5e1}.compare-tip-row b{margin-left:auto;padding-left:10px;font-weight:600}.compare-legend{display:flex;flex-wrap:wrap;gap:4px 6px;list-style:none;margin:10px 0 0;padding:0}.compare-legend li{display:flex;align-items:stretch;border:1px solid #e5e7eb;border-radius:999px;background:#fff;overflow:hidden}.compare-legend button{display:flex;align-items:center;gap:6px;padding:3px 8px;border:0;background:none;font:inherit;font-size:12px;color:#374151;cursor:pointer}.compare-legend button:hover{background:#f3f4f6}.compare-legend .compare-legend-name[aria-pressed="false"]{opacity:.45;text-decoration:line-through}.compare-legend i{flex:none}.compare-legend i.is-bar{width:10px;height:10px;border-radius:2px;background:currentColor}.compare-legend i.is-line{position:relative;width:20px;height:2px;border-radius:1px;background:currentColor}.compare-legend.has-dots i.is-line::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:currentColor}.compare-legend-shape{border-right:1px solid #e5e7eb}.compare-legend-unit{display:flex;align-items:center;justify-content:center;min-width:22px;padding:0 6px;font-size:10px;font-weight:700}button.compare-legend-unit{border-left:1px solid #dbeafe;background:#eef2ff;color:#4338ca}button.compare-legend-unit:hover{background:#dbe3ff;color:#312e81}button.compare-legend-unit[data-to="y1"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13m-5-5 5 5-5 5' fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12h13m-5-5 5 5-5 5' fill='none' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,e-resize}button.compare-legend-unit[data-to="y"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H6m5-5-5 5 5 5' fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 12H6m5-5-5 5 5 5' fill='none' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,w-resize}.compare-legend .compare-legend-unit.is-fixed{min-width:0;padding:0;border:0;background:none;color:var(--text-muted,#9ca3af);cursor:inherit}.compare-legend li.is-left .compare-legend-unit{order:-1}.compare-legend li.is-left button.compare-legend-unit{border-left:0;border-right:1px solid #dbeafe}.picker-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;margin:16px 0;border:1px solid #ccc;border-radius:6px;background:#f6f7f9}.picker-search:focus-within{border-color:#1976d2;box-shadow:0 0 0 2px #1976d240}.picker-search input{flex:1;border:0;background:none;outline:none;font-size:14px}.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 20px}.picker-search{grid-column:1 / -1}.picker-group h3{margin:4px 0 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#6b7280)}.picker-group ul{list-style:none;margin:0 0 14px;padding:0}.picker-item a,.picker-item .picker-dead{display:block;padding:5px 8px;border-radius:5px;font-size:13px;color:#111827;text-decoration:none}.picker-item a:hover{background:#f3f4f6}.picker-item.is-on a{font-weight:600;color:#0b6bcb}.picker-item.is-on a::before{content:"✓";margin-right:5px;font-weight:700}.picker-item.is-empty .picker-dead,.picker-item.is-full a{color:#9ca3af;cursor:not-allowed}.picker-item.is-full a:hover{background:none}.picker-why{display:block;font-size:11px;color:#b0b6c0}.picker-item a .picker-why{display:none}.picker-item.is-full a .picker-why{display:block}.picker-item[hidden],.picker-group[hidden]{display:none}.picker-none{grid-column:1 / -1;margin:4px 0;color:var(--text-muted,#6b7280)}.compare-modes{display:flex;align-items:center;gap:2px}.compare-modes a{padding:0 10px;height:32px;line-height:32px;border-radius:4px;font-size:13px;font-weight:600;color:#64748b;text-decoration:none}.compare-modes a:hover{background:#f1f5f9}.compare-modes a.is-on{color:#4057ff;background:#e6f3fd}.compare-modes[hidden],.compare-modes a[hidden]{display:none}.compare-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}@media (max-width:768px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.card-delta{display:none}}.card{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(15,23,42,.06)}.card.is-on{border-color:var(--winner-colour,#888);box-shadow:0 4px 18px rgba(15,23,42,.08)}.card-row b.is-winner{font-weight:800}.card.is-empty{opacity:.55}.card-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#6b7280)}.card-row{display:flex;align-items:baseline;gap:6px;font-size:13px}.card-row i{width:8px;height:8px;flex:none;border-radius:2px;align-self:center}.card-symbol{color:var(--text-muted,#6b7280)}.card-row b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.card-delta{font-size:11px;min-width:58px;text-align:right}.card-delta.is-good{color:var(--value-positive-fg,#166534)}.card-delta.is-bad{color:var(--value-negative-fg,#991b1b)}.compare-periods{display:flex;align-items:center;gap:2px}.compare-periods a{padding:0 10px;height:32px;line-height:32px;border-radius:4px;font-size:13px;font-weight:600;color:#64748b;text-decoration:none}.compare-periods a:hover{background:#f1f5f9}.compare-periods a.is-on{color:#4057ff;background:#e6f3fd}