/* iOS 27 STATUS-BAR WASH, THE WHOLE ESTATE'S FIX IN ONE FILE (owner's recipe, KISS, 2026-09-22).
   Under a translucent status bar iOS 26/27 paint Liquid Glass over whatever sits under the clock.
   This file: a flat band in the page's own colour (the inset plus --bar-extra) and every header
   moved down by the same token, so the wordmark is never inside the glass. iOS ONLY: the block is
   gated to the installed iOS app (standalone + WebKit's touch-callout); Safari, Android and
   desktop see nothing. TEMPORARY, WATCHED (audit item W01): when iOS fixes it, delete this
   file's block, the <link> and the strip <div> on each page, and iosstrip_test.
   THE MASTER IS tools/ios27/ios27.css; every app carries a byte-identical copy (a subdomain
   cannot read a root file), fanned by tools/sync-ios27.sh and verified by fanout-verify.sh.
   ONE NUMBER TO TUNE: --bar-extra (14px on the owner's other app; 10px here, his eye, 2026-09-22). */
@media (display-mode: standalone) {
  @supports (-webkit-touch-callout: none) {
    :root { --bar-extra: 10px; }
    .statusbar-strip { position: fixed; top: 0; left: 0; right: 0; height: calc(env(safe-area-inset-top, 0px) + var(--bar-extra)); background: var(--bg, #0a0a0a); z-index: 1000; pointer-events: none; }
    /* every header shape on the estate (.site-header everywhere, .top on the dashboard) GROWS by the
       token above its bar, so the wordmark sits below the band and the page flows down with it; a
       transform used to slide the header over the first 10px of content (owner's screenshots,
       2026-09-22). The fixed-header pages add var(--bar-extra, 0px) to their own body offset. */
    .site-header, .top { padding-top: calc(env(safe-area-inset-top, 0px) + var(--bar-extra)); height: calc(env(safe-area-inset-top, 0px) + var(--bar-extra) + var(--bar-h, 52px)); }
  }
}