.hair-loss-visual{box-sizing:border-box;margin:30px 0;padding:22px 24px;border:1px solid rgba(181,150,91,.48);background:linear-gradient(135deg,#fbf9f3 0%,#f2ecdf 100%);color:#17352e}
.hair-loss-visual figcaption{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}
body:not(.articles-index) .article-hero.hair-loss-hero{background-image:linear-gradient(90deg,rgba(255,253,248,.96) 0%,rgba(255,253,248,.86) 43%,rgba(255,253,248,.1) 100%),url('/hair-loss-marble-hero.webp')!important;background-size:cover!important;background-position:center 46%!important}
body:not(.articles-index) .article-hero.hair-loss-hero:after{display:none!important}
.hair-loss-editorial-portrait{width:min(100%,460px);aspect-ratio:1/1;margin:28px auto 34px;overflow:hidden;border:1px solid rgba(23,53,47,.12);border-radius:24px;box-shadow:0 14px 34px rgba(23,53,47,.1)}
.hair-loss-editorial-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0!important}
.hair-loss-visual figcaption>span{font:700 10px/1.3 var(--modern-font,Arial,sans-serif);letter-spacing:.15em;color:#9a763d;text-transform:uppercase}
.hair-loss-visual figcaption>strong{font:500 clamp(18px,2.2vw,24px)/1.25 var(--serif,Georgia,serif);color:#17352e}
.hair-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hair-pattern-card{display:flex;align-items:center;gap:16px;min-width:0;padding:12px 15px;border:1px solid rgba(181,150,91,.25);background:rgba(255,255,255,.56)}
.hair-pattern-card svg{width:86px;height:72px;flex:none}
.hair-pattern-card .scalp-outline{fill:rgba(15,76,64,.06);stroke:#234b40;stroke-width:2.2}
.hair-pattern-card .hairline,.hair-pattern-card .part-line{fill:none;stroke:#234b40;stroke-width:2.3;stroke-linecap:round}
.hair-pattern-card .highlight-zone,.hair-pattern-card .part-width{fill:none;stroke:#b5965e;stroke-width:4;stroke-linecap:round}
.hair-pattern-card .crown-zone{fill:rgba(181,150,91,.3);stroke:#b5965e;stroke-width:2}
.hair-pattern-card>div{display:flex;flex-direction:column;gap:5px}
.hair-pattern-card b,.hair-timeline b,.hair-care-path b{font:700 14px/1.25 var(--modern-font,Arial,sans-serif);color:#17352e}
.hair-pattern-card span,.hair-timeline span,.hair-care-path span{font:12px/1.45 var(--modern-font,Arial,sans-serif);color:#63716b}
.hair-visual-note{margin:16px 0 0;font:12px/1.55 var(--modern-font,Arial,sans-serif);color:#606a64}
.hair-timeline,.hair-care-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;gap:12px}
.hair-timeline:before,.hair-care-path:before{content:"";position:absolute;left:10%;right:10%;top:15px;height:2px;background:linear-gradient(90deg,#9a763d,#c8a763);z-index:0}
.hair-timeline>div,.hair-care-path>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:0 8px}
.hair-timeline i,.hair-care-path i{display:grid;place-items:center;width:31px;height:31px;margin-bottom:5px;border:2px solid #b5965e;border-radius:50%;background:#fbf9f3;color:#17352e;font:700 11px/1 var(--modern-font,Arial,sans-serif);font-style:normal}
.hair-care-path i{width:29px;height:29px;background:#17352e;border-color:#17352e;color:white}
@media(max-width:620px){.hair-loss-visual{margin:22px 0;padding:18px 14px}.hair-pattern-grid{grid-template-columns:1fr;gap:8px}.hair-pattern-card{padding:9px 12px}.hair-pattern-card svg{width:72px;height:62px}.hair-timeline,.hair-care-path{gap:5px}.hair-timeline>div,.hair-care-path>div{padding:0 2px}.hair-timeline b,.hair-care-path b{font-size:12px}.hair-timeline span,.hair-care-path span{font-size:10px}.hair-timeline:before,.hair-care-path:before{left:12%;right:12%}.hair-loss-visual figcaption>strong{font-size:19px}}
@media(max-width:650px){body:not(.articles-index) .article-hero.hair-loss-hero{background-image:linear-gradient(90deg,rgba(255,253,248,.96),rgba(255,253,248,.7)),url('/hair-loss-marble-hero.webp')!important;background-position:64% center!important}.hair-loss-editorial-portrait{width:min(100%,380px);margin:22px auto 28px}}