/* Training & Readiness — Milestone 4 practice + results. Charcoal / cream / gold. */
.ta-wrap{margin:22px 0;}
.ta-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start;}
.ta-col{display:grid;gap:16px;}
.ta-card{display:grid;gap:12px;padding:20px 22px;border:1px solid var(--tr-line,rgba(243,238,223,.1));border-radius:14px;background:var(--tr-s1,#0e1013);}
.ta-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.ta-h{font:400 24px/1.1 var(--tr-display,'Instrument Serif',Georgia,serif);margin:0;color:var(--tr-ink,#f3eedf);}
.ta-copy{font-size:13px;line-height:1.6;color:var(--tr-dim,#c9c1b0);margin:0;}
.ta-fine{font-size:12px;color:var(--tr-muted,#8f8a80);line-height:1.5;margin:0;}
.ta-prep{background:linear-gradient(165deg,rgba(208,173,98,.07),transparent 50%),var(--tr-s1,#0e1013);border-color:rgba(208,173,98,.3);}
.ta-list{margin:0;padding:0;list-style:none;counter-reset:ta;display:grid;gap:10px;}
.ta-list li{counter-increment:ta;display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:13px;line-height:1.55;color:var(--tr-dim,#c9c1b0);}
.ta-list li::before{content:counter(ta);font:italic 400 22px/1 var(--tr-display,'Instrument Serif',serif);color:var(--tr-gold,#d0ad62);}
.ta-list strong{color:var(--tr-ink,#f3eedf);font-weight:600;}
.ta-pill{font:500 9px var(--tr-mono,'DM Mono',monospace);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:99px;border:1px solid var(--tr-line2,rgba(243,238,223,.18));color:var(--tr-muted,#8f8a80);white-space:nowrap;}
.ta-pill.is-on{color:var(--tr-gold-hi,#f0d69a);border-color:rgba(208,173,98,.6);}
.ta-pill.is-bad{color:#e8a48f;border-color:rgba(232,164,143,.45);}
.ta-mic.is-live{border-color:rgba(208,173,98,.55);}
.ta-meter{height:6px;border-radius:6px;background:rgba(243,238,223,.07);overflow:hidden;}
.ta-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--tr-gold,#d0ad62),var(--tr-gold-hi,#f0d69a));transform-origin:left;transform:scaleX(0);transition:transform .08s linear;}
.ta-actions{display:flex;flex-wrap:wrap;gap:10px;}
.ta-actions .tr-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;background:transparent;color:var(--tr-dim,#c9c1b0)!important;border-color:var(--tr-line2,rgba(243,238,223,.18));border-style:dashed;}
.ta-why{font-size:12px;line-height:1.55;color:var(--tr-dim,#c9c1b0);padding:10px 12px;border-left:2px solid rgba(208,173,98,.5);background:rgba(243,238,223,.02);border-radius:0 8px 8px 0;margin:0;}
.ta-err{font-size:12px;color:#e8a48f;margin:0;}
.ta-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.ta-tstep{font:500 9px var(--tr-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--tr-muted,#8f8a80);padding-top:10px;border-top:2px solid rgba(243,238,223,.1);}
.ta-tstep.is-done{border-top-color:rgba(208,173,98,.5);color:var(--tr-dim,#c9c1b0);}
.ta-tstep.is-cur{border-top-color:var(--tr-gold,#d0ad62);color:var(--tr-gold-hi,#f0d69a);}
.ta-score{background:linear-gradient(170deg,rgba(208,173,98,.08),transparent 55%),var(--tr-s2,#14171b);border-color:var(--tr-line2,rgba(243,238,223,.18));}
.ta-big{font:italic 400 clamp(40px,6vw,60px)/1 var(--tr-display,'Instrument Serif',serif);color:var(--tr-dim,#c9c1b0);letter-spacing:-.02em;}
.ta-dl{margin:6px 0 0;display:grid;gap:0;border-top:1px solid var(--tr-line,rgba(243,238,223,.1));}
.ta-dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--tr-line,rgba(243,238,223,.1));font-size:13px;}
.ta-dl dt{color:var(--tr-muted,#8f8a80);}.ta-dl dd{margin:0;color:var(--tr-ink,#f3eedf);font-weight:600;}
.ta-dims{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px;}
.ta-dims li{display:flex;justify-content:space-between;gap:10px;}
.ta-fb{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ta-fbcol{display:grid;gap:8px;align-content:start;padding-left:12px;border-left:2px solid rgba(208,173,98,.4);}
.ta-fbcol+.ta-fbcol{border-left-color:var(--tr-line2,rgba(243,238,223,.18));}
.ta-fblist{margin:0;padding-left:16px;display:grid;gap:6px;font-size:13px;line-height:1.55;color:var(--tr-dim,#c9c1b0);}
.ta-skel{height:90px;width:100%;}
.ta-card .tr-btn:focus-visible{outline:2px solid var(--tr-gold,#d0ad62);outline-offset:2px;}
@media(prefers-reduced-motion:reduce){.ta-meter span{transition:none;}}
@media(max-width:860px){.ta-grid{grid-template-columns:1fr;}}
@media(max-width:700px){.ta-card{padding:16px;}.ta-actions .tr-btn{width:100%;}.ta-fb{grid-template-columns:1fr;}}
.ta-primary{align-items:center;flex-wrap:wrap;}
.ta-consent{display:flex;gap:10px;align-items:flex-start;}
.ta-consent input{margin-top:4px;accent-color:var(--tr-gold,#d0ad62);}
.ta-recover{display:flex;gap:10px;align-items:center;}
.ta-recover.is-stuck{display:grid;gap:10px;padding:14px;border:1px solid rgba(208,173,98,.3);border-radius:10px;}
.ta-dot{width:7px;height:7px;border-radius:50%;background:var(--tr-gold,#d0ad62);flex:none;animation:ta-pulse 1.4s ease-in-out infinite;}
@keyframes ta-pulse{50%{opacity:.3;}}
@media (prefers-reduced-motion:reduce){.ta-dot{animation:none;}}
.ta-support{font-size:13px;color:var(--tr-gold,#d0ad62);text-decoration:underline;text-underline-offset:3px;}
.ta-support:focus-visible{outline:2px solid var(--tr-gold,#d0ad62);outline-offset:3px;border-radius:2px;}