/* The product stays flat and exact; the surrounding scene carries the brand. */
.learning-episode{margin-top:34px;max-width:100%;--learning-accent:#c6a1e8}
.learning-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid var(--rule);gap:18px}
.learning-route li{position:relative;padding:18px 0;font-size:14px;font-weight:500;line-height:1.4;color:var(--muted,#bcb8c3);min-width:0}
.learning-route li>span{display:block;font-size:11px;font-weight:600;color:var(--learning-accent);letter-spacing:.06em;margin-bottom:8px}
.learning-route li::before{position:absolute;content:'';height:1px;top:-1px;left:0;right:0;background:var(--learning-accent);transform:scaleX(var(--step-progress));transform-origin:left}
.core-format{padding:24px 0 30px;scroll-margin-top:160px}
.core-format>.core-format-value{font-size:clamp(25px,2.5vw,34px);font-weight:600;line-height:1.16;letter-spacing:-.035em;color:var(--ink,#f4f1f7);margin:10px 0 14px;max-width:22ch;text-wrap:balance}
.core-format>p:last-child{color:var(--muted,#bcb8c3);font-size:16px;line-height:1.55;max-width:54ch}
.learning-product{padding:28px 0 25px;border-top:1px solid var(--rule)}
.learning-product h3{font-size:clamp(32px,3vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.045em}
.learning-product>p{font-size:17px;line-height:1.5;color:var(--muted,#bcb8c3);margin-top:14px;max-width:48ch}
.profile-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.core-profile-figure{margin:0;width:100%;max-width:500px;min-width:0}
.core-profile-crop{position:relative;width:100%;aspect-ratio:404/358;background:#10141a;isolation:isolate;touch-action:pan-y pinch-zoom}
.core-profile-crop>img{display:block;width:100%;height:auto;max-width:100%;user-select:none;pointer-events:none}
.profile-row-focus{position:absolute;left:1px;right:1px;height:9.8%;border-left:2px solid #bd95e1;background:linear-gradient(90deg,#b18bd71a,transparent 45%);pointer-events:none;top:35.2%}
.core-profile-crop[data-active-metric="1"] .profile-row-focus{top:66.3%}
.core-profile-crop[data-active-metric="2"] .profile-row-focus{top:76.8%}
.core-profile-figure figcaption{display:flex;flex-wrap:wrap;gap:4px 15px;align-items:baseline;font-size:12px;line-height:1.5;color:var(--muted,#bcb8c3);margin-top:12px}
.core-profile-figure figcaption a{display:inline-flex;align-items:center;gap:8px;color:var(--ink,#f4f1f7);text-decoration:underline;text-underline-offset:4px;min-height:44px;max-width:100%}
.profile-inspector{min-width:0;max-width:100%}
.metric-tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:22px;flex-wrap:wrap}
.metric-tabs button{min-height:46px;min-width:72px;flex:1;font-size:14px;font-weight:600;line-height:1.2;border-bottom:2px solid transparent;color:var(--muted,#bcb8c3);padding:12px 10px;text-align:center}
.metric-tabs button[aria-pressed=true]{color:var(--ink,#f4f1f7);border-bottom-color:#c6a1e8}
.metric-tabs button:focus-visible{outline-offset:2px}
.metric-detail{min-width:0;max-width:100%;min-height:284px}
.metric-detail>.map-label{font-size:12px;font-weight:500}
.metric-detail h3{font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin-top:10px;max-width:22ch;text-wrap:balance}
.coach-comment{color:var(--muted,#bcb8c3);font-size:16px;line-height:1.55;margin-top:16px;max-width:42ch}
.review-exercise{margin-top:20px}
.review-exercise>summary{font-size:14px;font-weight:500;min-height:44px;line-height:1.4}
.review-exercise .detail-body{padding-top:8px}
.review-exercise .detail-body h4{font-size:15px;font-weight:600;margin-top:20px;line-height:1.35}
.review-exercise .detail-body p{font-size:15px;line-height:1.55;color:var(--muted,#bcb8c3);margin-top:8px}
.metric-help{font-size:13px;line-height:1.5;color:var(--muted,#bcb8c3);margin-top:16px;max-width:60ch}
.profile-caveat{margin-top:12px;font-size:13px;line-height:1.5;max-width:64ch}
.hud-offer{margin-top:36px;padding-top:30px;border-top:1px solid var(--rule)}
.hud-offer h3{font-size:clamp(28px,2.8vw,36px);font-weight:600;line-height:1.13;letter-spacing:-.035em;max-width:23ch;text-wrap:balance}
.hud-offer>p:not(.note):not(.hud-contact){font-size:17px;line-height:1.5;color:var(--muted,#bcb8c3);max-width:48ch;margin-top:15px}
.hud-telegram{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;min-height:52px;margin-top:24px;padding:14px 18px;background:#eee8f3;color:#19131f;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none}
.hud-telegram span{flex:0 0 auto}
.hud-telegram:hover{background:#fff}
.hud-offer .hud-contact{font-size:12px;line-height:1.5;color:var(--muted,#bcb8c3);margin-top:10px}
.hud-offer .note{font-size:12px;line-height:1.5;margin-top:8px}
.profile-source-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1100px) and (min-aspect-ratio:11/10){
 .profile-workspace{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:30px}
 .profile-inspector{padding-top:8px}
}
@media(max-width:899px),(max-aspect-ratio:11/10){
 .learning-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .learning-route li{font-size:13px;padding:14px 0}
 .learning-route li:nth-child(n+3){border-top:1px solid var(--rule)}
 .learning-route li>span{margin-bottom:5px}
 .learning-product{padding-top:26px}
 .core-profile-figure{max-width:500px}
 .profile-workspace{gap:10px}
 .profile-inspector{max-width:500px}
 .metric-tabs{margin-bottom:20px}
 .metric-detail{min-height:250px}
 .core-format{scroll-margin-top:35svh}
 .hud-offer{margin-top:30px}
}
@media(max-width:599px){
 .core-profile-figure figcaption{gap:0 12px;font-size:11px}
 .metric-tabs button{font-size:13px;padding:11px 6px;min-width:64px}
 .metric-detail h3{font-size:26px;max-width:23ch}
 .coach-comment{font-size:16px}
 .core-format>.core-format-value{font-size:28px}
 .learning-product>p,.hud-offer>p:not(.note):not(.hud-contact){font-size:16px}
 .hud-telegram{font-size:14px;gap:16px;padding:14px 16px}
 .profile-caveat,.metric-help{font-size:13px}
}
body[data-reduced=true] .learning-route li::before{transform:none}
@media(prefers-reduced-motion:reduce){body:not([data-reduced=false]) .learning-route li::before{transform:none}}