.comparison-grid{width:min(100%,var(--site-shell-max-width));margin-inline:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.comparison-card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-2xl);background:linear-gradient(180deg,#fffffffa,#f4f8fcf0);box-shadow:0 14px 26px #0a1f440d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.comparison-card:hover{border-color:var(--color-primary-light);box-shadow:0 18px 34px #0a1f4414;transform:translateY(-2px)}.comparison-card__palette{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:var(--space-3)}.comparison-card__palette-item{display:grid;gap:var(--space-2)}.comparison-card__palette-label,.comparison-card__eyebrow{font-size:var(--text-2xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.comparison-card__swatch{display:block;width:100%;min-height:72px;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);box-shadow:inset 0 0 0 1px #ffffff47,0 6px 18px #0a1f4414}.comparison-card__palette-item--ral .comparison-card__swatch{min-height:84px}.comparison-card__swatch-meta{display:grid;gap:2px}.comparison-card__swatch-meta strong{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.comparison-card__swatch-meta span{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.comparison-card__body{display:grid;gap:var(--space-3);height:100%}.comparison-card__title{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);line-height:1.08;letter-spacing:var(--tracking-normal)}.comparison-card__title a{color:var(--text-primary);text-decoration:none}.comparison-card__title a:hover{color:var(--color-accent)}.comparison-card__desc{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.comparison-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.comparison-card__tag{display:inline-flex;align-items:center;min-height:32px;padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffffd1;color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--font-semibold)}.comparison-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:auto}.comparison-card__cta,.comparison-card__secondary{font-weight:var(--font-semibold);text-decoration:none}.comparison-card__cta{color:var(--color-accent)}.comparison-card__secondary{color:var(--text-secondary)}.comparison-card__cta:hover,.comparison-card__secondary:hover{color:var(--text-primary)}.comparison-detail-shell{width:min(100%,var(--site-shell-max-width));margin-inline:auto}.comparison-detail-hero{border-bottom:1px solid var(--border-light);background:radial-gradient(circle at 85% 20%,rgba(0,124,176,.18),transparent 24rem),linear-gradient(180deg,#fffffffa,#f4f8fcfa)}.comparison-detail-hero__inner{max-width:var(--site-shell-outer-max-width);padding:var(--space-7) var(--content-padding) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.76fr);gap:var(--space-7);align-items:center}.comparison-detail-hero__copy{display:grid;gap:var(--space-4);min-width:0}.comparison-detail-eyebrow{display:inline-flex;width:fit-content;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.comparison-detail-hero h1,.comparison-detail-heading h2,.comparison-verdict-card h2,.comparison-proof-card h2,.comparison-context-card h2{margin:0;font-family:var(--font-heading);color:var(--text-primary);letter-spacing:var(--tracking-normal)}.comparison-detail-hero h1{max-width:min(100%,58rem);font-size:var(--page-hero-title-size);line-height:1.03}.comparison-detail-hero p,.comparison-detail-heading p,.comparison-verdict-card p,.comparison-candidate-card p{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.comparison-detail-hero p{max-width:64ch;font-size:var(--text-lg)}.comparison-detail-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.comparison-visual-board{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-2xl);background:#ffffffe0;box-shadow:var(--shadow-sm)}.comparison-visual-board__source,.comparison-visual-board__candidates{display:grid;gap:var(--space-3)}.comparison-visual-board__label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.comparison-hero-swatch{min-height:190px;display:grid;align-content:end;gap:var(--space-1);padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid rgba(10,31,68,.14);background:var(--swatch);color:var(--text-white);box-shadow:inset 0 0 0 1px #ffffff3d,0 16px 36px #0a1f4429}.comparison-hero-swatch--light{color:var(--text-primary)}.comparison-hero-swatch strong{font-family:var(--font-heading);font-size:var(--text-4xl);line-height:1;letter-spacing:var(--tracking-normal)}.comparison-hero-swatch span,.comparison-hero-swatch small{font-weight:var(--font-semibold)}.comparison-candidate-chip{display:grid;grid-template-columns:auto 54px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-white)}.comparison-candidate-chip__rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-light);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-bold)}.comparison-candidate-chip__swatch{width:54px;height:54px;border-radius:var(--radius-lg);border:1px solid rgba(10,31,68,.1);box-shadow:inset 0 0 0 1px #ffffff3d}.comparison-candidate-chip__copy{display:grid;gap:2px;min-width:0}.comparison-candidate-chip__copy strong{color:var(--text-primary);font-size:var(--text-sm)}.comparison-candidate-chip__copy small{color:var(--text-secondary);line-height:1.45}.comparison-decision-grid,.comparison-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.comparison-verdict-card,.comparison-proof-card,.comparison-context-card,.comparison-candidate-card{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:var(--shadow-xs)}.comparison-verdict-card,.comparison-proof-card,.comparison-context-card{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-6)}.comparison-verdict-card h2,.comparison-proof-card h2,.comparison-context-card h2,.comparison-detail-heading h2{font-size:var(--section-title-size-compact);line-height:1.1}.comparison-verdict-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.comparison-verdict-card__metrics div{display:grid;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-white)}.comparison-verdict-card__metrics span{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.comparison-verdict-card__metrics strong{color:var(--text-primary);font-size:var(--text-lg)}.comparison-proof-card ul,.comparison-context-card ul,.comparison-context-card ol{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-2);color:var(--text-secondary);line-height:var(--leading-relaxed)}.comparison-detail-heading{display:grid;gap:var(--space-3);max-width:52rem;margin-bottom:var(--space-6)}.comparison-candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.comparison-candidate-card{display:flex;min-width:0;flex-direction:column;overflow:hidden}.comparison-candidate-card__swatch{min-height:148px;display:grid;align-content:end;gap:var(--space-1);padding:var(--space-5);background:var(--swatch);color:var(--text-white)}.comparison-candidate-card__swatch--light{color:var(--text-primary)}.comparison-candidate-card__swatch span{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.comparison-candidate-card__swatch strong{font-family:var(--font-heading);max-width:100%;font-size:var(--text-2xl);letter-spacing:var(--tracking-normal);line-height:1.12;overflow-wrap:break-word;text-wrap:balance}.comparison-candidate-card__swatch small{font-weight:var(--font-semibold)}.comparison-candidate-card__body{display:grid;gap:var(--space-4);flex:1;padding:var(--space-5)}.comparison-candidate-card__topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.comparison-candidate-card__topline strong{color:var(--text-primary);font-size:var(--text-sm)}.comparison-distance-pill{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.comparison-distance-pill--strong{background:color-mix(in srgb,var(--color-success) 14%,white);color:var(--color-success)}.comparison-distance-pill--medium{background:color-mix(in srgb,var(--color-primary) 12%,white);color:var(--color-primary)}.comparison-distance-pill--caution{background:color-mix(in srgb,var(--color-warning) 16%,white);color:var(--color-warning)}.comparison-distance-meter{height:8px;overflow:hidden;border-radius:var(--radius-full);background:var(--bg-light)}.comparison-distance-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-warning))}.comparison-faq-wrap{max-width:820px}@media(max-width:900px){.comparison-card__palette{grid-template-columns:1fr}.comparison-card__palette-item--ral .comparison-card__swatch,.comparison-card__swatch{min-height:64px}.comparison-detail-hero__inner,.comparison-decision-grid,.comparison-context-grid,.comparison-candidate-grid{grid-template-columns:1fr}}@media(max-width:768px){.comparison-card{padding:var(--space-4)}.comparison-card__title{font-size:var(--text-xl)}.comparison-detail-hero__inner{padding:var(--space-6) var(--space-6) var(--space-5)}.comparison-detail-hero h1{font-size:var(--page-hero-title-size-mobile)}.comparison-visual-board,.comparison-verdict-card,.comparison-proof-card,.comparison-context-card{padding:var(--space-5)}.comparison-verdict-card__metrics{grid-template-columns:1fr}.comparison-candidate-chip{grid-template-columns:auto 44px minmax(0,1fr)}.comparison-candidate-chip__swatch{width:44px;height:44px}}