/* Training pages (home, Classes, Videos, Materials, Workshops, Certification,
   My learning, the staff content form and delete page). Layout only —
   colours come from the tm-* tokens in components/_iq_theme.html. Every
   page extends templates/training/_base_training.html. */

/* ── Page ── */
.tr-page { display: flex; flex-direction: column; gap: 1rem; padding-bottom: 2.5rem; }
.tr-page > * { min-width: 0; }
.tr-grid { display: grid; gap: 1rem; }
.tr-grid > * { min-width: 0; }
.tr-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tr-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tr-grid.cols-main-aside { grid-template-columns: minmax(0, 1fr) 20rem; align-items: start; }
.tr-stack { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.tr-footnote { font-size: .66rem; line-height: 1.5; color: var(--tm-faint); }

/* ── Strip ── */
.tr-nav { position: relative; z-index: 25; align-items: center; }
.tr-nav .tm-tab.is-on, .tr-nav .tm-tab.is-on:hover { color: var(--analysis-control-text); background: var(--analysis-control-bg); box-shadow: inset 0 0 0 1px var(--analysis-control-ring); }
.tr-brand { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .7rem; margin-right: .25rem; border-radius: 10px; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; text-decoration: none; color: var(--tm-down); background: var(--tm-down-bg); }
.tr-brand.is-on { box-shadow: inset 0 0 0 1px var(--tm-down); }

/* ── Buttons ── */
.tr-actions { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.tr-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; height: 34px; padding: 0 .9rem; border: 1px solid transparent; border-radius: 9px; font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; cursor: pointer; white-space: nowrap; background: none; color: var(--tm-text-2); }
.tr-btn.primary { color: #fff; background: var(--tm-accent); }
.tr-btn.primary:hover { filter: brightness(1.08); }
.tr-btn.ghost { background: var(--tm-bg); border-color: var(--tm-line); }
.tr-btn.ghost:hover { background: var(--tm-bg-soft); color: var(--tm-text); }
.tr-btn.soft { color: var(--tm-accent); background: var(--tm-accent-bg); }
.tr-btn.up { color: var(--tm-up); background: var(--tm-up-bg); }
.tr-btn.danger { color: var(--tm-down); background: var(--tm-down-bg); }
.tr-btn.link { color: var(--tm-muted); padding: 0 .4rem; }
.tr-btn.link:hover { color: var(--tm-text); }
.tr-btn.sm { height: 28px; padding: 0 .6rem; font-size: .6rem; }
.tr-btn.block { width: 100%; }
.tr-btn i { font-size: .62rem; }
.tr-btn:disabled { opacity: .5; cursor: not-allowed; }
.tr-manage { display: inline-flex; gap: .3rem; align-items: center; }
.tr-manage form { display: inline; }

/* ── KPI grids ── */
.tr-kpis-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tr-kpis-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tr-kpis-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .tr-kpis-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .tr-kpis-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .tr-kpis-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
a.tm-kpi { display: block; text-decoration: none; color: inherit; }
a.tm-kpi:hover { border-color: var(--tm-accent); }

/* ── Cards ── */
.tr-count { font-size: .66rem; color: var(--tm-muted); white-space: nowrap; }
.tr-count b { color: var(--tm-text); }
.tr-empty { padding: 2rem 1rem; text-align: center; color: var(--tm-muted); font-size: .74rem; }
.tr-empty i { display: block; margin-bottom: .5rem; font-size: 1.4rem; color: var(--tm-faint); }
.tr-empty b { display: block; margin-bottom: .2rem; font-size: .8rem; color: var(--tm-text); }
.tr-empty .tr-btn { margin-top: .75rem; }
.tr-note { padding: .55rem 1rem .8rem; font-size: .66rem; line-height: 1.5; color: var(--tm-muted); }
.tr-rows { margin: 0; padding: 0; list-style: none; }
.tr-rows li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .45rem 1rem; border-bottom: 1px solid var(--tm-line-soft); font-size: .72rem; }
.tr-rows li:last-child { border-bottom: 0; }
.tr-rows .k { color: var(--tm-muted); min-width: 0; }
.tr-rows .k a { color: var(--tm-text); font-weight: 800; text-decoration: none; }
.tr-rows .k a:hover { color: var(--tm-accent); }
.tr-rows .k small { display: block; font-size: .6rem; color: var(--tm-muted); }
.tr-rows .v { font-weight: 800; color: var(--tm-text); text-align: right; white-space: nowrap; }
.tr-rows .v small { display: block; font-weight: 500; font-size: .6rem; color: var(--tm-muted); }
.tr-alert { display: flex; gap: .7rem; align-items: flex-start; padding: .7rem 1rem; border-radius: 14px; font-size: .72rem; line-height: 1.45; }
.tr-alert.warn { color: var(--tm-warn); background: var(--tm-warn-bg); }
.tr-alert.info { color: var(--tm-info); background: var(--tm-info-bg); }
.tr-alert.up { color: var(--tm-up); background: var(--tm-up-bg); }
.tr-alert i { margin-top: .15rem; }
.tr-alert b { color: inherit; }
.tr-alert a { color: inherit; font-weight: 800; }

/* Hero */
.tr-hero .tm-hero-grid { align-items: start; }
.tr-hero-next { min-width: 14rem; padding: .8rem 1rem; border-radius: 14px; background: var(--ring-face, rgba(0,0,0,.28)); color: var(--ring-text, #fff); }
.tr-hero-next span { display: block; font-size: .56rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; opacity: .8; }
.tr-hero-next b { display: block; margin-top: .2rem; font-size: .9rem; font-weight: 900; line-height: 1.25; }
.tr-hero-next small { display: block; margin-top: .2rem; font-size: .64rem; opacity: .85; }
html:not(.dark) .tr-hero { --ring-face: #fff; --ring-text: #0f172a; }

/* Area cards (home) */
.tr-areas { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.tr-area { display: flex; flex-direction: column; gap: .5rem; padding: .9rem 1rem; border-radius: 16px; border: 1px solid var(--tm-line); background: var(--tm-bg); text-decoration: none; color: inherit; min-width: 0; }
.tr-area:hover { border-color: var(--tm-accent); }
.tr-area .ic { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 10px; font-size: .9rem; color: var(--tm-accent); background: var(--tm-accent-bg); }
.tr-area h3 { margin: 0; font-size: .82rem; font-weight: 800; color: var(--tm-text); }
.tr-area p { margin: 0; font-size: .68rem; line-height: 1.45; color: var(--tm-muted); }
.tr-area .foot { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .4rem; font-size: .62rem; color: var(--tm-muted); }
.tr-area .foot b { color: var(--tm-text); }

/* Item cards (classes, workshops, programmes) */
.tr-items { display: flex; flex-direction: column; }
.tr-item { display: grid; grid-template-columns: 4.2rem minmax(0, 1fr) auto; gap: .6rem 1rem; padding: .85rem 1rem; border-bottom: 1px solid var(--tm-line-soft); }
.tr-item:last-child { border-bottom: 0; }
.tr-item:hover { background: var(--tm-bg-soft); }
.tr-item.is-past { opacity: .7; }
.tr-date { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .4rem .3rem; border-radius: 12px; background: var(--tm-accent-bg); color: var(--tm-accent); text-align: center; align-self: start; }
.tr-date b { font-size: 1.15rem; font-weight: 900; line-height: 1; }
.tr-date span { font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tr-date small { font-size: .58rem; font-weight: 700; opacity: .8; }
.tr-date.warn { background: var(--tm-warn-bg); color: var(--tm-warn); }
.tr-date.muted { background: var(--tm-bg-sunk); color: var(--tm-muted); }
.tr-item .title { display: block; font-size: .86rem; font-weight: 800; color: var(--tm-text); line-height: 1.3; text-decoration: none; }
.tr-item .title:hover { color: var(--tm-accent); }
.tr-item .desc { margin: .25rem 0 0; font-size: .7rem; line-height: 1.5; color: var(--tm-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tr-item .meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .8rem; margin-top: .45rem; font-size: .62rem; color: var(--tm-muted); }
.tr-item .meta i { margin-right: .2rem; color: var(--tm-faint); }
.tr-item .side { display: flex; flex-direction: column; align-items: flex-end; gap: .4rem; text-align: right; }
.tr-item .side form { display: inline; }
.tr-seats { min-width: 7.5rem; }
.tr-seats small { display: block; font-size: .6rem; color: var(--tm-muted); text-align: right; margin-bottom: .2rem; }
.tr-seats .tm-meter { width: 100%; }
.tr-tag { display: inline-flex; align-items: center; gap: .3rem; padding: .12rem .45rem; border-radius: 6px; font-size: .58rem; font-weight: 800; letter-spacing: .04em; color: var(--tm-text-2); background: var(--tm-bg-sunk); white-space: nowrap; text-decoration: none; }
.tr-tag.cat { color: var(--tm-accent); background: var(--tm-accent-bg); }
.tr-tag.new { color: var(--tm-up); background: var(--tm-up-bg); }
.tr-tag.free { color: var(--tm-up); background: var(--tm-up-bg); } .tr-tag.paid { color: var(--tm-warn); background: var(--tm-warn-bg); }

/* Media grid (videos, materials) */
.tr-media { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; padding: .75rem 1rem 1rem; }
.tr-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--tm-line); border-radius: 14px; background: var(--tm-bg); overflow: hidden; }
.tr-card:hover { border-color: var(--tm-accent); }
.tr-thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: var(--tm-bg-sunk); color: var(--tm-faint); text-decoration: none; }
.tr-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tr-thumb .play { position: absolute; inset: 0; display: grid; place-items: center; font-size: 1.8rem; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.5); }
.tr-thumb .dur { position: absolute; right: .4rem; bottom: .4rem; padding: .1rem .4rem; border-radius: 6px; font-size: .58rem; font-weight: 800; color: #fff; background: rgba(0,0,0,.65); }
.tr-thumb.doc { display: grid; place-items: center; aspect-ratio: 16 / 7; font-size: 2rem; }
.tr-card .body { display: flex; flex-direction: column; gap: .35rem; padding: .7rem .8rem .8rem; flex: 1; }
.tr-card .title { font-size: .8rem; font-weight: 800; color: var(--tm-text); text-decoration: none; line-height: 1.3; }
.tr-card .title:hover { color: var(--tm-accent); }
.tr-card .desc { margin: 0; font-size: .66rem; line-height: 1.45; color: var(--tm-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tr-card .meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .6rem; margin-top: auto; padding-top: .3rem; font-size: .6rem; color: var(--tm-muted); }
.tr-card .meta i { margin-right: .2rem; color: var(--tm-faint); }
.tr-card .acts { display: flex; flex-wrap: wrap; gap: .3rem; padding: 0 .8rem .7rem; }

/* Video player */
.tr-player { background: #000; border-radius: 14px; overflow: hidden; }
.tr-player video { display: block; width: 100%; max-height: 70vh; }
.tr-article { padding: 1rem 1.15rem; }
.tr-article h1 { margin: 0 0 .4rem; font-size: 1.15rem; font-weight: 900; line-height: 1.25; color: var(--tm-text); }
.tr-article .meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; font-size: .64rem; color: var(--tm-muted); }
.tr-article .meta i { margin-right: .2rem; color: var(--tm-faint); }
.tr-prose { margin-top: .8rem; font-size: .82rem; line-height: 1.7; color: var(--tm-text-2); white-space: pre-wrap; word-break: break-word; }

/* Chips */
.tr-chips { display: flex; flex-wrap: wrap; gap: .3rem; padding: .5rem 1rem .8rem; }
.tr-chips a { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .6rem; border: 1px solid var(--tm-line); border-radius: 999px; font-size: .62rem; font-weight: 800; color: var(--tm-text-2); text-decoration: none; }
.tr-chips a small { font-weight: 600; color: var(--tm-muted); }
.tr-chips a:hover { border-color: var(--tm-accent); color: var(--tm-accent); }
.tr-chips a.is-on { color: var(--analysis-control-text); background: var(--analysis-control-bg); border-color: transparent; box-shadow: inset 0 0 0 1px var(--analysis-control-ring); }

/* Filters */
.tr-page .pxf-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .6rem 1rem; border-bottom: 1px solid var(--tm-line); }
.tr-filters { padding: .75rem 1rem .9rem; }
.tr-filters .tr-filter-actions { display: flex; gap: .4rem; align-items: end; }
.tr-filters .tr-filter-actions > * { flex: 1; }
.tr-filters-title { display: flex; align-items: center; gap: .5rem; }
.tr-filters-title h2 { margin: 0; font-size: .8125rem; font-weight: 800; color: var(--tm-text); }

/* Forms (staff) */
.tr-form { padding: .9rem 1rem 1rem; display: flex; flex-direction: column; gap: .9rem; }
.tr-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem .9rem; }
.tr-fields > div { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.tr-fields > div.wide { grid-column: 1 / -1; }
.tr-fields label { font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--tm-muted); }
.tr-fields input:not([type="checkbox"]):not([type="file"]), .tr-fields select, .tr-fields textarea { width: 100%; min-height: 36px; padding: 0 .6rem; border: 1px solid var(--tm-line); border-radius: 9px; background: var(--tm-bg); color: var(--tm-text); font-size: .8rem; font-weight: 600; }
.tr-fields textarea { padding: .55rem .6rem; line-height: 1.55; font-weight: 500; }
.tr-fields input[type="file"] { font-size: .72rem; color: var(--tm-text-2); }
.tr-fields input:focus, .tr-fields select:focus, .tr-fields textarea:focus { outline: none; border-color: var(--tm-accent); box-shadow: 0 0 0 3px var(--tm-accent-bg); }
.tr-fields .hint { font-size: .62rem; color: var(--tm-muted); }
.tr-fields .err { font-size: .64rem; font-weight: 700; color: var(--tm-down); }
.tr-fields .current { font-size: .62rem; color: var(--tm-muted); }
.tr-fields .current a { color: var(--tm-accent); font-weight: 700; }
.tr-check { display: flex; flex-direction: row !important; align-items: center; gap: .5rem; min-height: 36px; align-self: end; }
.tr-check label { font-size: .72rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--tm-text-2); cursor: pointer; }
.tr-check input { width: auto !important; min-height: 0 !important; margin: 0; accent-color: var(--tm-accent); }
.tr-errors { padding: .6rem .8rem; border-radius: 10px; font-size: .7rem; color: var(--tm-down); background: var(--tm-down-bg); }
.tr-errors ul { margin: .25rem 0 0; padding-left: 1rem; }
.tr-form-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }

/* Tables (my learning) */
.tm-table td.strong, .tm-table .strong { font-weight: 800; color: var(--tm-text); }
.tm-table td.muted { color: var(--tm-muted); }
.tm-table .sub { display: block; font-size: .6rem; font-weight: 600; color: var(--tm-muted); }
.tm-table .act { text-align: right; white-space: nowrap; }
.tm-table .act form { display: inline; }
.tr-pager { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .55rem 1rem; border-top: 1px solid var(--tm-line); font-size: .66rem; color: var(--tm-muted); }
.tr-pager nav { display: inline-flex; gap: .25rem; }
.tr-pager a, .tr-pager span.cur { display: inline-flex; align-items: center; justify-content: center; min-width: 1.7rem; height: 1.7rem; padding: 0 .4rem; border: 1px solid var(--tm-line); border-radius: 7px; font-size: .64rem; font-weight: 800; color: var(--tm-text-2); background: var(--tm-bg); text-decoration: none; }
.tr-pager span.cur { color: var(--analysis-control-text); background: var(--analysis-control-bg); border-color: transparent; box-shadow: inset 0 0 0 1px var(--analysis-control-ring); }

/* Meeting details */
.tr-meeting { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; padding: .5rem 1rem .8rem; }
.tr-meeting div { min-width: 0; padding: .45rem .55rem; border-radius: 10px; background: var(--tm-bg-soft); border: 1px solid var(--tm-line-soft); }
.tr-meeting span { display: block; font-size: .54rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--tm-muted); }
.tr-meeting b { display: block; margin-top: .1rem; font-size: .74rem; font-weight: 800; color: var(--tm-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tr-meeting a { color: var(--tm-accent); }

/* Academy uses the shared Training typography and semantic theme tokens. */
.academy-file-format { font-size: .9rem; font-weight: 700; letter-spacing: .04em; color: var(--tm-accent); border: 1px solid var(--tm-line); border-radius: 8px; padding: .5rem .6rem; background: var(--tm-bg); }
.academy-tabs { overflow-x: auto; max-width: 100%; }
.academy-tabs .tm-tab { flex-shrink: 0; }
.academy-intro, .academy-prose, .academy-card { padding: 1rem 1.2rem; min-width: 0; }
.academy-intro h2, .academy-prose h2, .academy-card h2 { margin: .3rem 0 .65rem; font-size: 1rem; line-height: 1.4; font-weight: 700; color: var(--tm-text); }
.academy-prose h3 { margin: 1rem 0 .4rem; font-size: .82rem; font-weight: 700; color: var(--tm-text); }
.academy-intro p, .academy-prose p, .academy-prose li, .academy-prose dd, .academy-card p, .academy-card li { font-size: .78rem; line-height: 1.75; color: var(--tm-text-2); }
.academy-prose p { margin: .5rem 0 .8rem; max-width: 90ch; }
.academy-prose a, .academy-card h2 a, .academy-card li a { color: var(--tm-accent); text-decoration: none; }
.academy-prose a:hover, .academy-card a:hover { text-decoration: underline; }
.academy-prose .tr-btn.primary { color: var(--analysis-control-text); }
.academy-prose dt { font-weight: 700; font-size: .8rem; color: var(--tm-text); margin-top: .8rem; }
.academy-prose dd { margin: .25rem 0 .6rem; }
.academy-prose ol, .academy-prose ul, .academy-card ol { padding-left: 1.2rem; margin: .6rem 0; }
.academy-prose li, .academy-card li { padding: .15rem 0; }
.academy-summary { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 1rem 0; color: var(--tm-muted); font-size: .74rem; }
.academy-summary b { color: var(--tm-accent); font-size: 1.15rem; margin-right: .2rem; }
.academy-process { list-style: none; padding: .8rem 0 0; margin: 0; display: flex; flex-wrap: wrap; gap: .6rem 1rem; border-top: 1px solid var(--tm-line); }
.academy-process li { display: flex; align-items: center; gap: .4rem; color: var(--tm-text-2); font-size: .72rem; }
.academy-process span { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--tm-accent-bg); color: var(--tm-accent); font-weight: 700; }
.academy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.academy-card { display: flex; flex-direction: column; align-items: flex-start; }
.academy-card h2 { font-size: .9rem; }
.academy-card h2 a { color: var(--tm-text); }
.academy-card p { margin: .25rem 0 .5rem; }
.academy-card-top { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: .5rem; color: var(--tm-accent); }
.academy-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: auto; padding-top: .8rem; }
.academy-pager { justify-content: space-between; }
.academy-pager .tr-btn { white-space: normal; height: auto; min-height: 34px; padding-top: .5rem; padding-bottom: .5rem; }
.academy-downloads { display: flex; flex-direction: column; }
.academy-downloads a { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; text-decoration: none; border-bottom: 1px solid var(--tm-line-soft); color: var(--tm-accent); }
.academy-downloads a:last-child { border: 0; }
.academy-downloads a:hover { background: var(--tm-bg-soft); }
.academy-downloads span { flex: 1; min-width: 0; }
.academy-downloads b { display: block; font-size: .8rem; color: var(--tm-text); }
.academy-downloads small, .academy-meta { font-size: .68rem !important; color: var(--tm-muted) !important; }
.academy-contents { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; font-size: .75rem; }
.academy-outcome { padding: .75rem 1rem; background: var(--tm-accent-bg); border-left: 3px solid var(--tm-accent); border-radius: 6px; }
.academy-answer { border: 1px solid var(--tm-line); border-radius: 9px; padding: .7rem .8rem; margin: .6rem 0; background: var(--tm-bg-soft); }
.academy-answer summary { cursor: pointer; font-size: .78rem; font-weight: 600; color: var(--tm-text); }
.academy-answer p { margin-bottom: 0; }
.academy-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--tm-line); border-radius: 9px; margin: .8rem 0; }
.academy-table-wrap table { width: 100%; min-width: 460px; }
.academy-table-wrap .tm-table th, .academy-table-wrap .tm-table td { white-space: normal; vertical-align: top; text-align: left; line-height: 1.6; }
.academy-source { border-top: 1px solid var(--tm-line-soft); padding-top: .2rem; }
.academy-prose[id], .academy-card[id] { scroll-margin-top: 190px; }
.academy-review-form { display: flex; flex-direction: column; gap: .65rem; width: 100%; margin-top: 1rem; }
.academy-review-form label { font-size: .76rem; line-height: 1.6; color: var(--tm-text-2); }
.academy-review-form input { accent-color: var(--tm-accent); margin-right: .4rem; }
.academy-review-form textarea { display: block; width: 100%; background: var(--tm-bg); color: var(--tm-text); border: 1px solid var(--tm-line); border-radius: 8px; padding: .5rem; }
.academy-prose code { overflow-wrap: anywhere; }

/* ── Phones ── */
@media (max-width: 639px) {
  .academy-grid { grid-template-columns: 1fr; gap: .75rem; }
  .academy-intro, .academy-prose, .academy-card { padding: .85rem .8rem; }
  .academy-summary { gap: .5rem 1rem; }
  .academy-process { display: grid; grid-template-columns: 1fr 1fr; }
  .academy-pager { flex-direction: column; align-items: stretch; }
  .tr-page { gap: .75rem; }
  .tr-grid.cols-2, .tr-grid.cols-3, .tr-grid.cols-main-aside { grid-template-columns: 1fr; }
  .tr-areas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .tr-brand { padding: .3rem .55rem; font-size: .56rem; }
  .tr-btn { height: 32px; padding: 0 .7rem; font-size: .62rem; }
  .tm-head { flex-wrap: wrap; }
  .tr-item { grid-template-columns: 3.6rem minmax(0, 1fr); padding: .7rem .75rem; }
  .tr-item .side { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; text-align: left; }
  .tr-seats { min-width: 0; flex: 1; }
  .tr-media { grid-template-columns: 1fr 1fr; gap: .5rem; padding: .6rem .75rem .75rem; }
  .tr-fields { grid-template-columns: 1fr; }
  .tr-meeting { grid-template-columns: 1fr; }
  .tr-article { padding: .8rem .75rem; }
  .tr-article h1 { font-size: 1rem; }
  .tr-rows li, .tr-chips, .tr-note { padding-left: .75rem; padding-right: .75rem; }
  .tr-form { padding: .75rem .75rem .9rem; }
  .tr-hero .tm-hero-grid { grid-template-columns: 1fr; }
  .tr-hero-next { min-width: 0; }
  .tr-kpis-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}