/* The phone sheet (review of 2026-10-27, R1, step 3b): the server's own regions, each marked with the
   view of the sheet it is, shown one at a time over the page's foot. Script sets which on main and
   places the sheet's header at the top of it; nothing else moves. */
body[data-st-page] .masthead { position:relative;top:auto; }
.st-mobile-sheet[hidden] { display:none!important; }
.st-more-ops { display:none!important; }
@media(max-width:767px) { main[data-st-mobile=yes] .st-more-ops { display:block!important; } }
@media(max-width:767px) {
  body[data-st-mobile=yes] .masthead .shell-inner { padding-block:6px;gap:8px; }
  .st-site-menu { margin-left:auto; }
  .st-site-menu-content { flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px; }
  .st-site-menu-content[hidden] { display:none; }
  .st-site-menu-content :is(nav,.masthead-tools) { margin:0; }
  .st-site-menu-content nav a { min-height:44px;display:inline-flex;align-items:center; }
  body[data-st-mobile=yes] .sm-pagehead .pagehead-kicker { margin-bottom:2px; }
  body[data-st-mobile=yes] .st { padding-top:8px; }
  /* Every emergency stays in the app bar behind the workspace's pill; its list opens under it. */
  main[data-st-mobile=yes] .st-urgent:has(>.st-urgent-toggle:not([hidden]))>:is(strong,h2,p) { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
  main[data-st-mobile=yes] .st-urgent[data-wb-open=no] ul { display:none; }
  main[data-st-mobile=yes] .st-urgent:has(>.st-urgent-toggle:not([hidden])) { padding:0;border:0;background:none;margin:4px 0 0; }
  main[data-st-mobile=yes] .st-urgent-toggle { min-height:44px;font-size:13px; }
  main[data-st-mobile=yes] .st-urgent[data-wb-open=yes] ul { margin:6px 0 0;padding:6px 10px;border:1px solid var(--st-line);border-left:4px solid var(--ops-danger,#b3261e);border-radius:8px;background:var(--st-panel); }
  /* The app bar in two lines over the map: the count, its check and the emergencies; then this
     device's clock, Follow, Share and More, where Weather Operations Mode is on a phone. */
  main[data-st-mobile=yes] .st-severe-summary { display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin:2px 0 0; }
  main[data-st-mobile=yes] .st-severe-summary>p { margin:0; }
  main[data-st-mobile=yes] .st-severe-summary .st-urgent { flex-basis:auto; }
  main[data-st-mobile=yes] .st-severe-summary .st-urgent[data-wb-open=yes] { flex-basis:100%; }
  main[data-st-mobile=yes] .st-workbench-heading :is(.pagehead-aux,.st-actions) { display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin:6px 0 0; }
  main[data-st-mobile=yes] .st-workbench-heading :is(.pagehead-aux,.st-actions)>* { flex:none;margin:0; }
  main[data-st-mobile=yes] .st-workbench-heading :is(.pagehead-aux,.st-actions) .st-button { flex:none;min-height:44px;padding:7px 10px;font-size:13px;white-space:nowrap; }
  main[data-st-mobile=yes] .st-workbench-heading .sm-wall-link { display:none; }
  main[data-st-mobile=yes] .st-workbench-heading .svb-tz .seg-opt>span { font-size:13px;padding-inline:8px; }
  /* More opens across the row under it, wherever the row puts it. */
  main[data-st-mobile=yes] .st-workbench-heading :is(.pagehead-aux,.st-actions) { position:relative; }
  main[data-st-mobile=yes] .st-workbench-heading .st-more { position:static; }
  main[data-st-mobile=yes] .st-workbench-heading .st-more-menu { left:0;right:0;min-width:0; }
  /* The page's tabs are the picker's products, under the map; its check status is in the sheet's header. */
  main[data-st-mobile=yes]>[data-st-workspace-tabs] { display:none; }
  main[data-st-mobile=yes] [data-st-refresh-status] { display:none; }
  [data-st-mobile-navigation] { padding-bottom:calc(5px + env(safe-area-inset-bottom)); }
  [data-st-mobile-navigation] a { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 3px;flex:1;min-width:0;font-size:12px;min-height:56px; }
  [data-st-mobile-navigation] svg { width:22px;height:22px;flex:none; }
  [data-st-mobile-navigation] [aria-current=true] { color:var(--st-action);box-shadow:inset 0 -3px var(--st-action); }
  [data-st-mobile=yes] [data-st-mobile-navigation] { position:fixed;bottom:0;left:0;right:0;z-index:20;margin:0; }
  body[data-st-mobile=yes] { padding-bottom:calc(210px + env(safe-area-inset-bottom)); }
  main[data-st-mobile=yes] { --st-sheet-h:160px; }
  main[data-st-mobile=yes][data-st-sheet=half] { --st-sheet-h:min(49dvh,max(220px,calc(100dvh - var(--st-map-top,280px) - 110px - var(--st-nav-height,67px)))); }
  main[data-st-mobile=yes][data-st-sheet=full] { --st-sheet-h:calc(100dvh - 150px - env(safe-area-inset-top)); }
  main[data-st-mobile=yes] [data-st-sheet-view] { display:none; }
  main[data-st-mobile=yes][data-st-sheet-shows=warnings] [data-st-sheet-view=warnings],
  main[data-st-mobile=yes][data-st-sheet-shows=places] [data-st-sheet-view=places],
  main[data-st-mobile=yes][data-st-sheet-shows=timeline] [data-st-sheet-view=timeline],
  main[data-st-mobile=yes][data-st-sheet-shows=details] [data-st-sheet-view=details] { display:block;position:fixed;z-index:19;left:0;right:0;bottom:var(--st-nav-height,67px);height:var(--st-sheet-h);min-height:min(var(--st-sheet-min-height,160px),calc(100dvh - var(--st-nav-height,67px) - 48px));max-height:calc(100dvh - var(--st-nav-height,67px) - 48px);margin:0;padding:0 10px 14px;overflow:auto;overscroll-behavior:contain;scroll-padding-top:calc(var(--st-sheet-chrome,146px) + 8px);border:1px solid var(--st-border);border-radius:14px 14px 0 0;background:var(--st-panel);color:var(--st-text);box-shadow:0 -4px 16px #0003; }
  main[data-st-mobile=yes] .st-mobile-sheet { position:sticky;top:0;z-index:2;display:block;margin:0 -10px 4px;background:var(--st-panel);border-bottom:1px solid var(--st-line); }
  .st-sheet-header { display:flex;align-items:center;gap:6px;padding:5px 10px;flex-wrap:wrap; }
  .st-sheet-header h2 { margin:0;font-size:15px;line-height:1.4;flex:1;min-width:0; }
  .st-sheet-header>span { position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden; }
  .st-sheet-header .st-button { min-height:44px;font-size:13px; }
  .st-sheet-header [data-st-sheet-status] { flex-basis:100%;min-width:0;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:var(--st-secondary); }
  .st-sheet-header [data-st-sheet-status]:empty { display:none; }
  .st-sheet-sizes { display:flex;gap:6px;padding:0 10px 5px; }
  .st-sheet-sizes button { min-height:44px;font-size:13px;flex:1; }
  body[data-st-page] .st-mobile-sheet .st-sheet-sizes [aria-pressed=true] { background:var(--st-action);color:var(--st-action-text)!important;border-color:var(--st-action); }
  main[data-st-mobile=yes] [data-st-sheet-view] :is(.st-warning-rail,.st-warning-list,.st-severe-inspector) { max-height:none;overflow:visible; }
  main[data-st-mobile=yes] [data-st-sheet-view] .st-watched { border:0;padding:8px; }
  main[data-st-mobile=yes] [data-st-sheet-view] .st-surface { margin-top:8px; }
  main[data-st-mobile=yes] [data-st-sheet-view] .st-wb-pane+.st-wb-pane { margin-top:8px; }
  body[data-st-page][data-st-mobile=yes] :is(.st-map-stage,.st-severe-stage) { height:clamp(220px,calc(100dvh - var(--st-map-top,280px) - max(160px,var(--st-sheet-min-height,160px)) - var(--st-nav-height,67px) - 8px),520px);min-height:220px;aspect-ratio:auto; }
  [data-st-mobile=yes] .st-replay-controls { margin:0; }
  [data-st-mobile=yes] .st-rail:empty { display:none; }
  main[data-st-mobile=yes] [data-st-sheet-view] input[type=search] { font-size:16px;min-height:44px;max-width:100%; }
  main[data-st-mobile=yes] [data-st-sheet-view] :focus-visible { outline:3px solid var(--st-action);outline-offset:2px; }
  main[data-st-mobile=yes] [data-st-sheet-view] :is(table,pre) { max-width:100%; }
}
/* A short keyboard/landscape viewport scrolls naturally instead of hiding its input: the region the
   sheet shows is read in its place in the page. */
@media(max-width:767px) and (max-height:500px) {
  main[data-st-mobile=yes][data-st-sheet-shows=warnings] [data-st-sheet-view=warnings],
  main[data-st-mobile=yes][data-st-sheet-shows=places] [data-st-sheet-view=places],
  main[data-st-mobile=yes][data-st-sheet-shows=timeline] [data-st-sheet-view=timeline],
  main[data-st-mobile=yes][data-st-sheet-shows=details] [data-st-sheet-view=details] { position:relative;inset:auto;z-index:auto;height:auto;min-height:220px;max-height:none;overflow:visible;margin-top:12px; }
  main[data-st-mobile=yes] .st-mobile-sheet { position:static; }
  body[data-st-mobile=yes] { padding-bottom:80px; }
}
@media(forced-colors:active) {
  main[data-st-mobile=yes][data-st-sheet-shows] [data-st-sheet-view],[data-st-mobile-navigation] { border:2px solid CanvasText; }
  [data-st-mobile-navigation] [aria-current=true],.st-sheet-sizes [aria-pressed=true] { outline:2px solid Highlight; }
}