.hair-assessment{--hair-accent: #236b56;--hair-accent-deep: #154b3d;--hair-accent-soft: rgba(35, 107, 86, 0.1);--hair-rule: rgba(35, 107, 86, 0.3);position:relative;isolation:isolate;width:100%;max-width:1120px;margin:clamp(1.75rem,4vw,3.25rem) auto;overflow:hidden;color:var(--ink, #172033);border:1px solid var(--border-color, #d9dde3);border-top:4px solid var(--hair-accent);border-radius:22px;background:radial-gradient(circle at 96% 1%, var(--hair-accent-soft), transparent 30%),var(--surface, #fff);box-shadow:0 20px 52px -42px rgba(15,23,42,.8);font-family:var(--font-ui, system-ui, sans-serif)}.v3-article .hair-assessment,.reference-prose .hair-assessment{width:100%}.hair-assessment *,.hair-assessment *::before,.hair-assessment *::after{box-sizing:border-box}.hair-assessment__header{display:grid;grid-template-columns:minmax(0, 1fr) minmax(170px, 238px);gap:clamp(.85rem,2vw,1.2rem);align-items:center;padding:clamp(1.15rem,3vw,1.8rem)}.hair-assessment__heading{min-width:0}.hair-assessment__eyebrow,.hair-assessment__section-heading>div>span,.hair-assessment__worksheet-header>div>span{display:block;margin:0 0 .28rem;color:var(--hair-accent-deep);font:850 .69rem/1.2 var(--font-ui, system-ui, sans-serif);letter-spacing:.115em;text-transform:uppercase}.hair-assessment__heading h2{margin:0;color:var(--heading-font-color, var(--ink, #172033));font-family:var(--heading-font-family, var(--font-display, system-ui, sans-serif));font-size:clamp(1.4rem,3.1vw,2.05rem);font-weight:800;letter-spacing:-0.03em;line-height:1.1;text-wrap:balance}.hair-assessment__heading p{max-width:76ch;margin:.52rem 0 0;color:var(--ink-muted, #5b6470);font:500 .9rem/1.55 var(--font-ui, system-ui, sans-serif)}.hair-assessment__status{display:grid;grid-template-columns:34px minmax(0, 1fr);gap:.6rem;align-items:center;min-width:0;margin:0;padding:.72rem;color:var(--hair-accent-deep);border:1px solid var(--hair-rule);border-radius:13px;background:var(--hair-accent-soft);font:700 .73rem/1.35 var(--font-ui, system-ui, sans-serif)}.hair-assessment__status-mark{display:grid;width:34px;height:34px;place-items:center;color:#fff;border-radius:10px;background:var(--hair-accent)}.hair-assessment__status strong{display:block;color:var(--ink, #172033);font-weight:850}.hair-assessment__axes{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:.7rem;padding:0 clamp(1.15rem,3vw,1.8rem)}.hair-assessment__axis{--axis: var(--hair-accent);--axis-soft: var(--hair-accent-soft);display:flex;grid-column:span 3;min-width:0;min-height:100%;padding:.9rem;flex-direction:column;overflow:hidden;border:1px solid var(--border-color, #d9dde3);border-radius:15px;background:linear-gradient(135deg, var(--axis-soft), transparent 43%),var(--surface, #fff)}.hair-assessment__axis:nth-child(n+5){grid-column:span 4}.hair-assessment__axis--diameter{--axis: #295fa8;--axis-soft: rgba(41, 95, 168, 0.1)}.hair-assessment__axis--density{--axis: #6f4c9b;--axis-soft: rgba(111, 76, 155, 0.1)}.hair-assessment__axis--pattern{--axis: #0f6f7a;--axis-soft: rgba(15, 111, 122, 0.1)}.hair-assessment__axis--condition{--axis: #9a5d17;--axis-soft: rgba(154, 93, 23, 0.1)}.hair-assessment__axis--state{--axis: #77552c;--axis-soft: rgba(119, 85, 44, 0.1)}.hair-assessment__axis--task{--axis: #8c3e62;--axis-soft: rgba(140, 62, 98, 0.1)}.hair-assessment__axis--result{--axis: #236b56;--axis-soft: rgba(35, 107, 86, 0.1)}.hair-assessment__axis-top{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.hair-assessment__axis-number{color:var(--axis);font:900 .65rem/1 var(--font-ui, system-ui, sans-serif);letter-spacing:.12em}.hair-assessment__axis-icon{position:relative;display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:12px;background:var(--axis);box-shadow:0 8px 18px -14px var(--axis)}.hair-assessment__axis-icon::after{position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;content:"";border:3px solid var(--surface, #fff);border-radius:50%;background:var(--axis)}.hair-assessment__axis h3{margin:.75rem 0 .35rem;color:var(--heading-font-color, var(--ink, #172033));font:800 clamp(0.96rem, 1.8vw, 1.08rem)/1.2 var(--heading-font-family, var(--font-display, system-ui, sans-serif));letter-spacing:-0.015em}.hair-assessment__axis p{margin:0 0 .78rem;color:var(--ink-muted, #5b6470);font:500 .76rem/1.5 var(--font-ui, system-ui, sans-serif)}.hair-assessment__axis-cue{display:block;width:fit-content;max-width:100%;margin-top:auto;padding:.32rem .46rem;color:var(--axis);border:1px solid var(--axis);border-radius:7px;background:var(--surface, #fff);font:800 .62rem/1.2 var(--font-ui, system-ui, sans-serif);overflow-wrap:anywhere}.hair-assessment__not-equation{display:flex;gap:.46rem;align-items:center;justify-content:center;margin:.85rem clamp(1.15rem,3vw,1.8rem) 0;padding:.74rem;flex-wrap:wrap;border:1px dashed var(--hair-rule);border-radius:12px;background:var(--hair-accent-soft)}.hair-assessment__not-equation span{padding:.38rem .55rem;color:var(--ink, #172033);border:1px solid var(--border-color, #d9dde3);border-radius:8px;background:var(--surface, #fff);font:800 .69rem/1.2 var(--font-ui, system-ui, sans-serif)}.hair-assessment__not-equation b{color:var(--hair-accent-deep);font:900 1rem/1 var(--font-ui, system-ui, sans-serif)}.hair-assessment__route,.hair-assessment__worksheet{margin:1rem clamp(1.15rem,3vw,1.8rem) 0;padding:clamp(.95rem,2.4vw,1.3rem);border:1px solid var(--border-color, #d9dde3);border-radius:16px;background:var(--surface-sunk, #f1f4f8)}.hair-assessment__section-heading{display:flex;gap:.75rem;align-items:center;margin-bottom:.85rem}.hair-assessment__section-heading h3,.hair-assessment__worksheet-header h3{margin:0;color:var(--heading-font-color, var(--ink, #172033));font:800 clamp(1.05rem, 2.2vw, 1.34rem)/1.2 var(--heading-font-family, var(--font-display, system-ui, sans-serif));letter-spacing:-0.018em}.hair-assessment__steps{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));margin:0;padding:0;list-style:none}.hair-assessment__steps li{position:relative;display:grid;grid-template-columns:31px minmax(0, 1fr);gap:.52rem;min-width:0;padding:.75rem;align-items:start;border:1px solid var(--border-color, #d9dde3);background:var(--surface, #fff)}.hair-assessment__steps li:first-child{border-radius:12px 0 0 12px}.hair-assessment__steps li:last-child{border-radius:0 12px 12px 0}.hair-assessment__steps li+li{border-left:0}.hair-assessment__steps li:not(:last-child)::after{position:absolute;z-index:2;top:50%;right:-6px;width:11px;height:11px;content:"";border-top:1px solid var(--border-color, #d9dde3);border-right:1px solid var(--border-color, #d9dde3);background:var(--surface, #fff);transform:translateY(-50%) rotate(45deg)}.hair-assessment__step-number,.hair-assessment__prompt-key{display:grid;width:31px;height:31px;place-items:center;color:#fff;border-radius:9px;background:var(--hair-accent);font:850 .57rem/1 var(--font-ui, system-ui, sans-serif);letter-spacing:.06em}.hair-assessment__steps p{min-width:0;margin:0}.hair-assessment__steps strong,.hair-assessment__steps small{display:block}.hair-assessment__steps strong{color:var(--ink, #172033);font:800 .75rem/1.28 var(--font-ui, system-ui, sans-serif)}.hair-assessment__steps small{margin-top:.24rem;color:var(--ink-muted, #5b6470);font:500 .64rem/1.42 var(--font-ui, system-ui, sans-serif)}.hair-assessment__worksheet{background:linear-gradient(90deg, transparent 31px, rgba(35, 107, 86, 0.12) 31px 32px, transparent 32px),repeating-linear-gradient(0deg, transparent 0 27px, rgba(91, 100, 112, 0.075) 27px 28px),var(--surface, #fff)}.hair-assessment__worksheet-header{display:grid;grid-template-columns:minmax(0, 1fr) minmax(180px, 280px);gap:1rem;align-items:center;margin:0 0 .9rem;padding:0 .25rem}.hair-assessment__worksheet-header>p{margin:0;padding:.58rem .68rem;color:var(--ink-muted, #5b6470);border:1px solid var(--hair-rule);border-radius:10px;background:var(--hair-accent-soft);font:700 .68rem/1.4 var(--font-ui, system-ui, sans-serif)}.hair-assessment__prompts{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.6rem}.hair-assessment__prompts article{display:grid;grid-template-columns:33px minmax(0, 1fr);gap:.65rem;min-width:0;padding:.78rem;border:1px solid var(--border-color, #d9dde3);border-radius:12px;background:var(--surface, #fff)}.hair-assessment__prompts .hair-assessment__prompt--result{grid-column:1/-1}.hair-assessment__prompts h4{margin:0 0 .22rem;color:var(--heading-font-color, var(--ink, #172033));font:800 .81rem/1.25 var(--font-ui, system-ui, sans-serif)}.hair-assessment__prompts p{margin:0;color:var(--ink-muted, #5b6470);font:500 .72rem/1.45 var(--font-ui, system-ui, sans-serif)}.hair-assessment__record-line{display:grid;grid-template-columns:auto minmax(44px, 1fr);gap:.5rem;align-items:center;margin-top:.55rem}.hair-assessment__record-line b{color:var(--hair-accent-deep);font:850 .58rem/1.2 var(--font-ui, system-ui, sans-serif);letter-spacing:.08em;text-transform:uppercase}.hair-assessment__record-line i{display:block;height:1px;border-bottom:1px dashed var(--hair-rule)}.hair-assessment__boundaries{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.7rem;margin:1rem clamp(1.15rem,3vw,1.8rem) 0}.hair-assessment__boundaries article{display:grid;grid-template-columns:40px minmax(0, 1fr);gap:.7rem;min-width:0;padding:.86rem;border:1px solid var(--border-color, #d9dde3);border-radius:14px;background:var(--surface, #fff)}.hair-assessment__boundaries article>span{display:grid;width:40px;height:40px;place-items:center;color:var(--hair-accent-deep);border:1px solid var(--hair-rule);border-radius:12px;background:var(--hair-accent-soft)}.hair-assessment__boundaries h3{margin:0 0 .28rem;color:var(--heading-font-color, var(--ink, #172033));font:800 .82rem/1.25 var(--font-ui, system-ui, sans-serif)}.hair-assessment__boundaries p{margin:0;color:var(--ink-muted, #5b6470);font:500 .69rem/1.45 var(--font-ui, system-ui, sans-serif)}.hair-assessment__boundary{display:grid;grid-template-columns:38px minmax(0, 1fr);gap:.72rem;align-items:center;margin:1rem 0 0;padding:.95rem clamp(1.15rem,3vw,1.8rem);color:#fff;background:var(--hair-accent-deep)}.hair-assessment__boundary>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid hsla(0,0%,100%,.42);border-radius:50%;font:900 1rem/1 var(--font-ui, system-ui, sans-serif)}.hair-assessment__boundary p{margin:0;color:hsla(0,0%,100%,.86);font:500 .76rem/1.48 var(--font-ui, system-ui, sans-serif)}.hair-assessment__boundary strong{display:block;margin-bottom:.12rem;color:#fff;font-weight:850}@media(max-width: 960px){.hair-assessment__header{grid-template-columns:minmax(0, 1fr)}.hair-assessment__status{grid-column:1/-1}.hair-assessment__axes{grid-template-columns:repeat(2, minmax(0, 1fr))}.hair-assessment__axis,.hair-assessment__axis:nth-child(n+5){grid-column:span 1}.hair-assessment__axis:last-child{grid-column:1/-1}.hair-assessment__steps{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.55rem}.hair-assessment__steps li,.hair-assessment__steps li:first-child,.hair-assessment__steps li:last-child{border:1px solid var(--border-color, #d9dde3);border-radius:11px}.hair-assessment__steps li+li{border-left:1px solid var(--border-color, #d9dde3)}.hair-assessment__steps li::after{display:none}.hair-assessment__steps li:last-child{grid-column:1/-1}.hair-assessment__boundaries{grid-template-columns:1fr}}@media(max-width: 620px){.hair-assessment{margin-block:1.35rem;border-radius:17px}.hair-assessment__header{grid-template-columns:minmax(0, 1fr);padding:1rem}.hair-assessment__heading h2{font-size:1.28rem}.hair-assessment__heading p{grid-column:1/-1;font-size:.82rem}.hair-assessment__status{grid-template-columns:30px minmax(0, 1fr);padding:.6rem}.hair-assessment__status-mark{width:30px;height:30px}.hair-assessment__axes{grid-template-columns:1fr;padding-inline:1rem}.hair-assessment__axis,.hair-assessment__axis:nth-child(n+5),.hair-assessment__axis:last-child{grid-column:1}.hair-assessment__not-equation{margin-inline:1rem;justify-content:flex-start}.hair-assessment__not-equation span{flex:1 1 auto;text-align:center}.hair-assessment__route,.hair-assessment__worksheet{margin-inline:1rem;padding:.8rem}.hair-assessment__steps,.hair-assessment__prompts{grid-template-columns:1fr}.hair-assessment__steps li:last-child,.hair-assessment__prompts .hair-assessment__prompt--result{grid-column:1}.hair-assessment__worksheet-header{grid-template-columns:1fr;gap:.7rem}.hair-assessment__boundaries{margin-inline:1rem}.hair-assessment__boundary{padding-inline:1rem}}@media(forced-colors: active){.hair-assessment,.hair-assessment__status,.hair-assessment__axis,.hair-assessment__route,.hair-assessment__worksheet,.hair-assessment__prompts article,.hair-assessment__boundaries article,.hair-assessment__boundary{border:1px solid CanvasText}.hair-assessment__axis-icon,.hair-assessment__step-number,.hair-assessment__prompt-key,.hair-assessment__boundary>span{color:Canvas;background:CanvasText}.hair-assessment__record-line i{border-bottom:1px solid CanvasText}}@media print{.hair-assessment{break-inside:avoid-page;box-shadow:none}.hair-assessment__axis,.hair-assessment__prompts article,.hair-assessment__boundaries article{break-inside:avoid}}.dark-mode .hair-assessment{--hair-accent: #52b798;--hair-accent-deep: #8fd8c0;--hair-accent-soft: rgba(82, 183, 152, 0.13);--hair-rule: rgba(82, 183, 152, 0.4)}.dark-mode .hair-assessment__axis--diameter{--axis: #76a8e8;--axis-soft: rgba(118, 168, 232, 0.13)}.dark-mode .hair-assessment__axis--density{--axis: #b494dc;--axis-soft: rgba(180, 148, 220, 0.13)}.dark-mode .hair-assessment__axis--pattern{--axis: #5fc1ca;--axis-soft: rgba(95, 193, 202, 0.13)}.dark-mode .hair-assessment__axis--condition{--axis: #d6a35f;--axis-soft: rgba(214, 163, 95, 0.13)}.dark-mode .hair-assessment__axis--state{--axis: #c6a26f;--axis-soft: rgba(198, 162, 111, 0.13)}.dark-mode .hair-assessment__axis--task{--axis: #d68bad;--axis-soft: rgba(214, 139, 173, 0.13)}.dark-mode .hair-assessment__axis--result{--axis: #72c4aa;--axis-soft: rgba(114, 196, 170, 0.13)}/*# sourceMappingURL=hair-behaviour-assessment.css.map */