/* Colors and lettering follow Wordjack/Views/Theme.swift: Palette and FeltLettering. */
:root, html[data-theme="light"] {
  color-scheme: dark;
  --page-bg: #0d362e;
  --text-light: #fcf4e1;
  --text-muted: #d0dfd4;
  --card-bg: #123f35;
  --header-border: #ffffff26;
}
body {
  min-height: 100vh;
  background-image: url("../img/wordjack-lettering.svg"), radial-gradient(ellipse at 50% 30%, #216e5c, #0d362e 85%);
  background-attachment: fixed;
}
.site-header { gap: 16px; }
.wrap.legal {
  background: #0b3029ed;
  border: 1px solid #f9e5b52e;
  border-radius: 20px;
  padding: 30px;
  margin: 28px auto;
  width: calc(100% - 32px);
  max-width: 640px;
}
.wordjack-hero { background: none; border: 0; padding: 0 20px 24px; margin: 16px auto 24px; width: 100%; max-width: 720px; }
.wordjack-heading { margin: 0 auto 20px; line-height: 0; max-width: 640px; }
.wordjack-header { display: block; width: 100%; height: auto;  }
.wordjack-hero .hub-bio { max-width: 510px; line-height: 1.75; }
.platforms { color: var(--text-muted); font-size: .82rem; }
.wordjack-features { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.wordjack-features section { padding: 22px; border: 1px solid #ffffff20; border-radius: 16px; background: #0b3029ed; }
.wordjack-features h2 { font-size: 1.1rem; color: #f5d99f; margin-top: 0; }
.wordjack-features p { color: var(--text-muted); line-height: 1.65; margin-bottom: 0; }
.legal { line-height: 1.75; overflow-wrap: anywhere; }
.legal h1 { line-height: 1.2; }
.legal h2 { color: #f5d99f; font-size: 1.25rem; margin-top: 30px; }
a:focus-visible { outline: 2px solid #f5d99f; outline-offset: 5px; }
@media(max-width: 540px) {
  .wordjack-features { grid-template-columns: 1fr; }
  .wrap.legal { padding: 22px 18px; }
  .wordjack-hero { padding: 0 12px 20px; }
  .wordjack-heading { margin: 0 -12px 20px; }
}