@media (min-width: 761px) {
  #announcement-btn { margin-top: auto; }
  .rail-btn[data-panel-open="settings-panel"] { margin-top: 0; }
}

@media (min-width: 761px) and (orientation: landscape) {
  #announcement-panel { padding: clamp(0.75rem, 3vh, 2rem); }
  #announcement-panel .announcement-shell {
    width: min(46rem, 100%);
    height: min(48rem, 88dvh);
    max-height: calc(100dvh - clamp(1.5rem, 6vh, 4rem));
    border-radius: clamp(1.25rem, 2vw, 1.75rem);
  }
  .announcement-head { padding: 1rem 1.5rem; }
  .announcement-scroll { padding: 1.25rem 1.4rem 1.5rem; }

  .announcement-scroll,
  .announcement-content .markdown-table-wrap {
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 91, 255, 0.45) transparent;
  }
  .announcement-scroll::-webkit-scrollbar,
  .announcement-content .markdown-table-wrap::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; }
  .announcement-scroll::-webkit-scrollbar-track,
  .announcement-content .markdown-table-wrap::-webkit-scrollbar-track { background: transparent; }
  .announcement-scroll::-webkit-scrollbar-thumb,
  .announcement-content .markdown-table-wrap::-webkit-scrollbar-thumb {
    border: 0.125rem solid transparent;
    border-radius: 999rem;
    background: rgba(99, 91, 255, 0.4);
    background-clip: padding-box;
  }
  .announcement-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(99, 91, 255, 0.6); }
}
