/* Presentation resource: the existing monochrome arcade palette and type. */
.presentation-resource { display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; margin:40px 0 48px; padding:32px; border:1px solid var(--card-border-strong); background:var(--bg-1); scroll-margin-top:24px; }
.presentation-label { color:var(--fg-2); margin-bottom:12px; }
.presentation-copy h1 { font-family:'Press Start 2P',monospace; font-size:18px; line-height:1.65; color:var(--fg-0); margin-bottom:18px; }
.presentation-copy > p { max-width:55ch; }
.presentation-copy .engage-btn { margin-top:24px; cursor:pointer; }
.presentation-format { font-size:18px; color:var(--fg-2); margin-top:12px; }
.presentation-map { border:1px solid var(--card-border); padding:24px; text-align:center; }
.presentation-map-title { color:var(--fg-0); font-size:26px; margin-bottom:20px; }
.presentation-map ol { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:20px; }
.presentation-map li { padding:8px 12px; border:1px solid var(--card-border-strong); color:var(--fg-0); }
.presentation-map p { border-top:1px dashed var(--fg-3); padding-top:16px; color:var(--fg-2); }
.presentation-dialog { margin:auto; padding:36px; width:min(620px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow-y:auto; color:var(--fg-1); background:var(--bg-1); border:1px solid var(--fg-2); font:inherit; }
.presentation-dialog::backdrop { background:rgba(0,0,0,.85); }
.presentation-dialog .email-modal-title { padding-right:28px; }
.presentation-dialog .email-modal-label { color:var(--fg-1); }
.presentation-close { position:absolute; top:8px; right:12px; padding:4px 12px; background:transparent; border:0; color:var(--fg-0); font:32px 'VT323',monospace; cursor:pointer; }
.presentation-privacy { font-size:18px; color:var(--fg-2); margin:18px 0; }
.presentation-privacy a { text-decoration:underline; }
.presentation-dialog [hidden] { display:none !important; }
.presentation-dialog #presentationSuccess { margin-top:18px; }
.presentation-dialog-open { overflow:hidden; }
.presentation-resource button:focus-visible,.presentation-dialog :focus-visible { outline:2px solid white; outline-offset:5px; }
@media(max-width:700px) {
  .presentation-resource { grid-template-columns:1fr; padding:22px; gap:24px; }
  .presentation-copy h1 { font-size:15px; }
  .presentation-dialog { padding:28px 20px; }
  .presentation-dialog .email-modal-fields { grid-template-columns:1fr; }
}

.presentation-resource { margin-top:0; }
.guide-takeaways { max-width:760px; margin:0 auto 24px; }
.guide-takeaways h2 { font-family:'Press Start 2P',monospace; font-size:18px; line-height:1.6; color:var(--fg-0); margin-bottom:24px; }
.guide-takeaways ul { padding-left:24px; }
.guide-takeaways li { margin:12px 0; }
.topbar { gap:20px; flex-wrap:wrap; }