*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f7f7f8;
  color: #1a1a1a;
  line-height: 1.6;
  font-size: 16px;
}

/* Wrapper and layout */
#main_wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.content_wrapper {
  width: min(900px, 92%);
  margin: 0 auto;
  padding: clamp(20px, 3vw, 32px);
}

main.content_wrapper {
  flex: 1 0 auto;
}

/* Headings */
#main_title_label {
  margin: 0 0 0.5em;
  font-size: clamp(1.75rem, 4.5vw, 3rem); /* 32px–48px */
  font-weight: 700;
  line-height: 1.2;
}

#sub_title_label {
  margin: 0 0 1.5em;
  color: #555;
  font-size: clamp(1rem, 2.5vw, 1.25rem); /* 16px–20px */
}

h1.policy {
  margin: 2em 0 0.5em;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
}

h2.policy {
  margin: 1.5em 0 0.4em;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
}

h3.policy {
  margin: 1.2em 0 0.4em;
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 500;
}

p.policy {
  margin: 0.5em 0 1em;
  color: #333;
}

/* Lists */
ul.policy {
  margin: 0.5em 0 1.5em 1.2em;
  padding: 0;
}

ul.policy li {
  margin-bottom: 0.5em;
}

ul.policy li p {
  margin: 0.2em 0;
}

/* Links */
a {
  color: #2563eb;
  text-decoration: underline;
  text-underline-offset: 3px;
}

a:hover {
  text-decoration-thickness: 2px;
}

/* Footer */
#footer {
  background-color: #1a1a1a;
  color: #f5f5f5;
  padding: 1em 0;
  text-align: center;
  width: 100%; 
}

#footer p {
  margin: 1em 0;
}