/* Preserve the working surface while making routine controls easier to read. */
@media print { #observationPanel { display:none!important; } }
@media screen {
 #saveStatus,.toolbar>span,.inspector label,.resourceHead strong,.help,.help button,.inspectorNote p,nav button,.tools button,.row button,.boardFoot,.boardFoot label,.boardFoot button { font-size:.875rem; }
 .eyebrow,.notice strong,nav button small,.brand small,.resource .tiny,.boardTop,.pill,th { font-size:.75rem; }
 table,.logEntry { font-size:.875rem; }
 .notice { flex-wrap:wrap; font-size:.875rem; }
 #storageWarning { background:#fff0df; color:#63340e; }
 #draftWarning { background:#fff6d7; color:#554010; }
 .inspector h2,.projectHead h1,td { overflow-wrap:anywhere; }
 button { min-height:36px; }
 #board [data-type="routes"]:focus-visible rect { stroke:#ba642c; stroke-width:3; }
}
@media screen and (max-width:760px) {
 .left>label,.left>select,.left>#load,.left>#access { display:block; }
 .left>.row { display:flex; }
 #saveStatus { display:block; width:100%; }
 .tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fileActions { width:100%; }
 .toolbar .right { margin-left:0; }
 .projectHead { flex-wrap:wrap; }
}