/* Schedule, not live unlock state: every marker has the same treatment. */
.dn-public-redesign .dn-wipe-progression > .dn-shell {
  margin-top: 20px;
  padding: clamp(32px, 5vw, 68px) 30px 40px;
  color: var(--dn-text);
  border-radius: 14px;
  box-shadow: none;
  backdrop-filter: none;
}
.dn-wipe-progression .dn-wipe-heading { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: end; gap: clamp(32px, 7vw, 100px); }
.dn-wipe-progression .dn-wipe-label { display: flex; align-items: center; gap: 16px; color: var(--dn-orange); font: 600 11px/1.5 ui-monospace, Consolas, monospace; letter-spacing: .06em; }
.dn-wipe-progression .dn-wipe-label > span { color: var(--dn-muted); }
.dn-wipe-progression h2 { margin: 24px 0 0; color: var(--dn-text); font-family: var(--display, 'Arial Narrow', sans-serif); font-size: clamp(28px, 3.1vw, 44px); font-weight: 900; line-height: 1.13; letter-spacing: -.025em; text-transform: none; }
.dn-wipe-progression .dn-wipe-heading > p { margin: 0; color: var(--dn-muted); font-size: clamp(15px, 1.5vw, 19px); line-height: 1.65; }
.dn-wipe-progression .dn-wipe-schedule { margin: 46px 0 40px; color: var(--dn-muted); font: 12px/1.7 ui-monospace, Consolas, monospace; }
.dn-wipe-progression .dn-wipe-timeline { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.dn-wipe-progression .dn-wipe-timeline > li { position: relative; min-width: 0; padding: 30px 16px 0 0; border-top: 1px solid var(--dn-line-bright); }
.dn-wipe-progression .dn-wipe-timeline > li::before { content: ''; position: absolute; top: -5px; left: 0; width: 10px; height: 10px; background: var(--dn-orange); }
.dn-wipe-progression .dn-wipe-step { display: flex; align-items: center; gap: 8px; color: var(--dn-muted); font: 11px/1.5 ui-monospace, Consolas, monospace; }
.dn-wipe-progression .dn-wipe-step svg { width: 18px; height: 18px; stroke-width: 1.4; }
.dn-wipe-progression h3 { margin: 14px 0 10px; color: var(--dn-text); font-family: var(--display, 'Arial Narrow', sans-serif); font-size: clamp(17px, 1.8vw, 25px); font-weight: 900; line-height: 1.2; }
.dn-wipe-progression .dn-wipe-timeline li:first-child h3 { color: var(--dn-orange); }
.dn-wipe-progression .dn-wipe-timeline li > p { margin: 0; color: var(--dn-muted); font: 600 11px/1.7 ui-monospace, Consolas, monospace; }
@media (max-width: 960px) {
  .dn-wipe-progression .dn-wipe-heading { grid-template-columns: 1fr; gap: 24px; }
  .dn-wipe-progression .dn-wipe-heading > p { max-width: 580px; }
  .dn-wipe-progression .dn-wipe-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 36px; }
  .dn-wipe-progression h3 { font-size: 23px; }
}
@media (max-width: 560px) {
  .dn-public-redesign .dn-wipe-progression > .dn-shell { width: calc(100% - 20px); margin-top: 12px; padding: 32px 16px; border-radius: 11px; }
  .dn-wipe-progression h2 { font-size: clamp(27px, 7.6vw, 36px); }
  .dn-wipe-progression .dn-wipe-schedule { margin-block: 28px; }
  .dn-wipe-progression .dn-wipe-timeline { grid-template-columns: 1fr; gap: 0; padding-left: 5px; }
  .dn-wipe-progression .dn-wipe-timeline > li { padding: 0 0 28px 24px; border-top: 0; border-left: 1px solid var(--dn-line-bright); }
  .dn-wipe-progression .dn-wipe-timeline > li::before { top: 4px; left: -5px; }
  .dn-wipe-progression .dn-wipe-timeline > li:last-child { padding-bottom: 0; border-left-color: transparent; }
  .dn-wipe-progression h3 { margin-block: 8px; }
}

.dn-progression[data-dn-timeline-mounted] > .dn-shell { display: none; }
.dn-public-home .dn-wipe { display: none !important; }

/* Remove outer section frames; inner cards keep their native presentation. */
.dn-public-home :is(.dn-home-hero, .dn-home-facts,
  .dn-section, .dn-wipe > .dn-shell, .dn-final) {
  border-color: transparent !important;
  box-shadow: none !important;
}
.dn-public-home .dn-final::after { box-shadow: none !important; }

/* Scope outer frames separately from the cards and controls inside them. */
.dn-public-about :is(.dn-about-hero, .dn-about-nav, .dn-section,
  .dn-progression > .dn-shell, .dn-wipe > .dn-shell, .dn-final),
[class*="contacts-module__"][class$="__hero"],
[class*="contacts-module__"][class$="__panel"],
[class*="contacts-module__"][class$="__responsePanel"],
[class*="contacts-module__"][class$="__security"],
[class*="contacts-module__"][class$="__cta"] {
  border-color: transparent !important;
  box-shadow: none !important;
}
.dn-public-about .dn-final::after { box-shadow: none !important; }

/* The shared header dropdown is right-aligned to a small trigger. The rules
   picker belongs in the page flow so it cannot leave the viewport or cover text. */
@media (max-width: 980px) {
  html body [class*="rules-page-module__"][class*="__mobilePickerDetails"].daynull-menu {
    width: 100%;
    min-width: 0;
  }
  html body [class*="rules-page-module__"][class*="__mobilePickerDetails"].daynull-menu > .daynull-menu__trigger {
    min-height: 44px !important;
    height: 44px !important;
  }
  html body [class*="rules-page-module__"][class*="__mobilePickerDetails"].daynull-menu > .daynull-menu__panel {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-height: min(430px, 58dvh) !important;
    margin-top: 8px;
    transform: none !important;
  }
  html body [class*="rules-page-module__"][class*="__mobilePickerDetails"].daynull-menu > .daynull-menu__panel > a {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 18px;
    min-height: 44px !important;
  }
}

/* Remove the inset accent in all button states, retaining keyboard focus. */
html body [class*="tickets-module__"][class$="__ticketTools"] .button,
html body [class*="tickets-module__"][class$="__ticketTools"] .button:is(:hover, :focus-visible, :active) {
  box-shadow: none !important;
}
html body [class*="tickets-module__"][class$="__ticketTools"] .button::before,
html body [class*="tickets-module__"][class$="__ticketTools"] .button::after {
  content: none !important;
}
html body [class*="tickets-module__"][class$="__ticketTools"] .button:focus-visible {
  outline: 2px solid var(--accent) !important;
  outline-offset: 3px !important;
}

/* Only the dialog's enclosing frame is removed; its close control is unchanged. */
html body [class*="tickets-module__"][class$="__ticketModal"] {
  border-color: transparent !important;
  box-shadow: 0 32px 90px #0009 !important;
}

/* Join the installed button layer so its important frame rules cannot restore
   a narrow left edge. Only public-site content actions are affected. */
@layer daynull-buttons {
  html:root body.site-main main[class] :is(.dn-action, .dn-system-link, .button)[class] {
    border-width: 0 !important;
    border-image: none !important;
    box-shadow: none !important;
  }
  html:root body.site-main main[class] :is(.dn-action, .dn-system-link, .button)[class]::before,
  html:root body.site-main main[class] :is(.dn-action, .dn-system-link, .button)[class]::after {
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html:root body.site-main .dn-system-card > .dn-system-link[data-dn-modal-open] {
    --dn-button-start: #36383c;
    --dn-button-end: #24262a;
    --dn-button-hover: #41444a;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: fit-content !important;
    max-width: 100%;
    min-height: 44px !important;
    margin-top: 20px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    text-align: left;
    border-radius: 5px !important;
    background: linear-gradient(135deg, var(--dn-button-start), var(--dn-button-end)) !important;
  }
  html:root body.site-main .dn-system-card > .dn-system-link[data-dn-modal-open]:hover {
    background: var(--dn-button-hover) !important;
  }
  html:root body.site-main .dn-system-card > .dn-system-link[data-dn-modal-open] svg {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
  }
}