/* file: public/assets/css/tablet.css */
.header-main {
    grid-template-columns: 165px 1fr auto;
}

.header-status .status-item {
    display: none;
}

.site-main {
    padding-inline: 22px;
}

.home-room {
    grid-template-columns: minmax(220px, 0.8fr) 1.2fr;
}

.home-room .button {
    grid-column: 1 / -1;
    justify-self: start;
}

.home-journal-list {
    grid-template-columns: 1fr;
}

.home-journal-list article {
    border-right: 0;
    border-bottom: 1px solid var(--border);
}

.admin-journal {
    grid-template-columns: 0.7fr 1.3fr;
}

.release-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.release-categories {
    align-items: stretch;
    flex-direction: column;
}
.radio-room-grid {
    grid-template-columns: 1fr;
}

.room-management-page {
    grid-template-columns: minmax(210px, 0.55fr) minmax(360px, 1fr);
    gap: 36px;
}

.hero-grid {
    grid-template-columns: 1fr minmax(330px, 0.75fr);
    gap: 36px;
}

.hero-copy h1 {
    font-size: clamp(4rem, 9vw, 6rem);
}

.feature-grid,
.document-grid {
    grid-template-columns: repeat(2, 1fr);
}

.callout {
    grid-template-columns: 1fr 0.8fr;
}

.callout .text-link {
    grid-column: 1 / -1;
}

.technical-layout {
    grid-template-columns: 1fr 0.42fr;
}

.release-card {
    grid-template-columns: 140px 1fr;
}

.release-card dl,
.release-card .button {
    grid-column: 2;
}

.empty-device {
    grid-template-columns: 120px 1fr;
}

.empty-device .button {
    grid-column: 2;
    justify-self: start;
}

.device-connect-panel {
    grid-template-columns: 1fr;
}

.device-status-actions {
    justify-content: flex-start;
}

.device-update-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-dashboard-grid {
    grid-template-columns: 1fr;
}

.account-destination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-update-alert {
    grid-template-columns: 1fr;
}

.lab-metrics {
    grid-template-columns: repeat(4, 1fr);
}

.lab-metrics div:nth-child(4) {
    border-right: 0;
}

.lab-metrics div:nth-child(-n + 4) {
    border-bottom: 1px solid var(--border);
}

.lab-details {
    grid-template-columns: 1fr;
}

.room-session-summary {
    grid-template-columns: repeat(2, 1fr);
}

.room-session-summary div:nth-child(3) {
    border-top: 1px solid var(--border);
    border-left: 0;
}

.room-session-summary div:nth-child(4) {
    border-top: 1px solid var(--border);
}

.sdr-radio-display {
    grid-template-columns: 1fr 0.8fr;
}

.sdr-waterfall-panel {
    grid-column: 1 / -1;
    border-top: 1px solid #293538;
    border-left: 0 !important;
}

.sdr-meter-strip {
    grid-template-columns: repeat(3, 1fr);
}

.sdr-meter-strip div:nth-child(3n) {
    border-right: 0;
}

.morse-room-layout {
    grid-template-columns: minmax(0, 1fr) 250px;
}

.morse-message {
    grid-template-columns: 150px minmax(0, 1fr);
}

.lab-details > div + div {
    border-left: 0;
    border-top: 1px solid var(--border);
}