.training-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:20px; }
.training-card { min-width:0; margin:0; }
.training-card h2 { margin:0 0 12px; overflow-wrap:anywhere; }
.training-card h3 { font-size:14px; line-height:1.6; }
.training-meta { color:var(--muted); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.training-card .status { margin-top:12px; white-space:normal; }
.training-card .actions { flex-wrap:wrap; justify-content:flex-start; gap:8px; }
.training-card button,.training-section button { min-height:44px; white-space:normal; }
.training-card p { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.training-card details { border-top:1px solid var(--line); padding-top:16px; margin-top:18px; }
.training-card summary,.training-journal summary { min-height:44px; cursor:pointer; font-size:14px; }
.training-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
.training-row>div { min-width:0; }.training-row strong { font-size:13px; overflow-wrap:anywhere; }.training-row small { display:block; font-size:12px; color:var(--muted); line-height:1.6; margin-top:5px; overflow-wrap:anywhere; }
.training-row button { flex-shrink:0; min-height:44px; }.training-section>button { margin-top:16px; }
.training-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:12px; align-items:end; margin:24px 0; }
.training-filters .field { min-width:0; }.training-filters input,.training-filters select { min-width:0; width:100%; min-height:44px; font-size:16px; }.training-filters button { min-height:44px; }
.training-heading { margin:36px 0 20px; }.training-journal { margin-top:24px; }.training-journal p { font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
@media(max-width:767px){.training-filters { grid-template-columns:1fr; }.training-grid { gap:16px; }.training-card { padding:20px 16px; }.nav { overflow-x:auto; justify-content:flex-start!important; }.nav button { flex:0 0 auto!important; min-width:72px; }.training-section .section-head { flex-wrap:wrap; }}