.skin-result-overview{padding:36px 28px 28px;background:linear-gradient(145deg,var(--type-tint),#fff 150%);color:#273039;border-top:5px solid var(--type-accent)}.result-overline{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.08em}.result-overline span:last-child{font-size:14px;letter-spacing:.02em}.skin-type-code{margin:24px 0 10px;font-size:clamp(74px,22vw,118px);font-weight:500;line-height:1;letter-spacing:-.045em}.skin-type-labels{margin:0 0 32px;font-size:15px;line-height:1.6}.skin-dimension-readings{display:grid;gap:21px}.skin-dimension-reading{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px}.skin-dimension-reading .trait-icon{width:42px;height:42px}.dimension-reading-heading{display:flex;justify-content:space-between;gap:10px;font-size:14px;line-height:1.5}.dimension-reading-heading>span{color:#59626c}.dimension-reading-heading strong{font-weight:650}.dimension-result-track{height:10px;margin-top:8px;position:relative;border:1px solid #fff;border-radius:20px;background:#ffffffa8}.dimension-result-track>span{display:block;height:100%;border-radius:inherit;background:var(--type-accent)}.dimension-result-track>i{position:absolute;top:50%;height:14px;width:14px;border:3px solid #fff;border-radius:50%;background:#273039;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0002}.dimension-reading-poles{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:12px;color:#59626c}.dimension-trait-caption{margin:5px 0 0;font-size:14px;color:#59626c}.skin-result-caption{margin:24px 0 20px;font-size:12px;line-height:1.7;color:#59626c}.interpretation-link{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:12px 20px;background:#273039;color:white;text-decoration:none;font-size:16px}.interpretation-link>span{font-size:22px}.skin-retest{display:block;margin:14px auto 0;min-height:40px;border:0;background:transparent;color:#59626c;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.skin-interpretation{margin-top:12px;background:#fff;scroll-margin-top:12px}.skin-type-banner{display:flex;align-items:center;gap:18px;padding:22px 24px;background:var(--type-tint);border-top:3px solid var(--type-accent);color:#273039}.skin-type-banner>div:first-child{flex:0 0 auto}.skin-type-banner>div:first-child>span{display:block;font-size:12px}.skin-type-banner strong{display:block;font-size:34px;line-height:1.15;letter-spacing:-.02em}.skin-banner-labels{min-width:0}.skin-banner-labels>span{display:block;font-size:12px;line-height:1.6;color:#59626c}.skin-banner-labels>p{margin:5px 0 0;font-size:14px;line-height:1.6;font-weight:600}.skin-face-map{position:relative;aspect-ratio:600/560;margin:26px 12px 4px}.skin-face-drawing{display:block;width:100%;height:100%}.face-trait{position:absolute;display:flex;flex-direction:column;align-items:center;width:25%;text-align:center}.face-trait .trait-icon{width:56%;max-width:82px;margin-bottom:7px}.face-trait strong{display:block;color:#273039;font-size:clamp(14px,3.8vw,19px);line-height:1.4}.face-trait>span{display:flex;flex-direction:column;margin-top:3px;color:#66717b;font-size:clamp(12px,2.8vw,14px);line-height:1.6}.face-trait-water{left:0;top:17%}.face-trait-reactive{right:0;top:17%}.face-trait-aging{left:0;top:59%}.face-trait-pigment{right:0;top:59%}.skin-story{padding:0 28px 18px}.skin-story-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid #e6e9ed}.skin-story-code{padding:6px 11px;background:var(--type-tint);border-left:3px solid var(--type-accent);color:#273039;font-size:22px;font-weight:650}.skin-story-heading>span:last-child{color:#6b747d;font-size:12px;letter-spacing:.05em}.skin-story h2{margin:22px 0 18px;font-size:clamp(23px,6vw,30px);font-weight:650;letter-spacing:-.02em;line-height:1.4;color:#273039}.skin-story>p{margin:16px 0;font-size:16px;line-height:1.95;color:#4c5761;overflow-wrap:anywhere}.skin-story-focus{margin-top:26px;padding:20px;background:#f8fafb;border-left:3px solid var(--type-accent)}.skin-story-focus>span{font-size:12px;color:#6b747d}.skin-story-focus ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:10px 0 0;padding:0}.skin-story-focus li{font-size:14px;font-weight:600;color:#273039}.skin-explore-link{display:flex;flex-direction:column;align-items:center;gap:8px;margin:26px auto 0;padding:12px;color:#59626c;font-size:14px;text-decoration:none}.skin-explore-link span{font-size:24px;color:#273039}#care-priorities{scroll-margin-top:12px}@media (max-width:370px){.skin-result-overview{padding-inline:22px}.skin-type-banner{padding:18px;gap:12px}.skin-type-banner strong{font-size:30px}.skin-banner-labels>span{font-size:12px}.skin-story{padding-inline:22px}}