/* skai.bg — base rules. Everything visual lives inline in the canvas pages;
   this file only adds what a real page needs and a canvas artboard does not. */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #12130f; color: #f1efe7; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
img, svg { max-width: 100%; }

/* keyboard focus is always visible: lime on ink, ink on lime */
:focus-visible { outline: 2px solid #e8ff2b; outline-offset: 3px; }
[style*="background: #e8ff2b"] :focus-visible { outline-color: #12130f; }

.skip-link {
  position: absolute; left: 16px; top: -100px; z-index: 100;
  padding: 12px 16px; background: #e8ff2b; color: #12130f;
  font-size: 12px; font-weight: 900; letter-spacing: 0.07em; text-transform: uppercase;
}
.skip-link:focus { top: 16px; }

/* the root language door and the 404 */
.door { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; }
.door-box { display: flex; flex-direction: column; gap: 12px; text-align: center; font-size: 17px; }
.door-box h1 { margin: 0; font-size: clamp(32px, 6vw, 64px); font-weight: 900; letter-spacing: -0.06em; text-transform: uppercase; }
.door-box a { color: #e8ff2b; text-decoration: underline; }
.door-code { margin: 0; font-size: 12px; font-weight: 900; letter-spacing: 0.08em; color: #e8ff2b; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  * { transition: none !important; }
}
/* from the canvas pages' <helmet> */
body{margin:0;background:#12130f}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}a:hover{opacity:.8}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
input:focus{outline:2px solid #12130f;outline-offset:2px}
input:focus,select:focus,textarea:focus{outline:2px solid #12130f;outline-offset:2px}
input[type=radio]{accent-color:#12130f;width:18px;height:18px;margin:0}