.plan-compare{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-top:1px solid var(--line);margin-top:8px;font-size:14px;cursor:pointer}
.plan-compare input{width:18px;height:18px;accent-color:#b34b00;flex-shrink:0}.plan-compare:has(:disabled){opacity:.5}.plan.is-compared{box-shadow:inset 0 0 0 2px #b34b00}
.compare-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#232323;color:#fff;border-bottom:3px solid var(--brand);box-shadow:0 4px 12px #0002;margin-bottom:16px}.compare-count{margin-right:auto;font-size:15px}.compare-bar .icon-button{color:#fff;border:1px solid #777;flex-shrink:0}.compare-bar .button{font-size:15px;min-height:44px}
#compare-dialog:not([open]){display:none}#compare-dialog{width:1000px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:6px;margin:auto;background:#fff;color:var(--ink)}#compare-dialog[open]{display:flex;flex-direction:column}#compare-dialog::backdrop{background:#161616df}
#compare-dialog header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}#compare-dialog header>div{min-width:0;flex:1}#compare-dialog h2{font-size:23px;margin:0 0 4px}#compare-dialog header p{margin:0;font-size:14px}#compare-dialog header button{flex-shrink:0}
.compare-table-scroll{overflow:auto;min-height:0}.compare-table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}.compare-table th,.compare-table td{padding:16px;border:1px solid #d6d6d6;vertical-align:top;text-align:left;overflow-wrap:anywhere}.compare-table thead th{background:#232323;color:#fff}.compare-table thead .recommended{background:var(--brand);color:#171717}.compare-table tbody th{font-weight:600;background:#f5f5f5;width:20%}.compare-table .button{min-height:44px;font-size:14px;padding:10px}.compare-note{padding:16px 20px;margin:0;font-size:13px;color:var(--muted)}body.compare-open{overflow:hidden}.compare-open .chat-entry,.compare-open #ggn-support,.compare-open .mobile-actions{visibility:hidden;pointer-events:none}
@media(max-width:700px){.compare-bar{padding:8px;gap:8px}.compare-count{font-size:13px}.compare-bar .button{padding:10px 14px}.compare-table{min-width:560px}.compare-table th,.compare-table td{padding:12px;font-size:14px}#compare-dialog{max-width:100vw;width:100vw;max-height:100dvh;border-radius:0}#compare-dialog header{padding:12px}#compare-dialog h2{font-size:20px}.compare-note{padding:12px}}
.compare-scroll-controls{display:flex;align-items:center;gap:8px;padding:4px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.compare-scroll-controls>span{margin-right:auto;font-size:13px}.compare-scroll-controls button{border:1px solid #aaa}.compare-scroll-controls button:disabled{opacity:.35;cursor:default}[data-compare-direction="-1"] svg{transform:rotate(180deg)}
.compare-table tr>:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 #bbb}.compare-table tbody tr:first-child td{font-size:18px;font-weight:700}.compare-table tbody tr:last-child th{background:#f5f5f5}
@media(max-width:700px){.compare-table{min-width:calc(112px + 140px * var(--plan-count,3))}.compare-table tr>:first-child{width:112px}.compare-table th,.compare-table td{padding:10px}}