/* A small station notice: ink, paper and a warm unread indicator. */
.updates { position: relative; width: max-content; margin: 0 0 12px auto; color: var(--ink); }
.updates > summary { display: flex; align-items: center; gap: 7px; min-height: 36px; padding: 3px 10px; border: 1px solid var(--rule); border-radius: 3px; background: var(--surface); font-size: .78rem; font-weight: 700; cursor: pointer; list-style: none; }
.updates > summary::-webkit-details-marker { display: none; }
.updates > summary:hover, .updates[open] > summary { border-color: var(--ink); }
.updates-bulb { flex: none; }
.updates:has(.updates-new:not([hidden])) .updates-bulb { color: #896000; fill: #ffe79a; }
.updates-new { padding: 0 5px; border-radius: 2px; background: #ffe79a; color: #614300; font: 700 .65rem/1.8 var(--font-num); letter-spacing: .06em; }
.updates-chevron { margin-left: 3px; }
.updates[open] .updates-chevron { transform: rotate(180deg); }
.updates-panel { position: absolute; z-index: 10; top: calc(100% + 8px); right: 0; width: min(360px, calc(100vw - 32px)); max-height: min(480px, 65dvh); overflow-y: auto; overscroll-behavior: contain; padding: 22px; border: 1px solid var(--ink); border-top: 4px solid var(--ink); background: var(--surface); box-shadow: 5px 5px 0 rgb(29 34 51 / .14); }
.updates-kicker { margin: 0 0 7px; color: var(--ink-soft); font: 600 .65rem var(--font-num); letter-spacing: .16em; }
.updates-panel h2 { margin: 0; font-size: 1.25rem; }
.updates-intro { margin: 7px 0 18px; font-size: .8rem; color: var(--ink-soft); }
.updates-panel article { border-top: 1px dashed var(--rule); padding: 18px 0; }
.updates-panel time { font: 600 .72rem var(--font-num); color: var(--ink-soft); letter-spacing: .08em; }
.updates-panel h3 { margin: 8px 0; font-size: .95rem; }
.updates-panel article p { margin: 8px 0 0; font-size: .85rem; line-height: 1.8; }
.updates-panel .updates-thanks { padding-left: 10px; border-left: 2px solid var(--rule); color: var(--ink-soft); }
.updates-contact { display: block; padding-top: 14px; border-top: 1px solid var(--rule); font-size: .8rem; }
.masthead:has(.updates[open]) { z-index: 5; }