/* ============================================================================
   v0.9.10.0: "what's new" - the changelog modal opened from the topnav strip.
   ============================================================================ */

/* Almanac sizing idiom (06-planning-tasks.css .almanac-card): the changelog is a long,
   multi-section read, so it gets room beyond .modal-card's 520px cap - a FIXED cap with
   internal scroll, never a card that grows with its content. */
.whatsnew-card {
    width: 90%;
    max-width: 680px;
    max-height: 88vh;
    overflow-y: auto;
}

/* The trigger's icon is a drawn PNG in the ordinary <img class="topnav-icon"> slot since
   v0.16.0.1, so its sizing comes from 31-topnav.css like every other segment. The
   .whatsnew-icon rule that used to size a Material Icons ligature (and tint it gold, which
   the drawing now carries itself) is gone with it. */

/* Visually hidden but announced - the unread dot has no visible number, so its meaning
   ("New") only reaches screen readers through this text. First use in the app; scoped here
   rather than promoted to a shared file until a second consumer needs it. */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}