.updates-page { max-width: 1080px; }
.updates-page h2 { margin: 0 0 16px; font-size: 21px; }
.updates-page h3 { margin: 6px 0 12px; font-size: 20px; line-height: 1.5; }
.updates-page input, .updates-page select, .updates-page button { font: inherit; }
.updates-subscribe, .updates-inbox { padding-block: 32px; border-bottom: 1px solid var(--line); }
.updates-fields { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 16px; }
.updates-fields label { display: grid; gap: 8px; font-size: 14px; font-weight: 650; min-width: 0; }
.updates-fields input, .updates-fields select { min-width: 0; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: var(--surface); }
.updates-page :is(a, button, input, select):focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.updates-fields [aria-invalid="true"] { border-color: var(--gold); }
.updates-help, .updates-meta { color: var(--muted); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.updates-help { margin: 10px 0; }
.updates-primary { background: var(--teal-dark); color: var(--surface); margin-top: 8px; }
.updates-primary:hover { color: var(--surface); background: var(--ink); }
.updates-page button:disabled { cursor: wait; opacity: .65; }
.updates-subscriptions { padding: 0; list-style: none; margin: 24px 0 0; }
.updates-subscriptions li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.updates-subscriptions strong { display: block; line-height: 1.6; }
.updates-section-heading { display: flex; gap: 24px; align-items: start; justify-content: space-between; }
.updates-card { padding: 24px; margin-top: 18px; border: 1px solid var(--line); border-inline-start: 3px solid var(--teal); border-radius: 9px; background: var(--surface); overflow-wrap: anywhere; }
.updates-card.is-read { border-inline-start-color: var(--line); }
.updates-card p { line-height: 1.8; white-space: pre-line; }
.updates-card ul { padding-left: 24px; line-height: 1.8; }
.updates-card blockquote { margin: 10px 0; padding: 12px 16px; border-left: 2px solid var(--line); background: var(--surface-soft); color: var(--muted); }
.updates-card details summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--teal-dark); }
.updates-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
.updates-empty { padding: 28px 0; color: var(--muted); line-height: 1.8; }
.updates-error { color: var(--ink); border-left: 3px solid var(--gold); padding: 10px 14px; background: var(--surface-soft); }
@media (max-width: 680px) { .updates-fields { grid-template-columns: 1fr; } .updates-section-heading, .updates-page .catalog-intro { flex-direction: column; align-items: stretch; gap: 12px; } .updates-card { padding: 18px; } .updates-subscriptions li { align-items: start; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }