.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(--content-page-max-width));margin-inline:auto}.comparison-detail-hero{border-bottom:1px solid var(--border-light);background:url("data:image/svg+xml,%3Csvg width='720' height='260' viewBox='0 0 720 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231F6FEB' stroke-opacity='.08'%3E%3Cpath d='M16 132h688'/%3E%3Cpath d='M16 68h688'/%3E%3Cpath d='M16 196h688'/%3E%3Cpath d='M96 16v228'/%3E%3Cpath d='M240 16v228'/%3E%3Cpath d='M384 16v228'/%3E%3Cpath d='M528 16v228'/%3E%3C/g%3E%3Ccircle cx='96' cy='68' r='18' fill='%231F6FEB' fill-opacity='.08'/%3E%3Ccircle cx='528' cy='196' r='18' fill='%23D96B43' fill-opacity='.1'/%3E%3C/svg%3E") top right / min(58vw,720px) auto no-repeat,linear-gradient(180deg,#fffffffa,#f4f8fcfa)}.comparison-detail-hero__inner{max-width:var(--site-shell-outer-max-width);margin-inline:auto;padding:var(--page-hero-padding-top) var(--content-padding) var(--page-hero-padding-bottom);display:grid;grid-template-columns:1fr;gap:var(--space-6)}.comparison-detail-hero .comparison-visual-board{max-width:min(100%,var(--content-page-max-width));margin-inline:auto}.comparison-detail-hero__copy{display:grid;gap:var(--space-4);justify-items:center;min-width:0;text-align:center}.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 .comparison-detail-eyebrow{justify-self:center}.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%,var(--hero-copy-max-width));margin-inline:auto;font-size:var(--page-hero-title-size);line-height:1.03;text-wrap:balance}.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:min(100%,var(--hero-text-max-width));margin-inline:auto;font-size:var(--text-lg)}.comparison-detail-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.comparison-visual-board{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:stretch;gap:var(--space-4);width:100%;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__candidates{grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch}.comparison-visual-board__candidates .comparison-visual-board__label{grid-column:1 / -1}.comparison-visual-board__source{grid-template-columns:minmax(7.5rem,.36fr) minmax(0,1fr);align-items:stretch;gap:var(--space-4)}.comparison-visual-board__source .comparison-visual-board__label{display:flex;align-items:center;min-height:104px;padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-xl);background:#ffffffb8}.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:104px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-end;column-gap:var(--space-4);row-gap:var(--space-1);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);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-2xl);line-height:1;letter-spacing:var(--tracking-normal)}.comparison-hero-swatch span,.comparison-hero-swatch small{font-weight:var(--font-semibold)}.comparison-hero-swatch span{min-width:0;overflow-wrap:anywhere}.comparison-hero-swatch small{align-self:flex-end;justify-self:end}.comparison-candidate-chip{display:grid;grid-template-columns:auto 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{grid-column:1 / -1;width:100%;height:58px;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,.comparison-visual-board{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-visual-board__source{grid-template-columns:1fr;gap:var(--space-3)}.comparison-visual-board__candidates{grid-template-columns:1fr}.comparison-visual-board__source .comparison-visual-board__label{min-height:0;padding:0;border:0;background:transparent}.comparison-hero-swatch{grid-template-columns:1fr;align-items:end}.comparison-hero-swatch small{justify-self:start}.comparison-verdict-card__metrics{grid-template-columns:1fr}.comparison-candidate-chip{grid-template-columns:auto 44px minmax(0,1fr)}.comparison-candidate-chip__swatch{grid-column:auto;width:44px;height:44px}}