.Blog-DecisionDuel{max-width:var(--layout-page-container-width);margin:0 auto;padding:var(--spacing-10) var(--spacing-4);position:relative;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) var(--space-grid-size)),repeating-linear-gradient(90deg,transparent,transparent calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) calc(var(--space-grid-size) - var(--spacing-px)),var(--space-grid-line) var(--space-grid-size))}@media(max-width:640px){.Blog-DecisionDuel{padding:var(--spacing-3) var(--spacing-3);min-height:var(--size-screen-dynamic-h)}}.Blog-DecisionDuel-Header{text-align:center}.Blog-DecisionDuel-Scenario{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4);min-height:var(--spacing-8);max-width:var(--layout-duel-scenario-max-width);margin-inline:auto}@media(max-width:640px){.Blog-DecisionDuel-Scenario{font-size:var(--font-size-base);margin-bottom:var(--spacing-2);min-height:auto}}.Blog-DecisionDuel-ProgressIndicator{margin-bottom:var(--spacing-4);text-align:center}.Blog-DecisionDuel-ProgressLabel{display:block;font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-2)}.Blog-DecisionDuel-ProgressDot{display:inline-block;width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);background-color:transparent;box-shadow:0 0 0 var(--spacing-px) var(--color-text-muted);margin:0 var(--spacing-1);vertical-align:middle;transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),box-shadow var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-DecisionDuel-ProgressDot--Filled{background-color:var(--color-interactive-primary);box-shadow:0 0 0 var(--spacing-px) var(--color-interactive-primary)}.Blog-DecisionCard{background-color:var(--color-background-secondary);border:none;box-shadow:0 0 0 var(--spacing-px) var(--color-interactive-primary-bg);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:left;max-width:var(--layout-duel-card-max-width);min-height:var(--layout-duel-card-min-height);margin-inline:auto;width:var(--size-full);height:var(--size-full);transition:box-shadow var(--transition-duration-fast) var(--transition-timing-function-default),opacity var(--transition-duration-fast) var(--transition-timing-function-default),transform var(--transition-duration-fast) var(--transition-timing-function-default);cursor:pointer}@media(max-width:640px){.Blog-DecisionCard{min-height:var(--spacing-16);padding:var(--spacing-3)}}.Blog-DecisionCard--Selected{box-shadow:0 0 0 var(--spacing-px) var(--color-interactive-primary),0 0 var(--shadow-blur-sm) var(--color-interactive-primary);background-color:var(--color-interactive-primary-bg-subtle)}.Blog-DecisionCard--Rejected{opacity:var(--opacity-dim);transform:scale(.95);pointer-events:none}.Blog-DecisionCard--Disabled{cursor:default}.Blog-DecisionCard-Label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.Blog-DecisionCard-Explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.Blog-ModeToggle{background-color:var(--color-background-secondary);border-radius:var(--radius-full);padding:var(--spacing-1);margin-bottom:var(--spacing-8)}.Blog-ModeToggle-Btn{background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-ModeToggle-Btn--Active{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.Blog-CompletionScreen-Title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--spacing-2)}.Blog-CompletionScreen-Subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.Blog-CompletionScreen-Axes{margin-bottom:var(--spacing-10)}.Blog-CompletionScreen-Ir{background:var(--color-surface-dark);padding:var(--spacing-6);border-radius:var(--radius-md);margin-bottom:var(--spacing-10);box-shadow:inset calc(var(--spacing-half) * 2) 0 0 0 var(--color-interactive-primary),0 0 0 var(--spacing-px) var(--color-interactive-primary-bg)}.Blog-CompletionScreen-IrHeading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-interactive-primary);margin-bottom:var(--spacing-3);letter-spacing:var(--letter-spacing-wide)}.Blog-CompletionScreen-IrText{font-family:var(--font-mono, monospace);white-space:pre-wrap;font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-text-primary)}.Blog-CompletionScreen-Nav{margin-top:var(--spacing-6)}.Blog-CompletionScreen-About{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-2) 0;margin-top:var(--spacing-6);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-AxisBar-Header{margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.Blog-AxisBar-Track{position:relative;height:var(--size-bar-track-height);background:var(--color-background-subtle);border-radius:var(--radius-full)}.Blog-AxisBar-Fill{height:var(--size-full);border-radius:var(--radius-full);opacity:var(--opacity-zero);transition:width var(--transition-duration-extra-slow) var(--transition-timing-function-default),opacity var(--transition-duration-extra-slow) var(--transition-timing-function-default)}.Blog-AxisBar-Fill--Visible{opacity:var(--opacity-full)}.Blog-AxisBar-Stop{position:absolute;top:50%;transform:translateY(-50%);width:var(--size-bar-stop-indicator);height:var(--size-bar-stop-indicator);border-radius:var(--radius-full);opacity:var(--opacity-zero);transition:left var(--transition-duration-extra-slow) var(--transition-timing-function-default),opacity var(--transition-duration-extra-slow) var(--transition-timing-function-default)}.Blog-AxisBar-Stop--Visible{opacity:var(--opacity-full)}.Blog-AxisBar-Stop--DeliverySpeed,.Blog-AxisBar-Stop--FutureStability,.Blog-AxisBar-Stop--CognitiveSimplicity,.Blog-AxisBar-Stop--TechnicalControl,.Blog-AxisBar-Fill--DeliverySpeed,.Blog-AxisBar-Fill--FutureStability,.Blog-AxisBar-Fill--CognitiveSimplicity,.Blog-AxisBar-Fill--TechnicalControl{background:var(--color-interactive-primary)}.Blog-AxisBar-Value{opacity:var(--opacity-zero);transition:opacity var(--transition-duration-extra-slow) var(--transition-timing-function-default)}.Blog-AxisBar-Value--Visible{opacity:var(--opacity-full)}.Blog-AxisBar-HelpButton{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:var(--line-height-tight);transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-AxisModal-Overlay{position:fixed;inset:0;background-color:var(--color-overlay-strong);z-index:var(--z-index-modal)}.Blog-AxisModal-Dialog{background-color:var(--color-background-primary);border-radius:var(--radius-lg);box-shadow:0 0 0 var(--spacing-px) var(--color-ring-primary);max-height:var(--size-modal-max-h);overflow-y:auto;max-width:var(--layout-page-container-width);width:var(--size-modal-max-w);z-index:calc(var(--z-index-modal) + 1);position:relative}.Blog-AxisModal-Header{background-color:var(--color-background-secondary);padding:var(--spacing-4) var(--spacing-6)}.Blog-AxisModal-Title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-interactive-primary)}.Blog-AxisModal-CloseButton{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:0;transition:color var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-AxisModal-Content{padding:var(--spacing-6)}.Blog-AxisModal-Description{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.Blog-AxisModal-InspiredBy{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-4);line-height:var(--line-height-relaxed)}.Blog-AxisModal-Disclaimer{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-6);padding-top:var(--spacing-4);box-shadow:0 calc(-1 * var(--spacing-px)) 0 0 var(--color-ring-subtle);line-height:var(--line-height-relaxed)}.Blog-ProposalList,.Blog-CompletionScreen-ProposalSlot{margin-top:var(--spacing-12)}.Blog-ProposalList-Heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--color-text-secondary)}.Blog-ProposalCard{background-color:var(--color-background-secondary);border:none;box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-overlay-medium);border-radius:var(--radius-md);padding:var(--spacing-6);transition:transform var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-ProposalCard-Header{margin-bottom:var(--spacing-4)}.Blog-ProposalCard-RankBadge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);letter-spacing:var(--letter-spacing-wide)}.Blog-ProposalCard-RankBadge--StrongMatch{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.Blog-ProposalCard-RankBadge--NearMatch{background-color:var(--color-interactive-primary-bg);color:var(--color-interactive-primary)}.Blog-ProposalCard-RankBadge--TensionMatch{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.Blog-ProposalCard--TensionMatch{box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-overlay-medium),inset var(--spacing-half) 0 0 0 var(--color-status-warning)}.Blog-ProposalCard-RankTagline{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-regular);margin:var(--spacing-1) 0 0 0}.Blog-ProposalCard-Title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.Blog-ProposalCard-Divider{border:none;height:var(--spacing-px);background-color:var(--color-ring-subtle);margin:var(--spacing-4) 0}.Blog-ProposalCard-SectionLabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-2)}.Blog-ProposalCard-SectionText{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.Blog-ProposalCard-SectionText--Tradeoff{color:var(--color-text-secondary)}.Blog-ProposalCard-VectorAlignment{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-background-subtle);border-radius:var(--radius-sm)}.Blog-ProposalCard-VectorBarLabel{font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);color:var(--color-interactive-primary);letter-spacing:var(--letter-spacing-wide)}.Blog-ProposalCard-VectorBarTrack{background-color:var(--color-background-primary);border-radius:var(--radius-sm);height:var(--spacing-1);overflow:hidden}.Blog-ProposalCard-VectorBarFill{height:var(--size-full);background-color:var(--color-interactive-primary);border-radius:var(--radius-sm);transition:width var(--transition-duration-normal) var(--transition-timing-function-default)}.Blog-ProposalCard-TensionWhy{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-status-warning-bg);border-radius:var(--radius-sm)}.Blog-ProposalCard-TensionWhyLabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-status-warning);letter-spacing:var(--letter-spacing-wide)}.Blog-ProposalCard-TensionWhyText{font-size:var(--font-size-sm);color:var(--color-status-warning);margin-top:var(--spacing-1)}.Blog-ProposalCard-Footer{margin-top:var(--spacing-5)}.Blog-ProposalCard-AdoptButton{width:var(--size-full);background-color:var(--color-interactive-primary-bg);color:var(--color-interactive-primary);border:none;cursor:pointer;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);transition:background-color var(--transition-duration-fast) var(--transition-timing-function-default),color var(--transition-duration-fast) var(--transition-timing-function-default)}.Blog-ProposalCard-AdoptButton--TensionMatch{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.Blog-ProposalCard-AdoptButton--Success{background-color:var(--color-status-success-bg);color:var(--color-status-success);cursor:default}.Blog-ProposalPlaceholder{text-align:center;padding:var(--spacing-10);background-color:var(--color-background-secondary);border-radius:var(--radius-lg)}.Blog-ProposalPlaceholder-Heading{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}