/* Policies page harmonizer: keep typography/layout consistent with site */
:root{
  --bb-text: 16px;
  --bb-h2: 26px;
  --bb-h3: 18px;
  --bb-line: 1.55;
  --bb-muted: #6B655E;
  --bb-border: rgba(63,58,52,0.12);
}
/* Assume base.css already sets font-family and colors.
   We only normalize sizes and spacing downwards to match brand scale. */
body{font-size:var(--bb-text);line-height:var(--bb-line)}
.main{max-width:960px;margin:0 auto;padding:16px}
.page-title{margin:6px 0 14px;border-bottom:1px solid var(--bb-border);padding-bottom:8px}
.page-title h2{font-size:var(--bb-h2);margin:0 0 6px}
.page-title .lede{font-size:15px;color:var(--bb-muted);margin:0}
.card{border:1px solid var(--bb-border);border-radius:12px;padding:14px;margin:12px 0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.card h3{font-size:var(--bb-h3);margin:0 0 8px}
ul.bb-policy{padding-left:18px;margin:0}
ul.bb-policy li{margin:4px 0}
@media (min-width:960px){
  .main{padding:20px}
  .page-title h2{font-size:28px}
  .card h3{font-size:19px}
}