/* GREENLINE — base layer: fonts, document defaults, skip link, motion switch. No external requests. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/ibm-plex-mono-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Mrs Saint Delafield";src:url("/assets/fonts/mrs-saint-delafield-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{background:#06152B;color:#F3F7FF;color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#06152B;font-family:Arial,Helvetica,"Liberation Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html[lang="ar"] body{font-family:"IBM Plex Sans Arabic",Arial,Tahoma,sans-serif}
img,svg{max-width:100%}
main:focus{outline:none}
::selection{background:#48F5B0;color:#06152B}

/* Skip link: first focusable element on every page */
.gl-skip{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;z-index:100}
.gl-skip:focus{width:auto;height:auto;clip-path:none;top:12px;inset-inline-start:12px;padding:10px 14px;background:#48F5B0;color:#06152B;font-weight:700;text-decoration:none;outline:2px solid #F3F7FF;outline-offset:2px}

/* Motion switch: a real checkbox (checked = motion on) inside its visible label, in the header landmark */
.gl-switch{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border:1px solid #29425D;color:#A7BCD4;font:700 11px/1 "IBM Plex Mono",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.1em;cursor:pointer;user-select:none;white-space:nowrap;transition:border-color .2s,color .2s}
.gl-motion-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
html[lang="ar"] .gl-switch{font:700 13px/1 "IBM Plex Sans Arabic",Tahoma,sans-serif;letter-spacing:0}
.gl-switch:hover{color:#F3F7FF;border-color:#48F5B0}
.gl-switch:has(.gl-motion-input:focus-visible){outline:2px solid #48F5B0;outline-offset:3px;color:#F3F7FF}
.gl-sw-dot{width:8px;height:8px;background:#48F5B0;box-shadow:0 0 10px #48F5B0}
.gl-sw-on{color:#48F5B0}
.gl-sw-off{display:none;color:#A7BCD4}
.gl-switch:has(.gl-motion-input:not(:checked)) .gl-sw-on{display:none}
.gl-switch:has(.gl-motion-input:not(:checked)) .gl-sw-off{display:inline}
.gl-switch:has(.gl-motion-input:not(:checked)) .gl-sw-dot{background:transparent;box-shadow:none;outline:1px solid #A7BCD4;outline-offset:-1px}
