@import url('./assets/bair-tokens.css');

* { box-sizing: border-box; }
html { background: var(--bg); color: var(--fg); }
body { margin: 0; font-family: var(--font-sans); font-size: var(--fs-body); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: var(--sp-1); }
a:hover { color: var(--accent); }
.policy-shell { min-height: 100vh; background: var(--bg); }
.policy-nav { border-bottom: var(--rule-hairline); }
.policy-nav-inner, .policy-footer, .policy-main { width: min(100% - (2 * var(--sp-5)), 760px); margin: 0 auto; }
.policy-nav-inner { min-height: var(--sp-8); display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); }
.policy-wordmark { font-weight: 600; letter-spacing: var(--ls-micro); text-decoration: none; }
.policy-back { color: var(--fg-secondary); font-size: var(--fs-small); }
.policy-main { padding-block: var(--sp-7) var(--sp-9); }
.policy-kicker { margin: 0 0 var(--sp-3); color: var(--accent); font-size: var(--fs-micro); font-weight: 600; letter-spacing: var(--ls-micro); text-transform: uppercase; }
h1 { margin: 0; max-width: 18ch; font-size: var(--fs-h1); font-weight: 600; line-height: var(--lh-heading); letter-spacing: var(--ls-heading); }
.policy-date { margin: var(--sp-3) 0 var(--sp-7); color: var(--fg-muted); font-size: var(--fs-small); }
.policy-copy { max-width: var(--measure); color: var(--fg-secondary); }
.policy-copy h2 { margin: var(--sp-7) 0 var(--sp-3); color: var(--fg); font-size: var(--fs-h3); font-weight: 500; letter-spacing: var(--ls-heading); }
.policy-copy p, .policy-copy ul, .policy-copy ol { margin: 0 0 var(--sp-4); }
.policy-copy li + li { margin-top: var(--sp-2); }
.policy-copy strong { color: var(--fg); font-weight: 500; }
.policy-note { margin-top: var(--sp-6); padding: var(--sp-5); border: var(--rule-hairline); background: var(--la-mineral-white-soft); }
.policy-footer { padding-block: var(--sp-5) var(--sp-7); border-top: var(--rule-hairline); color: var(--fg-muted); font-size: var(--fs-small); }
.policy-footer-links { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-5); margin-bottom: var(--sp-4); }
.policy-footer a { color: var(--fg-secondary); }
@media (max-width: 560px) {
  .policy-nav-inner, .policy-footer, .policy-main { width: min(100% - (2 * var(--sp-4)), 760px); }
  .policy-nav-inner { min-height: var(--sp-7); }
  .policy-main { padding-block: var(--sp-6) var(--sp-8); }
}