/* ── Weather Block Screen ── */
    #screen-weather-block {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2rem 1.5rem;
      text-align: center;
      gap: 1.25rem;
      padding-bottom: calc(var(--companion-reserve) - var(--start-content-lift));
    }
    .weather-block-icon { line-height: 1; display: flex; align-items: center; justify-content: center; gap: .6rem; }
    .weather-block-icon svg { width: 52px; height: 52px; stroke: #edeade; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
    .weather-block-summary { color: var(--text); font-size: 1.05rem; font-weight: 600; }
    /* Gemeinsamer fester Rahmen für beide Buttons statt einzeln berechneter
       Breiten - Breite inkl. Pfeilspitze kommt bereits aus der Basisregel
       (.btn-start-arrow width:calc(100% - 50px)), der zweite Button füllt
       100% desselben Rahmens. So sind beide Buttons (inkl. Spitze) immer
       exakt gleich breit und bündig untereinander, unabhängig vom Viewport. */
    .weather-block-actions { width: 100%; max-width: 320px; display: flex; flex-direction: column; gap: .75rem; }
    .weather-block-actions .btn-next { width: 100%; }