/*
 * Utility states (artboard 16): 404, scheduled-not-generated, collecting history, error pages.
 * Templates: templates/front/_states/*, templates/bundles/TwigBundle/Exception/*.
 * The banners (stale, partial, archived, provider, demo) use only site.css classes and do not
 * need this file.
 */

.st-card{max-width:640px;margin-top:24px;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:var(--bg)}
.st-h{font-size:28px;line-height:34px;font-weight:400;letter-spacing:-0.01em;text-wrap:balance}
.st-p{font-size:16px;line-height:24px;color:var(--ink3);max-width:60ch}
.st-cta{font-weight:600}
.st-dates{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:24px}
.st-links{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:600}
.st-links a{display:inline-flex;align-items:center;min-height:44px}

/* Collecting live forecast history (track record, empty). */
.st-empty{margin-top:32px;max-width:760px;border:1px dashed var(--ctl);border-radius:var(--r-lg);padding:48px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}

@media (max-width:767px){
  .st-card{padding:20px;margin-top:16px}
  .st-h{font-size:24px;line-height:30px}
  .st-empty{padding:28px 20px}
}