.daily-quote-toggle { display: none; }

@media (max-width: 620px) {
  .daily-quote-toggle.is-ready {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 5px 8px;
    border: 0;
    border-top: 1px solid rgba(24, 40, 43, .1);
    background: transparent;
    color: var(--deep-mint);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .04em;
    cursor: pointer;
  }
  .daily-quote-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; border-radius: 6px; }
  .daily-quote-toggle-arrow { width: 14px; height: 14px; transition: transform .2s ease; }
  .daily-quote-toggle[aria-expanded="true"] .daily-quote-toggle-arrow { transform: rotate(180deg); }
  .daily-quote-panel.is-ready {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .28s ease;
  }
  .daily-quote-panel.is-ready.is-collapsed { grid-template-rows: 0fr; }
  .daily-quote-panel.is-ready > .daily-quote-panel-inner {
    min-height: 0;
    overflow: hidden;
    visibility: visible;
    transition: visibility 0s;
  }
  .daily-quote-panel.is-ready.is-collapsed > .daily-quote-panel-inner {
    visibility: hidden;
    transition-delay: .28s;
  }
  .daily-quote-text { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
  body.is-night .daily-quote-toggle { color: #b8e5d9; border-top-color: rgba(255, 255, 255, .14); }
  body.is-halloween .daily-quote-toggle { color: #ffcc87; border-top-color: rgba(255, 190, 110, .2); }
}

@media (prefers-reduced-motion: reduce) {
  .daily-quote-toggle-arrow { transition: none; }
  .daily-quote-panel.is-ready { transition: none; }
  .daily-quote-panel.is-ready.is-collapsed > .daily-quote-panel-inner { transition-delay: 0s; }
}