/* Page builder: base styles so sections made for one theme still look right in the others.
   The theme stylesheets (starport.css, assassins.css) are more specific and win where they define the same thing. */

/* Fallbacks for the studio theme only: starport.css and assassins.css style these themselves, and must win untouched. */
body:not(.sf):not(.sa) .trailer-frame { position: relative; width: 100%; max-width: 1200px; aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--line-2); border-radius: var(--radius, 14px); overflow: hidden; }
body:not(.sf):not(.sa) .trailer-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
body:not(.sf):not(.sa) .trailer-note { margin-top: 18px; color: var(--muted); font-size: 15px; }
body:not(.sf):not(.sa) .trailer-note a { color: var(--ice); }
body:not(.sf):not(.sa) .faq details { border-bottom: 1px solid var(--line); }
body:not(.sf):not(.sa) .faq details:first-child { border-top: 1px solid var(--line); }
body:not(.sf):not(.sa) .faq summary { cursor: pointer; list-style: none; padding: 18px 40px 18px 0; position: relative; font-weight: 600; color: var(--text); }
body:not(.sf):not(.sa) .faq summary::-webkit-details-marker { display: none; }
body:not(.sf):not(.sa) .faq summary::after { content: "+"; position: absolute; right: 6px; top: 12px; font-size: 24px; color: var(--ice); transition: transform .2s; }
body:not(.sf):not(.sa) .faq details[open] summary::after { transform: rotate(45deg); }
body:not(.sf):not(.sa) .faq details p { color: var(--muted); padding-bottom: 18px; margin: 0; }

/* the Assassins page's highlighted menu link is gold (the static page set this inline) */
.sa .nav-links a.nav-feature, .sa .nav-links a.nav-feature:hover { background: var(--gold); color: #1a1306; }

/* the editor's preview banner */
.page-preview-bar { position: sticky; top: 0; z-index: 200; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; padding: 8px 16px; background: #ffc61a; color: #0b0b0b; font: 600 14px/1.3 system-ui, sans-serif; }
.page-preview-bar a { color: #0b0b0b; text-decoration: underline; }