.compare-page{background-color:var(--color-bg);min-height:calc(100vh - 140px);color:var(--color-text);padding:48px 24px 96px}.compare-page__container{max-width:1360px;margin:0 auto}.compare-page__header{text-align:center;max-width:860px;margin:0 auto 40px}.compare-page__badge{border-radius:var(--radius-pill);letter-spacing:.04em;background:var(--color-accent-subtle);color:var(--color-accent);border:1px solid #c45a2c33;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.compare-page__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);text-wrap:balance;margin-bottom:16px;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.15}.compare-page__subtitle{color:var(--color-text-dim);text-wrap:balance;max-width:780px;margin:0 auto;font-size:1.05rem;line-height:1.65}.compare-controls{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}@media (min-width:768px){.compare-controls{flex-direction:row;justify-content:space-between;align-items:center}}.compare-controls__tabs{flex-wrap:wrap;gap:6px;display:flex}.compare-tab{border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:7px 16px;font-size:13px;font-weight:500}.compare-tab:hover{color:var(--color-text);border-color:var(--color-border-hover);background:#fff}.compare-tab.is-active{font-weight:600;box-shadow:0 2px 8px #1c1b1729;background:var(--color-ink)!important;color:#fcfaf8!important;border-color:var(--color-ink)!important}.compare-controls__inputs{flex-wrap:wrap;gap:10px;display:flex}.compare-search{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);min-width:220px;transition:all var(--transition-fast);outline:none;padding:8px 14px;font-size:13.5px}.compare-search:focus{border-color:var(--color-ink);background:#fff;box-shadow:0 0 0 3px #1c1b1714}.compare-sort{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:8px 14px;font-size:13px;font-weight:500}.compare-sort:focus{border-color:var(--color-ink)}.compare-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;margin-bottom:56px;position:relative;overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px}.compare-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px;font-size:12px;font-weight:700;position:sticky;top:68px}.compare-table td{border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;transition:background-color var(--transition-fast);padding:18px 20px;font-size:13.5px}.compare-table tr:hover td{background:var(--color-bg)}.compare-table td:first-child{background:var(--color-surface);z-index:6;border-right:1px solid var(--color-border-subtle);position:sticky;left:0;box-shadow:2px 0 8px #1c1b170d}.compare-table tr:hover td:first-child{background:var(--color-bg)}.compare-table th:first-child{z-index:12;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);position:sticky;left:0;box-shadow:2px 0 8px #1c1b170d}.model-name-cell{flex-direction:column;gap:4px;display:flex}.model-name-cell strong{font-family:var(--font-display);color:var(--color-text);font-size:1.02rem;font-weight:600}.model-provider{color:var(--color-text-muted);font-size:12px}.model-tag-open{border-radius:var(--radius-pill);background:var(--color-emerald-subtle);color:var(--color-emerald);border:1px solid #2d7a4d2e;align-self:flex-start;margin-top:2px;padding:2px 7px;font-size:11px;font-weight:600}.model-context-badge{border-radius:var(--radius-pill);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-ink);font-family:var(--font-mono);padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-block}.model-price-cell{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12.5px;line-height:1.45}.model-price-cell small{color:var(--color-text-muted);font-size:11px}.score-bars{flex-direction:column;gap:8px;min-width:120px;display:flex}.score-item{color:var(--color-text-dim);flex-direction:column;gap:3px;font-size:11.5px;font-weight:550;display:flex}.score-bar{background:var(--color-bg-secondary);border-radius:var(--radius-pill);height:6px;overflow:hidden}.score-bar div{border-radius:var(--radius-pill);background:linear-gradient(90deg,#2d7a4d,#48bb78);height:100%}.score-bar--logic div{background:linear-gradient(90deg,#1c1b17,#504f49)}.strength-text{color:var(--color-text);max-width:260px;margin:0;font-size:13px;line-height:1.55}.weakness-text{color:var(--color-amber);max-width:240px;margin:0;font-size:12.5px;line-height:1.5}.review-link-btn{border-radius:var(--radius-pill);background:var(--color-bg-secondary);color:var(--color-ink);border:1px solid var(--color-border);white-space:nowrap;transition:all var(--transition-fast);padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-block}.review-link-btn:hover{background:var(--color-ink);color:#fcfaf8;border-color:var(--color-ink);transform:translateY(-1px)}.compare-editorial{border-top:1px solid var(--color-border);margin-top:56px;padding-top:48px}.compare-editorial h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:28px;font-size:1.85rem;font-weight:600}.editorial-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.editorial-grid{grid-template-columns:repeat(3,1fr)}}.editorial-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:28px}.editorial-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover);transform:translateY(-3px)}.editorial-card h3{font-family:var(--font-mincho);color:var(--color-text);margin-top:0;margin-bottom:14px;font-size:1.2rem;font-weight:600;line-height:1.4}.editorial-card p{color:var(--color-text-dim);text-wrap:pretty;margin:0;font-size:.95rem;line-height:1.65}@media (max-width:768px){.compare-page{padding:32px 16px 64px}.compare-page__header{margin-bottom:28px}.compare-controls{padding:14px}.compare-search{min-width:100%}.compare-sort{width:100%}}
