/* Seasons Golden Master: Geometrie und Originalregeln bleiben unveraendert. */
:root {
  --ar-banner-title-size: clamp(32px, 3vw, 42px);
  --ar-banner-title-tracking: -.045em;
  --ar-banner-copy-size: 14.5px;
  --ar-banner-copy-gap: 7px;
  --ar-rating-star-color: #ffc928;
}
@layer ar-external-rating {
  html body [data-ar-external-rating] .ar-rating-star,
  html body .poster-rating[data-ar-external-rating]::before {
    color: var(--ar-rating-star-color) !important;
    font-style: normal !important;
  }
  html body .hidden-treasure-meta b[data-ar-external-rating]::before { content: none !important; }
}
@media (max-width: 760px) {
  :root {
    --ar-banner-title-size: 25px;
    --ar-banner-title-tracking: -.035em;
    --ar-banner-copy-size: 13px;
    --ar-banner-copy-gap: 5px;
  }
}
/* Wichtige Regeln in dieser Ebene haben Vorrang vor alten ungeschichteten
   Seitenregeln, ohne fuer jede Seite neue Spezifitaetsketten anzulegen. */
@layer ar-season-typography {
html body .ar-standard-banner-copy {
  display: grid !important;
  align-content: start !important;
  gap: var(--ar-banner-copy-gap) !important;
}
html body .ar-standard-banner-title {
  font-family: "Roboto Flex", Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-size: var(--ar-banner-title-size) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: var(--ar-banner-title-tracking) !important;
  color: #f3f5f6 !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
html body :is(.ar-standard-banner-subtitle, .ar-standard-banner-description) {
  font-family: "Roboto Flex", Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-size: var(--ar-banner-copy-size) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  color: #a9a3a5 !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 640px !important;
}
html body .ar-standard-banner-description {
  font-weight: 400 !important;
  padding-top: 4px !important;
}
html body .ap-hero-lead.ar-standard-banner-description {
  margin-top: var(--ar-banner-copy-gap) !important;
}
}
@layer ar-account-access {
  html body [data-account-gate]:not([data-account-access="allowed"]) > :not([data-account-public]):not(.ar-account-notice) {
    display: none !important;
  }
}
html body .ar-account-notice {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 18px 0;
  padding: 24px;
  border: 1px solid #39343c;
  border-radius: 18px;
  background: #211e25;
  color: #ece6e9;
  text-align: left;
}
html body .ar-account-notice[hidden] { display: none !important; }
html body .ar-account-notice h2 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.3;
}
html body .ar-account-notice p {
  margin: 0;
  max-width: 640px;
  color: #b7afb9;
  font-size: 14px;
  line-height: 1.6;
}
.ar-account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
html body .ar-account-actions button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #494149;
  border-radius: 12px;
  background: #302a32;
  color: #f3f5f6;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
html body .ar-account-actions button.primary { background: var(--ar-accent, #db303f); border-color: transparent; }
html body .ar-account-actions button:focus-visible { outline: 2px solid #f3f5f6; outline-offset: 3px; }
/* V2.4.317: Das Popup "Anmeldung erforderlich" (#accountFeatureDialog) nutzt
   die Dialogfamilie ld-modal ld-confirm aus material-list-modals-v2-4-237.css;
   die frueheren Regeln fuer dialog.ar-account-dialog sind entfallen. */
@media (max-width: 760px) {
  html body .ar-account-notice { padding: 18px; margin: 14px 0; }
}