
@media (max-width: 1080px) {
    .examination-screen { grid-template-columns: 190px minmax(0,1fr); }
    .task-panel { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--black); display:grid; grid-template-columns: 1fr 1fr; }
    .task-panel .panel-section { border-bottom: 0; }
    .task-panel .panel-section + .panel-section { border-left: 1px solid var(--soft-line); }
}

@media (max-width: 760px) {
    body { min-width: 700px; }
    .app-header { padding: 14px 16px; }
    .header-meta { flex-direction: column; align-items: flex-end; gap: 3px; }
    .start-screen, .complete-screen { grid-template-columns: 1fr; }
    .start-copy, .complete-copy { border-right: 0; border-bottom: 1px solid var(--black); }
    .examination-screen { grid-template-columns: 160px minmax(0,1fr); }
    .task-panel { grid-template-columns: 1fr; }
    .task-panel .panel-section + .panel-section { border-left: 0; border-top: 1px solid var(--soft-line); }
    .specimen-frame { min-height: 0; }
}

@media (max-width: 1080px) {
    .task-panel { border-left-color: var(--line); border-top-color: var(--line); }
    .task-panel .panel-section + .panel-section { border-left-color: var(--soft-line); }
}

@media (max-width: 760px) {
    .start-copy,
    .complete-copy { border-right-color: transparent; border-bottom-color: var(--line); }
    .task-panel { border-left: 0; border-top-color: var(--line); }
    .task-panel .panel-section + .panel-section { border-left-color: transparent; border-top-color: var(--soft-line); }
}

@media (max-width: 1080px) {
    .examination-screen { height: calc(100vh - 76px); }
}

body.debug-page #app {
    min-height: calc(100vh - 130px);
}

body.debug-page .examination-screen {
    height: calc(100vh - 130px);
}

@media (max-width: 900px) {
    body.debug-page .examination-screen {
        height: calc(100vh - 184px);
    }
}
