.trails-page{max-width:1080px;margin:auto;padding:28px 16px 70px;background:#07111f;color:#eef4fb;font-family:system-ui}.trails-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.03;margin:.25em 0}.trails-page>p,.trail-copy p{color:var(--muted);line-height:1.65}.trails-lab{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start;margin-top:22px}.trail-view,.trail-controls,.trail-copy{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.trail-view canvas{width:100%;height:340px;display:block;border-radius:12px;background:#07111f}.trail-verdicts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.trail-verdicts>div{padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.trail-verdicts small{display:block;color:var(--muted);font-size:.72rem}.trail-verdicts strong{display:block;margin-top:4px;font-size:.86rem}.trail-verdicts strong[data-level='low'],.trail-verdicts strong[data-level='short']{color:var(--ok)}.trail-verdicts strong[data-level='watch'],.trail-verdicts strong[data-level='medium']{color:var(--warn)}.trail-verdicts strong[data-level='high'],.trail-verdicts strong[data-level='long']{color:var(--danger)}
.trail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.trail-metrics div{padding:10px;background:var(--surface2);border-radius:10px}.trail-metrics small{display:block;color:var(--muted)}.trail-controls label{display:block;margin-bottom:17px;color:var(--muted)}.trail-controls input{width:100%;margin-top:8px}.trail-value{float:right;color:var(--text)}.trail-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.trail-copy h2{margin-top:0}.trail-links{display:flex;gap:8px;flex-wrap:wrap}.trail-links a{color:#8db8ff;text-decoration:none;border:1px solid #31465f;padding:8px 11px;border-radius:999px}@media(max-width:760px){.trails-page{padding:18px 10px 70px}.trails-lab,.trail-flow{grid-template-columns:1fr}.trail-view canvas{height:270px}.trail-metrics{grid-template-columns:1fr 1fr}.trail-metrics div:last-child{grid-column:1/-1}}
.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){.trails-lab{grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);gap:22px;margin-top:28px}.trails-lab>*{min-width:0;align-self:start}.trail-metrics{gap:10px;grid-auto-rows:1fr}.trail-flow{gap:14px;grid-auto-rows:1fr}.trail-flow>*{height:100%}}

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