:root{--field-ink:#102321;--field-deep:#123b35;--field-deeper:#092923;--field-lime:#d7ff54;--field-paper:#f5f2e9;--field-line:#d8ddd3;--field-muted:#61716b}
.tr-field-station{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto auto;height:auto;min-height:0;max-width:1500px;margin:28px auto 80px;background:var(--field-paper);border:1px solid #cfd6cc;box-shadow:0 28px 80px rgba(8,41,35,.16);color:var(--field-ink);overflow:hidden}
.tr-field-rail{grid-row:1;background:var(--field-deeper);color:#edf4ee;padding:28px 18px 22px;display:flex;flex-direction:column;min-width:0}
.tr-field-brand{padding:0 10px 25px;border-bottom:1px solid rgba(255,255,255,.12)}
.tr-field-brand span,.tr-field-brand b{display:block}.tr-field-brand span{font:700 .7rem/1.2 ui-monospace,monospace;letter-spacing:.2em;color:var(--field-lime)}.tr-field-brand b{font-size:1rem;letter-spacing:.06em;margin-top:5px}
.tr-field-course{padding:22px 10px 16px;font-size:.78rem;line-height:1.45;color:#9eb2ab;text-transform:uppercase;letter-spacing:.08em}
.tr-field-rail nav{display:grid;gap:4px;overflow:visible}.tr-field-module{appearance:none;border:0;background:transparent;color:#aabdb6;display:grid;grid-template-columns:30px 1fr;gap:10px;text-align:left;padding:12px 10px;border-left:2px solid transparent;cursor:pointer}.tr-field-module span{font:700 .67rem/1.4 ui-monospace,monospace}.tr-field-module b{font-size:.77rem;line-height:1.35;font-weight:600}.tr-field-module:hover{background:rgba(255,255,255,.05);color:white}.tr-field-module.is-active{background:rgba(215,255,84,.08);border-left-color:var(--field-lime);color:white}.tr-field-module.is-active span,.tr-field-module.is-done span{color:var(--field-lime)}
.tr-field-progress{margin-top:24px;padding:24px 10px 0}.tr-field-progress>div{display:flex;justify-content:space-between;font:700 .67rem/1 ui-monospace,monospace;letter-spacing:.08em}.tr-field-progress i{display:block;height:3px;background:rgba(255,255,255,.14);margin-top:10px}.tr-field-progress i span{display:block;height:100%;background:var(--field-lime);transition:width .35s ease}
.tr-field-workspace{min-width:0;background:var(--field-paper)}
.tr-field-sources{min-height:58px;padding:0 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-bottom:1px solid var(--field-line);font:700 .65rem/1.2 ui-monospace,monospace;letter-spacing:.08em}.tr-field-sources>b{color:var(--field-muted)}.tr-field-sources>div{display:flex;gap:18px;overflow:hidden}.tr-field-sources a,.tr-field-sources div span{color:var(--field-deep);white-space:nowrap;text-decoration:none}.tr-field-sources a:hover{text-decoration:underline}.tr-field-status{background:#e2eadf;color:#34534b;padding:7px 9px;border-radius:2px;font:800 .63rem/1.2 ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}
.tr-field-main{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);height:auto;min-height:0;align-items:stretch}.tr-field-copy{padding:48px clamp(30px,4vw,62px);min-width:0;overflow:visible;overscroll-behavior:auto}.tr-field-kicker{font:800 .7rem/1.2 ui-monospace,monospace;letter-spacing:.18em;color:#55726a;margin-bottom:18px}.tr-field-copy h2{font-size:clamp(2rem,3vw,3.35rem);line-height:1.02;letter-spacing:-.045em;max-width:720px;margin:0 0 34px;color:var(--field-ink)}.tr-field-copy .tr-body{font-size:1rem;line-height:1.75;color:#314640}.tr-field-copy .tr-body h3{font-size:1.05rem;color:var(--field-deep);margin-top:30px}.tr-field-copy .tr-src{margin-top:30px;border-top:1px solid var(--field-line);padding-top:16px;font-size:.76rem}
.tr-field-visual{position:relative;margin:0;min-height:360px;max-height:560px;background:var(--field-deep);overflow:hidden}.tr-field-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04)}.tr-field-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,27,23,.78))}.tr-field-visual figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:26px;color:white;border-left:3px solid var(--field-lime);padding-left:14px}.tr-field-visual figcaption span,.tr-field-visual figcaption b{display:block}.tr-field-visual figcaption span{font:700 .64rem/1.2 ui-monospace,monospace;letter-spacing:.16em;color:var(--field-lime)}.tr-field-visual figcaption b{font-size:.9rem;margin-top:5px}
.tr-field-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:38px}.tr-field-primary,.tr-field-secondary{appearance:none;border:1px solid var(--field-deep);padding:13px 19px;font-weight:800;letter-spacing:.04em;cursor:pointer}.tr-field-primary{background:var(--field-deep);color:white}.tr-field-primary:hover{background:#1e5148}.tr-field-secondary{background:transparent;color:var(--field-deep)}
.tr-field-timeline{grid-column:1/-1;background:#fff;display:grid;grid-template-columns:220px repeat(var(--module-count),minmax(112px,1fr));min-height:72px;max-height:82px;border-top:1px solid var(--field-line);overflow-x:auto;overflow-y:hidden}.tr-field-timeline>div{padding:14px 20px;background:#edf0e8;border-right:1px solid var(--field-line)}.tr-field-timeline>div span,.tr-field-timeline>div b{display:block;font:700 .64rem/1.3 ui-monospace,monospace;letter-spacing:.09em}.tr-field-timeline>div b{margin-top:5px;color:var(--field-deep)}.tr-field-stop{min-width:112px;background:#fff;border:0;border-right:1px solid var(--field-line);padding:13px 14px;text-align:left;color:#87948f;cursor:pointer;position:relative;overflow:hidden}.tr-field-stop:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#d8ded8}.tr-field-stop span,.tr-field-stop b{display:block}.tr-field-stop span{font:800 .66rem/1 ui-monospace,monospace}.tr-field-stop b{font-size:.7rem;line-height:1.3;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tr-field-stop.is-active{color:var(--field-ink);background:#f8faef}.tr-field-stop.is-active:before,.tr-field-stop.is-done:before{background:var(--field-lime)}
.tr-field-module:focus-visible,.tr-field-stop:focus-visible,.tr-field-primary:focus-visible,.tr-field-secondary:focus-visible,.tr-field-sources a:focus-visible{outline:3px solid var(--field-lime);outline-offset:3px}
[data-theme=dark] .tr-field-station{--field-paper:#13211e;--field-ink:#f1f5ee;--field-line:#30403b;--field-muted:#9baca6}.tr-field-source-empty{color:var(--field-muted)!important}
[data-theme=dark] .tr-field-sources a,[data-theme=dark] .tr-field-sources div span,[data-theme=dark] .tr-field-copy .tr-body h3{color:#c6f3e5}
[data-theme=dark] .tr-field-copy .tr-body{color:#c4d5cf}
@media(max-width:1250px){.tr-field-station{grid-template-columns:220px 1fr}.tr-field-main{grid-template-columns:1fr}.tr-field-visual{min-height:280px;max-height:340px}.tr-field-timeline{grid-template-columns:220px repeat(var(--module-count),minmax(110px,1fr))}}
@media(max-width:900px){.tr-field-station{display:block;height:auto;margin:12px 0 50px}.tr-field-rail{padding:18px}.tr-field-brand{padding-bottom:14px}.tr-field-course{padding:14px 8px 8px}.tr-field-rail nav{display:flex;overflow-x:auto;overflow-y:hidden}.tr-field-module{min-width:180px}.tr-field-progress{margin-top:12px;padding-top:8px}.tr-field-sources{grid-template-columns:1fr auto;padding:12px 18px}.tr-field-sources>b{display:none}.tr-field-sources>div{overflow-x:auto}.tr-field-copy{padding:38px 24px;overflow:visible}.tr-field-timeline{display:none}}
@media(max-width:560px){.tr-field-sources{display:block}.tr-field-status{display:inline-block;margin-top:10px}.tr-field-copy h2{font-size:2rem}.tr-field-visual{min-height:280px}.tr-field-timeline>div{display:none}}
@media(prefers-reduced-motion:reduce){.tr-field-progress i span{transition:none}.tr-field-module,.tr-field-stop,.tr-field-primary,.tr-field-secondary{scroll-behavior:auto}}
.tr-course-facts{max-width:1180px;margin:22px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tr-course-facts span{padding:16px 18px;border:1px solid var(--field-line);background:var(--field-paper);color:var(--field-ink)}.tr-course-facts b,.tr-course-facts small{display:block}.tr-course-facts b{font-size:.92rem}.tr-course-facts small{margin-top:5px;color:var(--field-muted);font-size:.7rem}
@media(max-width:700px){.tr-course-facts{grid-template-columns:repeat(2,1fr);margin:14px 0}.tr-course-facts span{padding:13px}}
.tr-governance{max-width:1180px;margin:-10px auto 22px;padding:13px 17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--field-line);background:color-mix(in srgb,var(--field-paper) 90%,#d7ff54);color:var(--field-ink);font-size:.75rem}.tr-governance span{color:var(--field-muted)}.tr-governance a{margin-inline-start:auto;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.tr-governance{margin:0 0 16px}.tr-governance a{margin-inline-start:0;width:100%}}
