/* Policies page. Builds on ../styles.css tokens. */

.pol {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin-inline: auto;
  padding: clamp(28px, 6vh, 64px) 16px 80px;
}
.pol-top { display: grid; gap: 14px; justify-items: start; margin-bottom: 34px; }
.pol-top .pill { text-decoration: none; }
.pol-top h1 {
  font-family: var(--display); font-weight: 400;
  font-size: clamp(44px, 8vw, 80px); line-height: 0.95; letter-spacing: -0.02em; margin: 0;
}
.pol-draft { margin: 0; padding: 8px 12px; border: 1px dashed var(--bark); color: var(--bark); font-size: 15px; }
.pol-draft[hidden] { display: none; }
.pol-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.pol-nav a, .pol-foot a {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--wall); padding-bottom: 2px;
}
.pol-contact { margin: 0; color: var(--ink-2); }
.pol-contact a { color: inherit; }

.pol-sec { border-top: 1px solid var(--wall); padding-block: 30px; scroll-margin-top: 20px; }
.pol-sec h2 { font-family: var(--display); font-weight: 400; font-size: clamp(32px, 5vw, 46px); margin: 0 0 14px; }
.pol-body h3 {
  font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink); margin: 24px 0 8px;
}
.pol-body p, .pol-body li { font-size: 17px; line-height: 1.6; color: var(--ink-2); }
.pol-body p { margin: 0 0 12px; }
.pol-body ul { margin: 0 0 12px; padding-left: 20px; }
.pol-body strong { color: var(--ink); font-weight: 400; }
.pol-foot { border-top: 1px solid var(--wall); padding-top: 24px; }