.site-help { position: fixed; bottom: 12px; left: 12px; z-index: 2000; font: 13px/1.5 system-ui, sans-serif; color: #f5f5f2; }
.site-help summary { cursor: pointer; padding: 7px 12px; border: 1px solid #666; border-radius: 8px; background: #171320; }
.site-help nav { display: grid; gap: 9px; position: absolute; bottom: 44px; left: 0; width: 180px; padding: 16px; border: 1px solid #666; border-radius: 8px; background: #171320; }
.site-help a { color: #f5f5f2; }
.site-help :focus-visible { outline: 2px solid #ffd700; outline-offset: 3px; }
/* The Help row belongs to the page layout on phones/tablets, below its actions. */
@media (max-width: 1000px) {
    .site-help { position: relative; bottom: auto; left: auto; flex: 0 0 auto; align-self: flex-start; max-width: 100%; margin-top: 8px; z-index: 2; }
    .site-help summary { min-height: 44px; box-sizing: border-box; padding: 11px 12px; }
    .site-help[open] { max-height: 35dvh; overflow-y: auto; overscroll-behavior: contain; }
    .site-help[open] summary { position: sticky; top: 0; }
    .site-help nav { position: static; width: min(260px, 100%); box-sizing: border-box; gap: 0; margin-top: 4px; padding: 4px 12px; }
    .site-help a { display: flex; align-items: center; min-height: 44px; }
}
.storage-notice { position: fixed; z-index: 2100; left: 10%; right: 10%; bottom: 58px; padding: 14px; border: 1px solid #ffd700; border-radius: 8px; background: #201a0b; color: #fff; font: 14px/1.5 system-ui, sans-serif; }