.comparison-page{min-height:100vh;background:var(--color-page-tool)}.comparison-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--space-md);gap:var(--space-lg)}@media (min-width:768px){.comparison-hero{gap:var(--space-xl)}}.comparison-hero-title{font-size:2.25rem;font-weight:500;line-height:var(--leading-tight);color:var(--color-text-primary)}.comparison-hero-description{font-size:var(--text-body-md);line-height:var(--leading-relaxed);color:var(--color-text-body);max-width:48rem}.comparison-selection-section{margin-top:var(--space-xxl);margin-bottom:var(--space-section-standard)}.comparison-selection-intro{text-align:center;margin-bottom:var(--space-lg)}.comparison-selection-intro-text{font-size:var(--text-body-md);color:var(--color-text-body);margin:0 auto}.comparison-drug-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:768px){.comparison-drug-grid{grid-template-columns:repeat(3,1fr)}}.comparison-drug-card{background:var(--color-surface);padding:calc(var(--space-card-padding) * 1.5);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:all var(--motion-fast);display:grid;grid-template-rows:60px 12px 40px 24px 110px 12px 100px 12px 1fr;min-height:580px}.comparison-drug-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary);box-shadow:var(--shadow-hover)}.comparison-drug-card-header{display:flex;align-items:flex-start;justify-content:space-between}.comparison-drug-card-title-group{display:flex;flex-direction:column;gap:.25rem}.comparison-drug-card-title{font-size:1.5rem;font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary)}.comparison-drug-card-brand{font-size:.75rem;color:var(--color-text-body);font-weight:400}.comparison-drug-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.25rem .5rem;border-radius:var(--radius-md);font-size:var(--text-badge);font-weight:400;text-transform:uppercase;border:1px solid;white-space:nowrap}.comparison-drug-badge-icon{width:.75rem;height:.75rem}.comparison-drug-badge-beginner{background:var(--color-success-tint);border-color:var(--color-success);color:var(--color-success)}.comparison-drug-badge-intermediate{background:var(--color-warning-tint);border-color:var(--color-warning);color:var(--color-warning)}.comparison-drug-badge-advanced{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-inverse)}.comparison-drug-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.comparison-stat-item{display:flex;flex-direction:column}.comparison-stat-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary);margin-bottom:.5rem}.comparison-stat-bar-track{height:.5rem;border-radius:9999px;background:var(--color-border-soft);overflow:hidden}.comparison-stat-bar-fill{height:100%;border-radius:9999px;transition:width var(--motion-medium)}.comparison-stat-bar-intensity{background:var(--color-success)}.comparison-stat-bar-metabolic,.comparison-stat-bar-tolerability{background:var(--pf-blue)}.comparison-drug-description{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.comparison-drug-tagline{font-size:.875rem;font-weight:500;line-height:var(--leading-snug);flex-shrink:0;color:var(--pf-blue)}.comparison-drug-description-text{font-size:.875rem;line-height:var(--leading-relaxed);color:var(--color-text-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comparison-drug-metabolic{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.comparison-metabolic-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary);flex-shrink:0}.comparison-metabolic-bar{height:.5rem;border-radius:9999px;background:var(--color-border-soft);overflow:hidden;flex-shrink:0}.comparison-metabolic-description{font-size:.875rem;line-height:var(--leading-normal);color:var(--color-text-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comparison-drug-bestfor{display:flex;flex-direction:column}.comparison-bestfor-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.comparison-bestfor-list{display:grid;gap:.5rem}.comparison-bestfor-item{position:relative;padding-left:1rem;font-size:.875rem;line-height:var(--leading-snug);color:var(--color-text-primary)}.comparison-bestfor-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.625rem;height:.625rem}.comparison-bestfor-icon-active{color:var(--pf-blue)}.comparison-deepdive{scroll-margin-top:var(--space-md);margin-top:var(--space-section-standard)}.comparison-deepdive-container{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-lg)}@media (min-width:768px){.comparison-deepdive-container{padding:var(--space-xl)}}.comparison-deepdive-content{display:flex;flex-direction:column;gap:var(--space-xl)}.comparison-toggle-wrapper{display:flex;justify-content:center}.comparison-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface-subtle)}.comparison-toggle-button{border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all var(--motion-fast);border:none;cursor:pointer;background:transparent}.comparison-toggle-button:hover:not(.comparison-toggle-button-active){color:var(--color-text-primary)}.comparison-toggle-button-active{color:var(--color-text-inverse);background:var(--pf-blue)}.comparison-toggle-button-inactive{color:var(--color-text-body)}.comparison-receptors{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}@media (min-width:768px){.comparison-receptors{gap:var(--space-xl)}}.comparison-receptor{display:flex;flex-direction:column;align-items:center;gap:.5rem}.comparison-receptor-circle{width:4rem;height:4rem;border-radius:9999px;border:4px solid;display:flex;align-items:center;justify-content:center;transition:all var(--motion-fast)}.comparison-receptor-circle-active{border-color:var(--pf-blue);background:var(--pf-blue-light)}.comparison-receptor-circle-inactive{border-color:var(--color-border);background:var(--color-surface-subtle)}.comparison-receptor-icon{width:2rem;height:2rem}.comparison-receptor-icon-active{color:var(--color-text-primary)}.comparison-receptor-icon-inactive{display:none}.comparison-receptor-circle-empty{width:2rem;height:2rem;border-radius:9999px;border:1px solid var(--color-border-bold)}.comparison-receptor-label-wrapper{text-align:center}.comparison-receptor-label{font-size:.75rem;font-weight:600}.comparison-receptor-label-active{color:var(--color-text-primary)}.comparison-receptor-label-inactive{color:var(--color-text-tertiary)}.comparison-receptor-sublabel{font-size:.75rem}.comparison-receptor-sublabel-active{color:var(--color-text-body)}.comparison-receptor-connector,.comparison-receptor-sublabel-inactive{color:var(--color-text-tertiary)}.comparison-receptor-connector{font-size:1.5rem;font-weight:300}.comparison-ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:32rem;margin:0 auto}@media (min-width:768px){.comparison-ratings{gap:var(--space-lg)}}.comparison-rating{display:flex;flex-direction:column;align-items:center}.comparison-rating-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary);margin-bottom:.75rem;text-align:center}@media (min-width:768px){.comparison-rating-label{margin-bottom:var(--space-sm)}}.comparison-rating-circle{position:relative;width:4rem;height:4rem}@media (min-width:768px){.comparison-rating-circle{width:5rem;height:5rem}}.comparison-rating-svg{width:100%;height:100%;transform:rotate(-90deg)}.comparison-rating-circle-bg{stroke:var(--color-border-soft)}.comparison-rating-circle-intensity{stroke:var(--color-success)}.comparison-rating-circle-metabolic,.comparison-rating-circle-tolerability{stroke:var(--pf-blue)}.comparison-rating-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:var(--color-text-primary)}@media (min-width:768px){.comparison-rating-value{font-size:1.25rem}}.comparison-content-sections{display:flex;flex-direction:column;gap:var(--space-xxl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-soft)}@media (min-width:768px){.comparison-content-sections{gap:var(--space-section-standard)}}.comparison-section-header{margin-bottom:var(--space-md);font-size:1.25rem;font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary)}@media (min-width:768px){.comparison-section-header{margin-bottom:var(--space-lg);font-size:1.5rem}}@media (min-width:1024px){.comparison-section-header{font-size:1.875rem}}.comparison-mechanism-grid{display:grid;gap:var(--space-lg)}@media (min-width:768px){.comparison-mechanism-grid{grid-template-columns:3fr 2fr;gap:var(--space-xl)}}.comparison-mechanism-main{display:flex;flex-direction:column;gap:var(--space-md)}.comparison-mechanism-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary)}.comparison-mechanism-description{font-size:.875rem;line-height:var(--leading-relaxed);color:var(--color-text-body)}.comparison-mechanism-callout{border-radius:var(--radius-card);border:1px solid;padding:var(--space-lg)}.comparison-mechanism-callout-highlight{border-color:var(--pf-blue);background:var(--pf-lavender)}.comparison-mechanism-callout-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.comparison-mechanism-callout-text{font-size:.875rem;line-height:var(--leading-relaxed);color:var(--color-text-body)}.comparison-protocol-section{scroll-margin-top:5rem}.comparison-timeline-wrapper{position:relative;margin-bottom:var(--space-xxl)}.comparison-timeline-line{position:absolute;top:4rem;left:10%;right:10%;height:.25rem;background:var(--color-border-soft);display:none}@media (min-width:768px){.comparison-timeline-line{display:block}}.comparison-timeline-line-active{position:absolute;top:4rem;left:10%;width:80%;height:.25rem;display:none}@media (min-width:768px){.comparison-timeline-line-active{display:block}}.comparison-timeline-line-active{background:var(--pf-blue-light)}.comparison-phase-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);position:relative;z-index:10}@media (min-width:768px){.comparison-phase-grid{grid-template-columns:repeat(3,1fr)}}.comparison-phase-card{border-radius:var(--radius-card);border:1px solid;padding:var(--space-lg);background:var(--color-surface);transition:all var(--motion-fast);display:grid;grid-template-rows:56px 120px 1fr;min-height:432px}.comparison-phase-card-active{border-color:var(--pf-blue)}.comparison-phase-header{margin-bottom:var(--space-md);display:flex;align-items:flex-start;gap:var(--space-sm)}.comparison-phase-number{display:flex;width:1.25rem;height:1.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border:1px solid;font-size:.75rem;font-weight:600;line-height:1;margin-top:.125rem}.comparison-phase-number-active{border-color:var(--pf-blue);background:var(--pf-blue-light);color:var(--color-text-primary)}.comparison-phase-title-wrapper{text-align:left}.comparison-phase-title{font-size:1rem;font-weight:500;color:var(--color-text-primary);line-height:var(--leading-tight)}@media (min-width:768px){.comparison-phase-title{font-size:1.125rem}}.comparison-phase-subtitle{font-size:.75rem;font-weight:400;color:var(--color-text-primary)}.comparison-phase-dosage{border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.comparison-phase-dosage-highlight{background:var(--pf-blue-light)}.comparison-phase-dose-value{margin-bottom:.25rem;font-size:1.25rem;font-weight:500;color:var(--color-text-primary)}.comparison-phase-dose-description{font-size:.75rem;color:var(--color-text-body)}.comparison-phase-effects{flex-grow:1}.comparison-phase-effects-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.comparison-phase-effects-list{display:flex;flex-direction:column;gap:var(--space-sm)}.comparison-phase-effect-item{font-size:.875rem;color:var(--color-text-body);position:relative;padding-left:1rem;line-height:var(--leading-relaxed)}.comparison-phase-effect-icon{position:absolute;left:0;flex-shrink:0;top:50%;transform:translateY(-50%);width:.625rem;height:.625rem}.comparison-phase-effect-icon-active{color:var(--pf-blue)}.comparison-protocol-info{display:grid;gap:var(--space-md)}@media (min-width:768px){.comparison-protocol-info{grid-template-columns:repeat(2,1fr)}}.comparison-protocol-card{border-radius:var(--radius-card);border:1px solid;padding:var(--space-lg);background:var(--color-surface)}.comparison-protocol-card-dose{border-color:var(--color-border)}.comparison-protocol-card-highlight{border-color:var(--pf-blue);background:var(--pf-blue-light)}.comparison-protocol-card-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.comparison-protocol-card-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.comparison-protocol-card-icon-warning{color:var(--color-text-body)}.comparison-protocol-card-icon-active{color:var(--pf-blue)}.comparison-protocol-card-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary)}.comparison-protocol-card-value{font-size:1.25rem;font-weight:500;color:var(--color-text-primary)}.comparison-protocol-card-text{font-size:.75rem;line-height:var(--leading-relaxed);color:var(--color-text-body)}.comparison-considerations-section{scroll-margin-top:5rem}.comparison-considerations-grid{display:grid;gap:var(--space-md)}@media (min-width:768px){.comparison-considerations-grid{grid-template-columns:repeat(2,1fr)}}.comparison-consideration-card{border-radius:var(--radius-card);border:1px solid;padding:var(--space-lg)}.comparison-consideration-card-advantages{border-color:var(--color-success);background:var(--color-success-tint)}.comparison-consideration-card-warnings{border-color:var(--color-warning);background:var(--color-warning-tint)}.comparison-consideration-title{margin-bottom:var(--space-md);font-size:1.25rem;font-weight:500}.comparison-consideration-title-advantages{color:var(--color-success)}.comparison-consideration-title-warnings{color:var(--color-warning)}.comparison-consideration-list{display:flex;flex-direction:column;gap:var(--space-sm)}.comparison-consideration-item{font-size:.875rem;line-height:var(--leading-relaxed)}.comparison-consideration-item-advantages{color:var(--color-success)}.comparison-consideration-item-warnings{color:var(--color-warning)}.comparison-monitoring-wrapper{margin-top:var(--space-xl);border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-lg)}@media (min-width:768px){.comparison-monitoring-wrapper{padding:var(--space-xl)}}.comparison-monitoring-title{margin-bottom:var(--space-md);font-size:1.25rem;font-weight:500;color:var(--color-text-primary)}.comparison-monitoring-list{display:flex;flex-direction:column;gap:var(--space-md)}.comparison-monitoring-item{border-left:1px solid var(--color-border);padding-left:var(--space-md);padding-top:.5rem;padding-bottom:.5rem}.comparison-monitoring-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:.5rem}.comparison-monitoring-metric-wrapper{flex:1}.comparison-monitoring-metric{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}@media (min-width:768px){.comparison-monitoring-metric{font-size:.875rem}}.comparison-monitoring-frequency{font-size:.75rem;color:var(--color-text-body);margin-top:.25rem}.comparison-monitoring-threshold-badge{font-family:var(--font-mono);padding:.25rem .5rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;white-space:nowrap}.comparison-monitoring-threshold-badge-active{background:var(--pf-blue-light);color:var(--pf-blue)}.comparison-monitoring-threshold-text{font-size:.75rem;color:var(--color-warning);font-weight:500;margin-bottom:.25rem}.comparison-monitoring-action{font-size:.75rem;color:var(--color-text-body)}.comparison-evidence-section{scroll-margin-top:5rem}.comparison-references-wrapper{border-radius:var(--radius-card);border:1px solid var(--color-border);padding:var(--space-lg);background:var(--color-surface)}.comparison-references-list{display:flex;flex-direction:column;gap:.5rem}.comparison-reference-section{overflow:hidden}.comparison-reference-button{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;background:var(--color-surface);padding:.625rem 1rem;text-align:left;transition:background var(--motion-fast);border:none;cursor:pointer}.comparison-reference-button:hover{background:var(--color-surface-subtle)}.comparison-reference-button-header{display:flex;align-items:center;gap:var(--space-sm)}.comparison-reference-indicator{width:.1875rem;height:1rem;flex-shrink:0}.comparison-reference-indicator-blue{background:var(--pf-blue)}.comparison-reference-indicator-green{background:var(--color-success)}.comparison-reference-indicator-red{background:var(--color-error)}.comparison-reference-indicator-purple{background:var(--pf-blue)}.comparison-reference-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.comparison-reference-chevron{width:1.25rem;height:1.25rem;color:var(--color-text-body);transition:transform var(--motion-fast)}.comparison-reference-chevron-expanded{transform:rotate(180deg)}.comparison-reference-content{display:flex;flex-direction:column;gap:var(--space-sm);border-top:1px solid var(--color-border);background:var(--color-surface-subtle);padding:var(--space-md) var(--space-lg)}.comparison-reference-item{font-size:.875rem}.comparison-reference-link{font-weight:500;color:var(--pf-blue);text-decoration:none}.comparison-reference-link:hover{text-decoration:underline}.comparison-reference-description{margin-top:.25rem;color:var(--color-text-body)}.comparison-reference-pdf-link{display:inline-block;margin-top:.25rem;font-size:.75rem;color:var(--pf-blue);text-decoration:none}.comparison-reference-pdf-link:hover{text-decoration:underline}.comparison-cta{margin-top:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-card)}.comparison-cta-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:500;color:var(--color-text-primary)}.comparison-cta-description{margin:0 auto;margin-bottom:var(--space-lg);max-width:32rem;font-size:.875rem;color:var(--color-text-body)}.comparison-cta-button{display:inline-flex;align-items:center;padding:var(--space-btn-y) var(--space-btn-x);background:var(--color-accent-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--motion-fast);text-decoration:none}.comparison-cta-button:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.comparison-back-to-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);color:var(--color-text-inverse);border:none;border-radius:9999px;cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--motion-fast);z-index:50}.comparison-back-to-top:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.comparison-back-to-top-icon{width:1.5rem;height:1.5rem}