/* METAR & TAF Decoder landing page.
   Loads after ar-app.css and reuses its layout and components.
   Only the differences live here: screenshots in place of the demo video
   and the module photos, since the decoder is a dark UI on a light page,
   and a single lower form instead of the device picker. */

.mt-shot { margin: 0; background: var(--ar-ink); }
.mt-shot img { display: block; width: 100%; height: auto; }

.mt-module img {
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top left;
  background: var(--ar-ink);
  border-bottom: 1px solid var(--ar-border);
}

.mt-lower-form { margin-top: 0; }

.ar-h1, .ar-h2 { text-wrap: balance; }