/* SkillBreed Policy Pages Styles */
:root {
  --bg: #000;
  --fg: #fff;
  --muted: #c7c9ce;
  --border: #222;
  --accent: #007bff;
}

html, body { height: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--fg);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.header {
  display: flex; justify-content: center; align-items: center;
  padding: 32px 16px; border-bottom: 1px solid var(--border);
}
.header .logo-img { height: 56px; width: auto; }

.container {
  max-width: 900px; margin: 0 auto; padding: 32px 16px 80px;
}

h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); margin: 0 0 8px; }
.meta { color: var(--muted); margin-bottom: 24px; }

h2 { font-size: 1.25rem; margin: 28px 0 12px; padding-left: 12px; border-left: 4px solid #444; }
 h3 { font-size: 1.05rem; margin: 18px 0 10px; }
 p { line-height: 1.7; margin: 0 0 14px; color: var(--fg); }
 ul { margin: 10px 0 14px 22px; }
 li { margin: 6px 0; color: var(--fg); }
 a { color: var(--fg); text-decoration: underline; }

.box { background: #0d0d0d; border: 1px solid var(--border); border-radius: 10px; padding: 18px; }

/* Global footer used across the site */
.footer { border-top: 1px solid var(--border); padding: 28px 0; }
.footer .wrap { max-width: 1100px; margin: 0 auto; padding: 0 16px; display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .footer .wrap { grid-template-columns: 1fr 1fr 1fr; } }
.footer .links { display: grid; gap: 8px; }
.footer a { color: var(--muted); text-decoration: none; }
.footer a:hover { color: var(--fg); }
.footer .social { display: flex; gap: 12px; align-items: center; justify-content: center; }
.footer .copyright { text-align: right; color: var(--muted); }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }