:root {
  color-scheme: dark;
  font-family: Arial, Helvetica, sans-serif;
  background: #00001d;
  color: #efefef;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 24px;
  background: linear-gradient(180deg, #09097a 0%, #020250 38%, #00001d 100%) fixed;
}

main {
  width: min(100%, 820px);
  margin: 0 auto;
  border: 2px solid #69d8f2;
  background: #034507;
  box-shadow: 0 0 0 1px #000;
}

header {
  padding: 18px 24px;
  border-bottom: 3px outset #f46b78;
  background: #df0017;
  text-align: center;
}

h1 { margin: 0; font-size: clamp(28px, 5vw, 46px); }

article {
  padding: 24px clamp(18px, 5vw, 48px) 36px;
  line-height: 1.55;
}

h2 {
  margin: 28px 0 8px;
  color: #ffe900;
  font-size: 20px;
}

p, li { font-size: 16px; }
a { color: #63e5ff; }
.effective-date { color: #ffe900; font-weight: 700; }
.home-link { display: inline-block; margin-top: 20px; }

@media (max-width: 560px) {
  body { padding: 10px; }
  article { padding: 18px; }
  p, li { font-size: 15px; }
}