/* Legal pages in the website's look. Colours come from /shared/tokens.css.
   The pages themselves are generated by tools/build_legal.py. */
*{box-sizing:border-box;}
body{
  margin:0;background:var(--basalt);color:var(--parchment);
  font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--bronze-bright);}
.bar{max-width:1120px;margin:0 auto;padding:0 20px;}

/* top bar - same as the home page */
.nav{position:sticky;top:0;z-index:30;background:rgba(23,22,19,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.nav .bar{display:flex;align-items:center;justify-content:space-between;height:64px;}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--parchment);font-family:'Cinzel',serif;font-weight:700;font-size:18px;letter-spacing:.08em;}
.nav-brand img{height:32px;width:32px;border-radius:4px;}
.nav-right{display:flex;align-items:center;gap:6px;}
.nav-link{color:var(--parchment-dim);text-decoration:none;font-size:14px;padding:0 10px;min-height:44px;display:inline-flex;align-items:center;}
.nav-link:hover{color:var(--parchment);}
.btn-bronze{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:4px;background:var(--bronze);color:#1a1712;text-decoration:none;font-family:'Cinzel',serif;font-weight:700;letter-spacing:.06em;font-size:14px;}
.btn-bronze:hover{background:var(--bronze-bright);}

/* list of documents */
.doc-menu{background:var(--stone);border-bottom:1px solid var(--line);}
.doc-menu .bar{display:flex;flex-wrap:wrap;gap:0 18px;padding-top:6px;padding-bottom:6px;}
.doc-menu a{color:var(--parchment-dim);text-decoration:none;font-size:13.5px;min-height:36px;display:inline-flex;align-items:center;}
.doc-menu a:hover{color:var(--parchment);}
.doc-menu a[aria-current="page"]{color:var(--bronze-bright);font-weight:600;}

/* the document */
.doc{max-width:780px;margin:0 auto;padding:40px 20px 64px;}
.doc h1{font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.03em;font-size:clamp(26px,4.5vw,36px);line-height:1.2;margin:0 0 6px;color:var(--parchment);}
.doc .sub{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:19px;color:var(--parchment-dim);margin:0 0 2px;}
.doc .meta{font-size:13px;color:var(--parchment-dim);opacity:.8;margin:0 0 28px;}
.doc h2{font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.02em;font-size:19px;color:var(--bronze-bright);margin:34px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line);}
.doc h3{font-size:16px;font-weight:600;color:var(--parchment);margin:22px 0 6px;}
.doc p,.doc li{color:var(--parchment-soft);}
.doc strong{color:var(--parchment);font-weight:600;}
.doc ul,.doc ol{padding-left:22px;}
.doc li{margin:6px 0;}
.doc .contact{background:var(--stone);border-left:4px solid var(--bronze);padding:14px 18px;border-radius:4px;margin:18px 0;}
/* "What changed" box at the top of a policy: the .contact box, with a list inside */
.doc .changes ul{margin:6px 0 0;}
.doc table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14.5px;display:block;overflow-x:auto;}
.doc td,.doc th{border:1px solid var(--stone-light);padding:9px 11px;text-align:left;vertical-align:top;}
.doc th{background:var(--stone);color:var(--parchment);}

footer{border-top:1px solid var(--line);padding:26px 0 36px;color:var(--parchment-dim);font-size:13px;}
footer .foot{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-start;}
footer a{color:var(--parchment-dim);}
footer a:hover{color:var(--parchment);}

@media (max-width:520px){
  .nav-link{display:none;}
  .doc{padding-top:28px;}
}