/*! Copyright TheWebSuite. All rights reserved. Licensed, not sold: https://thewebsuite.co/license */
.trn{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:560px;outline:none}.trn-list{border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;min-height:0}.trn-list-h{padding:2px 10px 10px}.trn-list ol{list-style:none;overflow-y:auto;scrollbar-width:none;max-height:600px}.trn-list ol::-webkit-scrollbar{display:none}.trn-list button{width:100%;display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;padding:9px 10px;border-radius:9px;text-align:left;color:var(--ink2);font-weight:500;line-height:1.3}.trn-list button:hover{background:var(--hover)}.trn-list button.on{background:var(--pill);color:var(--ink);font-weight:600}.trn-ln{font-size:11px;color:var(--mut2);display:inline-flex}.trn-list button.done .trn-ln{color:var(--ok)}.trn-main{display:flex;flex-direction:column;min-width:0}.trn-slide{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center;padding:28px 28px 20px;animation:trn-in .35s cubic-bezier(.2,.7,.2,1) both}.trn-slide.text{grid-template-columns:minmax(0,1fr);max-width:760px}@keyframes trn-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.trn-eb{color:var(--blue)}.trn-h{font-size:26px;line-height:1.12;letter-spacing:-.02em;font-weight:600;margin-top:10px}.trn-slide.text .trn-h{font-size:32px}.trn-lead{color:var(--mut);font-size:15px;margin-top:10px;max-width:46ch}.trn-pts{list-style:none;margin-top:18px;border-top:1px solid var(--line2)}.trn-pts li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line2);font-size:14px;line-height:1.5;color:var(--ink2)}.trn-pts .mono{font-size:11px;color:var(--blue);padding-top:3px}.trn-slide.text .trn-pts{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:0}.trn-slide.text .trn-pts li{grid-template-columns:1fr;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg)}.trn-shot{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--sh2);background:var(--card)}.trn-shot img{display:block;width:100%;height:auto}.trn-bar{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:14px 28px;border-top:1px solid var(--line)}.trn-prog{display:grid;gap:7px;max-width:420px;width:100%;justify-self:center;text-align:center}.trn-prog .mono{font-size:11px;color:var(--mut);letter-spacing:.06em}.trn-track{height:4px;border-radius:4px;background:var(--line);overflow:hidden}.trn-track i{display:block;height:100%;background:var(--blue);border-radius:4px;transition:width .3s}.trn-bar .btn[disabled]{opacity:.45;cursor:default}@media(max-width:980px){.trn{grid-template-columns:1fr}.trn-list{border-right:0;border-bottom:1px solid var(--line)}.trn-list ol{display:flex;gap:6px;overflow-x:auto;max-height:none}.trn-list button{white-space:nowrap}.trn-slide{grid-template-columns:1fr;padding:20px 16px}.trn-slide.text .trn-pts{grid-template-columns:1fr}.trn-bar{padding:12px 16px;gap:10px}}@media(prefers-reduced-motion:reduce){.trn-slide{animation:none}.trn-track i{transition:none}}