.depth-page{max-width:1100px;margin:auto;padding:28px 16px 64px;font-family:system-ui;color:#eef4fb;background:#07111f}.depth-page a{color:#8db8ff}.depth-hero{max-width:780px}.depth-hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;margin:.25em 0}.depth-hero p{color:#9fb0c4;line-height:1.65}.depth-lab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;align-items:start;margin-top:24px}.depth-preview,.depth-controls,.lesson-section{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:16px}.depth-scene{--star-blur:0px;height:330px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(#10233a 0 50%,#17283a 50%)}.depth-scene:before{content:'✦  ·  ✧   ·   ✦      · ✧';position:absolute;inset:24px;color:#fff;letter-spacing:18px;opacity:.8;filter:blur(var(--star-blur));transition:filter .16s ease,opacity .16s ease}.depth-scene[data-stars-sharp='0']:before{opacity:.62}.depth-ground{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(160deg,transparent 0 30%,#091019 31%);transform:scale(1.015);transform-origin:bottom center;transition:filter .16s ease,opacity .16s ease}.depth-scale{position:absolute;left:8%;right:8%;bottom:38px;height:4px;background:#31465f;border-radius:4px}.depth-zone{position:absolute;left:25%;right:0;top:-5px;height:14px;background:#6ad3a3;border-radius:8px;transition:left .16s ease,right .16s ease}.depth-fg{position:absolute;top:-7px;width:3px;height:18px;background:#ffb86b;transition:left .16s ease,box-shadow .16s ease}.depth-verdicts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.depth-verdicts>div{padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.depth-verdicts small{display:block;color:var(--muted);font-size:.72rem}.depth-verdicts strong{display:block;margin-top:4px;font-size:.84rem;line-height:1.35}.depth-verdicts>div[data-ok='1']{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,var(--surface2))}.depth-verdicts>div[data-ok='0']{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface2))}
.depth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.depth-metrics div{padding:10px;border-radius:10px;background:var(--surface2)}.depth-metrics small{display:block;color:var(--muted)}.depth-metrics strong{display:block;margin-top:4px}.depth-controls label{display:block;margin:0 0 14px;color:var(--muted)}.depth-controls input{width:100%;margin-top:7px}.depth-value{float:right;color:var(--text);font-variant-numeric:tabular-nums}.depth-status{padding:12px;border-left:3px solid var(--warn);background:var(--surface2);border-radius:0 10px 10px 0}.depth-status[data-ok='1']{border-color:var(--ok)}.depth-note{color:#8297ad;font-size:.8rem;line-height:1.5}.lesson-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.lesson-section h2{margin-top:0}.lesson-section p,.lesson-section li{color:#aebdcd;line-height:1.65}.lesson-links{display:flex;gap:10px;flex-wrap:wrap}.lesson-links a{padding:9px 12px;border:1px solid #31465f;border-radius:999px;text-decoration:none}@media(max-width:760px){.depth-page{padding:18px 10px 70px}.depth-lab,.lesson-flow{grid-template-columns:1fr}.depth-scene{height:260px}.depth-metrics{grid-template-columns:1fr 1fr}.depth-metrics div:first-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.depth-scene:before,.depth-ground,.depth-zone,.depth-fg{transition:none}}
.course-overview-image{margin:14px 0 22px;width:min(100%,560px);border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.course-overview-image img{display:block;width:100%;height:auto;aspect-ratio:14/9;object-fit:cover}.course-overview-image figcaption{padding:9px 12px;color:var(--muted);font-size:.72rem;line-height:1.45}


/* WTS lesson split alignment v1 — 2026-09-23 */
@media(min-width:1024px){.depth-lab{grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);gap:22px;margin-top:28px}.depth-lab>*{min-width:0;align-self:start}.depth-metrics{gap:10px;grid-auto-rows:1fr}.lesson-flow{gap:14px;grid-auto-rows:1fr}.lesson-flow>*{height:100%}}

@media(max-width:430px){.depth-verdicts{grid-template-columns:1fr}}