.ux-smells_pageContainer__ccHr7{position:relative;z-index:1;min-height:100dvh}.ux-smells_heroSection__W9RGS{padding:calc(120px + var(--space-12)) 0 var(--space-12);display:flex;flex-direction:column;gap:var(--space-2)}.ux-smells_heroContainer__K8bwk{width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.ux-smells_pageTitle__7lxn0{font-family:var(--font-family-heading);font-size:var(--font-size-display-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);margin:0}.ux-smells_pageSubtitle__jTFAh{font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0;max-width:700px}.ux-smells_stats__yPuVX{display:flex;gap:var(--space-8);margin-top:var(--space-4)}.ux-smells_stat__bJhTM{display:flex;flex-direction:column;gap:var(--space-1)}.ux-smells_statValue__xDf3q{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.ux-smells_statLabel__xBkPT{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.ux-smells_academicNote__hsgdm,.ux-smells_statLabel__xBkPT{font-family:var(--font-family-base);color:var(--text-tertiary)}.ux-smells_academicNote__hsgdm{font-size:var(--font-size-caption);font-style:italic;margin:var(--space-2) 0 0 0}.ux-smells_contentSection__RZT2O{padding:var(--space-16) 0 var(--space-24)}.ux-smells_smellsList__7TvCw{display:flex;flex-direction:column;gap:var(--space-8)}@media (max-width:1024px){.ux-smells_heroSection__W9RGS{padding:var(--space-24) 0 var(--space-10)}.ux-smells_pageSubtitle__jTFAh{font-size:var(--font-size-body-lg)}.ux-smells_stats__yPuVX{gap:var(--space-6)}}@media (max-width:768px){.ux-smells_heroSection__W9RGS{padding:var(--space-20) 0 var(--space-8)}.ux-smells_heroContainer__K8bwk{gap:var(--space-3)}.ux-smells_pageSubtitle__jTFAh{font-size:var(--font-size-body)}.ux-smells_stats__yPuVX{gap:var(--space-4)}.ux-smells_statValue__xDf3q{font-size:var(--font-size-h4)}.ux-smells_contentSection__RZT2O{padding:var(--space-10) 0 calc(var(--space-16) + 72px + env(safe-area-inset-bottom, 0px))}}@media (max-width:425px){.ux-smells_heroSection__W9RGS{padding:var(--space-16) 0 var(--space-6)}.ux-smells_pageSubtitle__jTFAh{font-size:var(--font-size-body-sm)}.ux-smells_stats__yPuVX{flex-wrap:wrap;gap:var(--space-4)}.ux-smells_stat__bJhTM{min-width:calc(33% - var(--space-2))}.ux-smells_contentSection__RZT2O{padding:var(--space-8) 0 calc(var(--space-12) + 72px + env(safe-area-inset-bottom, 0px))}.ux-smells_smellsList__7TvCw{gap:var(--space-6)}}.SmellRowCard_card__cO47s{display:flex;flex-direction:row;align-items:stretch;padding:0;background-color:var(--card-background);border:var(--card-border-width) solid var(--border-primary);border-radius:var(--card-border-radius);box-shadow:var(--elevation-card);transition:background-color var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth);--smell-color:var(--tool-smells);width:100%;text-decoration:none;content-visibility:auto;contain-intrinsic-size:0 200px}.SmellRowCard_card__cO47s[data-category=efficiency]{--smell-color:var(--part-interface-patterns)}.SmellRowCard_card__cO47s[data-category=error-prevention]{--smell-color:var(--part-foundations)}.SmellRowCard_card__cO47s[data-category=feedback]{--smell-color:var(--part-specialized-domains)}.SmellRowCard_card__cO47s[data-category=learnability]{--smell-color:var(--part-core-principles)}.SmellRowCard_card__cO47s[data-category=accessibility]{--smell-color:var(--part-human-centered)}.SmellRowCard_card__cO47s[data-category=consistency]{--smell-color:var(--part-design-systems)}.SmellRowCard_card__cO47s:hover{background-color:var(--card-background-hover);border-color:var(--smell-color)}.SmellRowCard_card__cO47s:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.SmellRowCard_sideHeader__dBrAI{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-3);padding:var(--space-4);width:250px;flex-shrink:0;background-color:color-mix(in srgb,var(--smell-color) 10%,transparent);border-right:3px solid var(--smell-color);border-radius:calc(var(--card-border-radius) - 1px) 0 0 calc(var(--card-border-radius) - 1px)}.SmellRowCard_iconWrapper__Lejtm{display:flex;align-items:center;justify-content:center;flex-shrink:0}.SmellRowCard_icon__fCQoh{color:var(--smell-color)}.SmellRowCard_title__b2zwD{font-family:var(--font-family-heading);font-size:var(--card-title-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0;text-align:left}.SmellRowCard_content__XENmy{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--card-padding)}.SmellRowCard_recipeTitle__nREHi{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);color:var(--text-primary);margin:0}.SmellRowCard_impacts__ZVgVo,.SmellRowCard_tagline__rJ_t3{font-family:var(--font-family-base);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);color:var(--text-secondary);margin:0 0 var(--space-2) 0}.SmellRowCard_tagline__rJ_t3{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.SmellRowCard_tags__sh7AZ{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.SmellRowCard_tag__iEX68{display:inline-flex;align-items:center;font-family:var(--font-family-base);font-size:var(--font-size-badge);font-weight:var(--font-weight-medium);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-border-radius);background-color:var(--background-secondary);color:var(--text-secondary)}.SmellRowCard_tag__iEX68[data-type=category]{background-color:color-mix(in srgb,var(--smell-color) 15%,transparent);color:var(--smell-color)}.SmellRowCard_tag__iEX68[data-type=flow]{background-color:var(--background-secondary);color:var(--text-secondary)}.SmellRowCard_relatedPrinciples__m2vK7{font-family:var(--font-family-base);font-size:var(--font-size-label);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SmellRowCard_footer__QOmqN{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.SmellRowCard_detectionTime__yNjNX{gap:var(--space-1);font-size:var(--font-size-label);font-weight:var(--font-weight-normal);color:var(--text-secondary)}.SmellRowCard_cardCta__oRroV,.SmellRowCard_detectionTime__yNjNX{display:inline-flex;align-items:center;font-family:var(--font-family-base)}.SmellRowCard_cardCta__oRroV{gap:var(--space-2);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color var(--dur-fast) var(--ease-smooth),gap var(--dur-fast) var(--ease-smooth)}.SmellRowCard_card__cO47s:hover .SmellRowCard_cardCta__oRroV{gap:var(--space-3)}.SmellRowCard_cardCta__oRroV svg{flex-shrink:0;transition:transform var(--dur-fast) var(--ease-smooth)}.SmellRowCard_card__cO47s:hover .SmellRowCard_cardCta__oRroV svg{transform:translateX(2px)}@media (max-width:768px){.SmellRowCard_card__cO47s{flex-direction:column;align-items:stretch}.SmellRowCard_card__cO47s:hover{transform:none}.SmellRowCard_sideHeader__dBrAI{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-height:80px;padding:var(--space-3);border-right:none;border-bottom:3px solid var(--smell-color);border-radius:calc(var(--card-border-radius) - 1px) calc(var(--card-border-radius) - 1px) 0 0}.SmellRowCard_title__b2zwD{text-align:left;font-size:var(--font-size-body)}.SmellRowCard_content__XENmy{width:100%;padding:var(--card-padding-mobile)}.SmellRowCard_relatedPrinciples__m2vK7{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.SmellRowCard_footer__QOmqN{margin-top:var(--space-2);padding-top:var(--space-2)}}@media (prefers-reduced-motion:reduce){.SmellRowCard_cardCta__oRroV,.SmellRowCard_card__cO47s{transition:none}.SmellRowCard_card__cO47s:hover{transform:none}}