.ingredient-guide h1{font-size:clamp(1.9rem,3.2vw,3rem);max-width:27ch}.ingredient-guide .scalp-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr)}
.inci-visual{padding:clamp(1.5rem,3vw,2.8rem);border:1px solid #dacde2;background:#fff;border-radius:24px;box-shadow:0 14px 45px #7456830c;min-width:0}.inci-visual>div{font-size:clamp(1.5rem,2.1vw,2rem);font-weight:800;color:#674c76;line-height:1.8;word-spacing:.15em}.inci-visual>div span{font-weight:400;color:#a68db2}.inci-visual .inci-other{padding:1.2rem 0;border-top:1px solid #e3d9e8;border-bottom:1px solid #e3d9e8;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:700;overflow-wrap:anywhere;letter-spacing:.01em}.inci-visual p{font-size:.95rem}
.ingredient-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.ingredient-family-grid h3{margin-top:0}.ingredient-family-grid .scalp-region-card h4{overflow-wrap:anywhere;line-height:1.6}.ingredient-family-grid .scalp-region-card{padding:1.5rem}
.inci-list{margin:0;padding:0;background:#fff;border:1px solid #dfd3e4;border-radius:18px;overflow:hidden}.inci-list>div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;padding:1.5rem 1.8rem}.inci-list>div+div{border-top:1px solid #dfd3e4}.inci-list dt{font-size:.95rem;font-weight:700;letter-spacing:.02em;overflow-wrap:anywhere;color:#624a71;align-self:center}.inci-list dd{margin:0;line-height:1.8}.ingredient-conclusion{max-width:900px;margin-top:1.8rem}
.knowledge-routes{background:#f6f2f8}.knowledge-routes h2{font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.4;margin:.5rem 0 1rem}.knowledge-routes>.container>p{max-width:800px;line-height:1.8}.knowledge-routes h3{font-size:1rem;margin:1.8rem 0 .8rem;color:#6c517a}.life-stage-grid,.current-concern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.life-stage-grid a,.current-concern-grid a{padding:1.2rem;border:1px solid #d8cce0;border-radius:15px;background:white;text-decoration:none;line-height:1.6;min-width:0}.life-stage-grid strong{display:block;font-size:1.08rem;color:#554060}.life-stage-grid a>span{display:block;font-size:.88rem;color:#6b5f70;margin-top:.5rem}.current-concern-grid a{display:flex;justify-content:space-between;gap:.5rem;background:#eee7f3;color:#554060}.life-stage-grid a:hover,.current-concern-grid a:hover{border-color:#745683;box-shadow:0 6px 18px #74568312}.knowledge-routes a:focus-visible{outline:3px solid #624276;outline-offset:4px}
@media(max-width:900px){.ingredient-guide .scalp-hero-grid{grid-template-columns:1fr}.ingredient-family-grid{grid-template-columns:1fr}.life-stage-grid,.current-concern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inci-list>div{grid-template-columns:1fr;gap:.6rem}.inci-visual{max-width:100%}}
@media(max-width:420px){.life-stage-grid,.current-concern-grid{grid-template-columns:1fr}.ingredient-guide h1{font-size:1.9rem}.inci-list>div{padding:1.25rem}.inci-visual>div{word-spacing:0}}