/* Shared tokens, typography, and accessible primitives. */
:root {
  --canvas:#0b1220;
  --shell:#111821;
  --panel:#1b2532;
  --muted:#a9b6c8;
  --text:#f5f4f4;
  --accent:#24bdff;
  --accent-hover:#6ed9ff;
  --accent-soft:#24bdff17;
  --accent-border:#24bdff4d;
  --radius:20px;
  --space:clamp(24px,3vw,48px)
}
.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-top: 24px; margin-top: 24px; border-top: 1px solid #ffffff12; color: var(--muted); font-size: 13px; }
.site-footer p { margin: 0; }
.footer-legal-links { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.footer-legal-links a { padding: 8px 0; text-decoration: none; }
.footer-legal-links a:hover { color: var(--accent); }
.legal-page > article { max-width: 960px; margin-inline: auto; padding: clamp(20px, 3vw, 36px); border: 1px solid #ffffff12; border-radius: var(--radius); background: #ffffff03; }
.legal-page > article h1 { line-height: 1.2; margin-top: 0; }
.legal-page > article h2 { font-size: 22px; margin: 28px 0 12px; }
.legal-page > article p, .legal-page > article li { color: var(--muted); line-height: 1.75; }
.legal-page > article a { color: var(--accent); }
.legal-page > article ul { padding-left: 22px; }
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--canvas);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.5
}
a {
  color:inherit;
  text-decoration:none
}
a:hover {
  color:var(--accent)
}
img {
  max-width:100%;
  height:auto;
  display:block
}
button,input,textarea,select {
  font:inherit
}
button,a,input,textarea,select {
  touch-action:manipulation
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:3px solid var(--accent);
  outline-offset:5px
}
button {
  border:0
}
input,textarea,select {
  color:var(--text);
  background:#333234;
  border:1px solid #777;
  border-radius:8px;
  padding:10px
}
h1,h2,h3,p {
  margin-top:0
}
.site-shell {
  width:calc(100% - 64px);
  max-width:1920px;
  margin:32px auto;
  background:radial-gradient(ellipse at 95% 0%,#12314b 0,transparent 45%),var(--shell);
  border-radius:32px;
  padding:0 var(--space) 48px;
  overflow:hidden
}
.screen-reader-text {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.skip-link {
  position:fixed;
  top:12px;
  left:12px;
  padding:10px 18px;
  background:var(--accent);
  color:#171a1d;
  z-index:100;
  transform:translateY(-200%)
}
.skip-link:focus {
  transform:none
}
.content-page {
  min-height:60vh;
  padding:20px 0 40px
}
.content-page h1 {
  font-size:clamp(28px,4vw,44px)
}
.content-page article {
  margin-bottom:32px
}
.content-page a {
  text-decoration:underline
}
.content-page .alignwide {
  width:100%
}
.content-page .aligncenter {
  margin-inline:auto
}
.content-page .alignleft {
  float:left;
  margin:0 24px 16px 0
}
.content-page .alignright {
  float:right;
  margin:0 0 16px 24px
}
.wp-caption {
  max-width:100%
}
.wp-caption-text,.gallery-caption {
  color:var(--muted)
}
.bypostauthor {
  border-left:2px solid var(--accent)
}