.skin-nutrient-map{margin:20px 0}.skin-nutrient-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0;display:grid}@media (max-width:640px){.skin-nutrient-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}.skin-nutrient-card{background:linear-gradient(135deg,#fffffff7,#fafaffeb);border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:8px;padding:20px 18px 18px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.skin-nutrient-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #0000001a}.skin-nutrient-card:before{content:"";width:100%;height:5px;position:absolute;top:0;left:0}@media (max-width:640px){.skin-nutrient-card{padding:14px 14px 12px}}.skin-nutrient-card.healthy-fat:before{background:linear-gradient(90deg,#00d494,#00d3f0)}.skin-nutrient-card.vitamin:before{background:linear-gradient(90deg,#ff9800,#ffca28)}.skin-nutrient-card.mineral:before{background:linear-gradient(90deg,#29b6f6,#4fc3f7)}.skin-nutrient-card.antioxidant:before{background:linear-gradient(90deg,#9c6ade,#c792ea)}.skin-nutrient-card.hydration:before{background:linear-gradient(90deg,#00d3f0,#4dd0e1)}.skin-nutrient-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}@media (max-width:640px){.skin-nutrient-badge{width:38px;height:38px;font-size:1.2rem}}.skin-nutrient-card.healthy-fat .skin-nutrient-badge{background:#00d4941f}.skin-nutrient-card.vitamin .skin-nutrient-badge{background:#ff98001f}.skin-nutrient-card.mineral .skin-nutrient-badge{background:#29b6f61f}.skin-nutrient-card.antioxidant .skin-nutrient-badge{background:#9c6ade24}.skin-nutrient-card.hydration .skin-nutrient-badge{background:#00d3f01f}.skin-nutrient-name{color:#222;font-size:1rem;font-weight:700}@media (max-width:640px){.skin-nutrient-name{font-size:.92rem}}.skin-nutrient-foods{color:#888;font-size:.8rem;font-style:italic;line-height:1.4}.skin-nutrient-effect{color:#555;margin-top:2px;font-size:.88rem;line-height:1.5}