/* Anpassungen nur für die Android-App: keine Kopfleiste und kein Menü, daher kein Abstand dafür */
:root { --nav-h: 0px; }
main.view { padding-block: 12px 24px; max-width: 560px; }
.so-tabs { top: 6px; }
html, body { overscroll-behavior: none; }
/* Kopf der App: Logo der Webseite in der Mitte, darunter dezent „SO Weitenrechner“ */
.so-head-app { display: grid; grid-template-columns: 64px 1fr 64px; align-items: center; padding: 10px 10px 8px; }
.so-brand { display: grid; justify-items: center; gap: 2px; }
.so-brand img { width: min(58vw, 230px); height: auto; filter: drop-shadow(0 0 10px rgba(0, 248, 255, .45)); }
.so-brand h1 { margin: 0; font: 700 12px/1.2 var(--font-caps); letter-spacing: .22em; text-transform: uppercase; color: #9fc3c6; text-shadow: none; }