:root{color-scheme:light;--abyss-1000: #000a16;--abyss-950: #00131f;--abyss-900: #001b2d;--abyss-850: #012337;--abyss-800: #00263d;--abyss-700: #00304e;--abyss-600: #003959;--cyan-300: #4de7fb;--cyan-500: #12cef5;--cyan-600: #0aa9e6;--ice-50: #f6fbfd;--font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;--font-accent: "Lora", Georgia, "Times New Roman", serif;--font-sans: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-label: .8125rem;--fs-h2: clamp(1.5rem, 1.1rem + 1.8vw, 2.25rem);--lh-tight: 1.1;--lh-base: 1.65;--tracking-label: .22em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-section: clamp(2.5rem, 1.5rem + 3.6vw, 4.75rem);--container: 72rem;--gutter: 1rem;--header-h: 4.25rem;--tap: 2.75rem;--radius-sm: .625rem;--radius-lg: 1rem;--page-bg: #f2f8fb;--page-bg-alt: #e5eff5;--color-text: #17384f;--color-text-muted: #3b5b72;--color-heading: var(--abyss-900);--color-accent: #056d99;--color-accent-bright: var(--cyan-500);--color-border: rgba(5, 109, 153, .45);--color-border-soft: rgba(5, 109, 153, .22);--color-glow: rgba(18, 206, 245, .22);--panel-bg: #ffffff;--btn-bg: #056d99;--btn-fg: #ffffff;--title-fill: linear-gradient(180deg, var(--abyss-900) 0%, #04435f 100%);--shadow-card: 0 1px 2px rgba(0, 27, 45, .06), 0 14px 34px rgba(0, 48, 78, .09);--row-highlight: rgba(5, 109, 153, .13)}:root[data-theme=dark]{--page-bg: var(--abyss-900);--page-bg-alt: var(--abyss-850);color-scheme:dark;--color-text: #dcecf3;--color-text-muted: #b4d3e0;--color-heading: var(--ice-50);--color-accent: var(--cyan-500);--color-accent-bright: var(--cyan-300);--color-border: rgba(18, 206, 245, .75);--color-border-soft: rgba(18, 206, 245, .28);--color-glow: rgba(18, 206, 245, .35);--panel-bg: linear-gradient(180deg, var(--abyss-850) 0%, var(--abyss-900) 100%);--btn-bg: linear-gradient(180deg, var(--cyan-300) 0%, var(--cyan-500) 100%);--btn-fg: var(--abyss-950);--title-fill: linear-gradient(180deg, #ffffff 0%, #dff4fa 45%, #9fd6ea 100%);--shadow-card: 0 0 0 1px rgba(18, 206, 245, .08), 0 0 28px rgba(18, 206, 245, .16);--row-highlight: rgba(18, 206, 245, .2)}.abyss{color-scheme:dark;--color-text: #dcecf3;--color-text-muted: #b4d3e0;--color-heading: var(--ice-50);--color-accent: var(--cyan-500);--color-accent-bright: var(--cyan-300);--color-border: rgba(18, 206, 245, .75);--color-border-soft: rgba(18, 206, 245, .28);--color-glow: rgba(18, 206, 245, .35);--panel-bg: linear-gradient(180deg, var(--abyss-850) 0%, var(--abyss-900) 100%);--btn-bg: linear-gradient(180deg, var(--cyan-300) 0%, var(--cyan-500) 100%);--btn-fg: var(--abyss-950);--title-fill: linear-gradient(180deg, #ffffff 0%, #dff4fa 45%, #9fd6ea 100%);--shadow-card: 0 0 0 1px rgba(18, 206, 245, .08), 0 0 28px rgba(18, 206, 245, .16);--row-highlight: rgba(18, 206, 245, .2);color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--page-bg)}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--color-text);background:var(--page-bg);transition:background-color .2s,color .2s;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:var(--lh-tight);color:var(--color-heading)}h1,h2{font-family:var(--font-display);font-weight:600}h2{font-size:var(--fs-h2)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-inline-size:100%}a{color:var(--color-accent)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-accent-bright);outline-offset:3px}.material-symbols-sharp{display:inline-block;inline-size:1em;block-size:1em;overflow:hidden;font-size:1.5rem;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{inline-size:100%;max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--gutter)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.section{padding-block:var(--space-section);scroll-margin-block-start:var(--header-h)}.label{font-family:var(--font-sans);font-size:var(--fs-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-accent)}.rule-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-sans);font-size:.75rem;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}@media(min-width:480px){.rule-title{gap:var(--space-4);font-size:var(--fs-label);letter-spacing:var(--tracking-label)}}.rule-title:before,.rule-title:after{content:"";flex:1 1 0;min-inline-size:1rem;block-size:1.5px;background:linear-gradient(90deg,transparent,var(--color-accent-bright))}.rule-title:after{background:linear-gradient(270deg,transparent,var(--color-accent-bright))}.title-fill{background:var(--title-fill);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-block-size:var(--tap);padding:.7rem 1.6rem;border:1.5px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;line-height:1.2;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s,border-color .2s,color .2s,filter .2s}.btn--primary{background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 0 22px var(--color-glow)}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 0 30px var(--color-accent-bright)}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-heading)}.btn--ghost:hover{border-color:var(--color-accent-bright);box-shadow:0 0 22px var(--color-glow)}
