zudo-css-wisdomPragmatic CSS knowledge for AIOverview/GitHub/@TakazudoOverviewWhat is zudo-css?css-wisdom SkillMethodologyArchitectureBEM StrategyComponent First StrategyCSS Modules StrategyCascade LayersMarkdown to HTML Conversion ArchitectureDesign Token LintDesign SystemsTight Token StrategyColor Token PatternsTypography Token PatternsToken PreviewComponent Tokens & Arbitrary ValuesTwo-Tier Size StrategyAdvanced Custom PropertiesCustom Properties Pattern CatalogTheming RecipesMulti Namespace Token StrategyDisplay Scale StrategyZ-Index StrategyLayoutFlexbox And GridFlexbox PatternsCSS Grid PatternsSubgridgap vs marginPositioningCentering TechniquesPositioning GuideStacking ContextContaining Block for position fixedAnchor PositioningSizingfit-content, max-content, min-contentaspect-ratioclamp() for Fluid SizingLogical PropertiesSpecializedObject Fit and Object PositionMulti-Column LayoutNegative Margin Expand + Padding BackTable Cell Width ControlTypographyFont SizingFluid Font Sizing with clamp()Three-Tier Font-Size StrategyScreen-Width Based Font Size DefinitionLine Height Best PracticesFontsFont Loading StrategiesVariable FontsJapanese Font Family SpecificationNoto Sans Webfont GuideText ControlText Overflow and Line ClampingVertical RhythmText Wrap: balance and prettyProse Heading SpacingLong URL and Path WrappingText EffectsText Outline and Stroke EffectsStylingColorOKLCH Color Spacecolor-mix()currentColor PatternsDark Mode StrategiesColor Contrast and AccessibilityColor Palette StrategyThree-Tier Color StrategyEffectsBackdrop Filter and GlassmorphismClip-Path and MaskBlend ModesFilter EffectsCSS 3D Transforms@propertyGradient TechniquesCSS-Only Pattern LibraryShadows And BordersLayered Natural ShadowsBorder TechniquesSmooth Shadow TransitionsResponsiveContainer QueriesFluid Design with clamp()Responsive ImagesMedia Query Best PracticesResponsive Grid PatternsInteractiveForms And AccessibilityForm Control StylingTouch Target Sizingprefers-reduced-motionScrollScroll SnapScroll-Driven AnimationsOverscroll BehaviorSelectorsThe :has() Selector:is() and :where() SelectorsParent-State Child StylingStates And TransitionsHover, Focus, and Active StatesTransition Best PracticesView TransitionsClaudeCLAUDE.mdCLAUDE.mdSkillsb4pushl-demo-componentl-handle-deep-articlel-translatel-writingzudo-doc-design-systemzudo-doc-translatezudo-doc-version-bumpAgentsja-translator