/* Quiet, single-column introductions inside the existing fixed portal shell. */
.support-page .portal-main {
  width: min(680px, calc(100% - 48px));
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.portal-intro { min-width: 0; margin: auto 0; padding: 2px 4px; }
.portal-back { display: inline-block; color: var(--muted); font-size: 14px; margin-bottom: 28px; text-decoration: none; }
.portal-back:hover { color: var(--mint); text-decoration: underline; }
.portal-benefits { margin: 24px 0; padding-left: 20px; color: var(--ink); }
.portal-benefits li { padding-left: 5px; margin: 10px 0; font-size: 15px; line-height: 1.6; }
.portal-benefits li::marker { color: var(--mint); }
.portal-legal-note { color: var(--mint); font-size: 14px; line-height: 1.6; }
.portal-exit { border-top: 1px solid var(--line); padding-top: 20px; }
.portal-exit p { margin: 0 0 14px; color: var(--muted); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.portal-exit strong { color: var(--ink); font-weight: 500; }
.portal-open { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; max-width: 100%; padding: 10px 17px; border: 1px solid var(--mint); border-radius: 8px; background: var(--mint); color: #102119; font-size: 14px; line-height: 1.5; font-weight: 600; text-align: center; text-decoration: none; }
.portal-open:hover { background: #c6e4d5; border-color: #c6e4d5; }
.portal-exit .portal-disclosure { margin: 12px 0 0; font-size: 13px; }
@media (max-width: 760px), (max-height: 679px) {
  .support-page .portal-main { width: calc(100% - 36px); padding: 20px 0; }
  .portal-back { margin-bottom: 22px; }
  .portal-benefits { margin: 20px 0; }
}
/* 2026-09-25: the BobbyChess introduction carries the destination's own mark and gold;
   a locked destination (DeepSquare until the owner flag is on) explains itself instead of offering an exit. */
.portal-title-mark { display: flex; align-items: center; gap: 14px; }
.portal-title-mark img { width: 44px; height: 44px; flex: none; }
body[data-portal="bobbychess"] .portal-benefits li::marker { color: #dfb765; }
body[data-portal="bobbychess"] .portal-open { border-color: #dfb765; background: linear-gradient(135deg, #f3d997, #dfb765 55%, #c99a4a); color: #1b1406; }
body[data-portal="bobbychess"] .portal-open:hover { border-color: #f3d997; background: #f3d997; }
.portal-soon { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 20px; }
.portal-soon p { margin: 0 0 14px; color: var(--muted); font-size: 14px; line-height: 1.5; }
[data-portal-soon][hidden], [data-portal-open-only][hidden] { display: none !important; }