@import url('/migration-utilities.css');
/* Existing Oriiion typography and palette; imported content is scoped to its own main. */
.more-nav { position: relative; list-style: none; }
.more-nav summary { cursor: pointer; list-style-position: inside; }
.more-nav details > ul { position: absolute; top: 100%; right: 0; min-width: 200px; background: var(--surface); border: 1px solid var(--border); padding: .65rem; list-style: none; box-shadow: 0 8px 24px #10182a12; z-index: 100; }
.more-nav details > ul a { display: block; padding: .55rem .75rem; color: var(--text); text-decoration: none; white-space: nowrap; }
.more-nav details > ul a:hover { background: var(--primary-light); color: var(--primary); }
.migration-footer-links { padding: 1rem; text-align: center; }
.migrated-content { --color-void: #fff; --color-crt: #f3f5fa; --color-panel: #fff; --color-line: #dce1eb; --color-line-strong: #8792a8; --color-bone: #11141c; --color-dust: #4e5564; --color-blue: #1829c9; --color-blue-deep: #e2e6ed; --color-orange: #1829c9; --color-orange-deep: #1829c9; --color-green: #167345; --color-red: #b42335; --s--2: .75rem; --s--1: .875rem; --s-0: 1.0625rem; --s-1: clamp(1.25rem,2vw,1.7rem); --s-2: clamp(1.7rem,3vw,2.5rem); --s-3: clamp(2.4rem,4.8vw,4rem); --s-4: clamp(2.5rem,5vw,4.25rem); --font-term: var(--font-mono); --font-pixel: var(--font-body); color: var(--text); }
.migrated-content *, .migrated-content *::before, .migrated-content *::after { border-style: solid; border-width: 0; box-sizing: border-box; }
.migrated-content section { scroll-margin-top: 7rem; }
.migrated-content :is(.wrap,.wrap-n) { max-width: var(--max-w); padding-inline: clamp(1.25rem,4vw,2.5rem); }
.migrated-content .wrap-n { max-width: 830px; }
.migrated-content .hard, .migrated-content .hard-lg, .migrated-content .hard-o { box-shadow: none; }
.migrated-content .arcade { text-shadow: none; color: var(--primary); }
.migrated-content .panel, .migrated-content .panel-hot { border: 1px solid var(--border); border-radius: 6px; }
.migrated-content p { line-height: 1.7; }
.migrated-content .ui, .migrated-content .pixel { letter-spacing: .055em; }
.migrated-content :is(ul,ol) { list-style: none; }
.migrated-content button { font: inherit; cursor: pointer; }
.migrated-content button:disabled { cursor: wait; opacity: .6; }
.migrated-content a { text-underline-offset: .2em; }
.migrated-content :is(button,a,input,textarea,summary):focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.migrated-content summary { cursor: pointer; }
.migrated-content img { max-width: 100%; height: auto; }
.migrated-content button[data-video] { aspect-ratio: 16/9; position: relative; width: 100%; }
.migrated-content button[data-video] img { width: 100%; height: 100%; object-fit: cover; }
.migrated-content iframe[data-player] { width: 100%; aspect-ratio: 16/9; display: block; border: 0; }
.migrated-content iframe[data-player="spotify"] { height: 352px; aspect-ratio: auto; }
.migrated-content #bilder figure img { width: 100%; aspect-ratio: 5/4; object-fit: cover; }
.migrated-content #bilder figcaption { flex: 1; }
.migrated-content .press-nav { top: 80px; background: #ffffffed; border-bottom: 1px solid var(--border); }
.migrated-content [class*="bg-orange"] { color: white; }
.migrated-content .lab-demo { margin-top: 2rem; }
.lab-demo form { display: grid; gap: .8rem; margin-top: 1.5rem; }
.lab-demo textarea { width: 100%; padding: 1rem; background: var(--surface); color: var(--text); border: 1px solid var(--border-strong); border-radius: 4px; font: inherit; }
.lab-demo form button { justify-self: start; }
.lab-demo pre { white-space: pre-wrap; font: inherit; line-height: 1.7; background: var(--surface-alt); padding: 1.5rem; margin-top: 1.5rem; border-radius: 6px; }
.lab-demo [role="status"] { margin-top: 1rem; }
.press-dialog { max-width: min(1060px,94vw); max-height: 94vh; margin: auto; padding: 1.25rem; border: 0; background: #fff; color: var(--text); border-radius: 8px; }
.press-dialog::backdrop { background: #0d121fe0; }
.press-dialog img { display: block; max-width: 100%; max-height: 70vh; object-fit: contain; margin: .75rem auto; }
.press-dialog header { display: flex; justify-content: flex-end; }
.press-dialog button { font: inherit; padding: .5rem 1rem; cursor: pointer; border: 1px solid var(--border-strong); background: white; border-radius: 4px; }
.press-dialog p { margin-top: .75rem; }
.oc-root .oc-teaser, .oc-root .oc-door, .oc-root .oc-scrim { display: none !important; }
@media (max-width: 800px) { .more-nav details > ul { position: static; box-shadow: none; border: 0; } .migrated-content .press-nav { position: static; } .migrated-content h1 { overflow-wrap: anywhere; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .migrated-content * { animation: none !important; transition: none !important; } }