.recording-methods-table {width:100%;table-layout:fixed;border-collapse:collapse;margin:24px 0;line-height:1.8}
.recording-methods-table caption {text-align:left;font-weight:600;margin-bottom:12px}
.recording-methods-table th,.recording-methods-table td {padding:16px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.recording-methods-table thead th {background:var(--tint)}
.recording-methods-table th:first-child {width:22%}
@media (max-width:600px) {
  .recording-methods-table {font-size:.875rem}
  .recording-methods-table th,.recording-methods-table td {padding:10px 6px}
}

/* Heading levels reflect the page outline; scoped to this page's mode cards. */
.home-modes .mode-card > h2.mode-purpose {font-size:1.5rem;line-height:1.6;margin:0 0 8px}
.home-modes .mode-summary {font-size:1.1rem;font-weight:600;margin:0 0 8px}
.home-modes .mode-operation h3 {display:flex;flex-wrap:wrap;gap:6px 12px;font-size:1.05rem;margin:0 0 10px}
.home-modes .mode-operation h3 span {color:var(--brand)}
.home-modes .mode-operation-tx h3 span {color:var(--accent)}
@media(max-width:640px){.home-modes .mode-card > h2.mode-purpose {font-size:1.3rem}}

/* Supplied data-flow diagrams: capped width, uncropped, recording before playback. */
.home-modes .streaming-file-figure {width:100%;max-width:720px;margin:16px auto 0}
.streaming-file-figure > a {display:block}
.streaming-file-figure img {display:block;width:100%;height:auto;object-fit:contain}

.home-modes .streaming-file-flow {margin:28px 0 16px;padding-top:24px;border-top:1px solid var(--line)}
.home-modes .streaming-file-flow > h3 {font-size:1.25rem;margin:0 0 20px}
.streaming-file-step + .streaming-file-step {margin-top:28px}
.streaming-file-step h4 {font-size:1.05rem;line-height:1.6;margin:0 0 12px;color:var(--brand)}

/* Overview before the detailed method descriptions. */
.home-modes-intro .methods-features {margin:20px 0 0;padding-left:1.5em;line-height:1.8}
.home-modes-intro .methods-features li + li {margin-top:8px}

.recording-duplex-table th:first-child {width:50%}