/* ═══════════════════════════════════════════════════════════════════
   MUSE legal document pages

   Shared layout for privacy.html and cookie-policy.html, which are the
   same document shell with different body copy. Loaded after muse.css,
   which supplies every colour and font token used below.

   Deliberately NOT loaded by index or the campaign landing pages, whose
   layouts define conflicting rules for .header, .content and .footer.
   ═══════════════════════════════════════════════════════════════════ */

body{line-height:1.8}
.content{
  max-width:720px;
  margin:0 auto;
  padding:40px 24px 80px;
}
h1{
  font-family:var(--font-display);
  font-size:36px;
  font-weight:600;
  margin-bottom:8px;
  color:var(--navy);
}
.updated{
  font-size:13px;
  color:var(--navy-64);
  margin-bottom:40px;
}
h2{
  font-family:var(--font-display);
  font-size:22px;
  font-weight:500;
  margin-top:36px;
  margin-bottom:12px;
  color:var(--navy);
}
p{
  margin-bottom:16px;
  font-size:15px;
  color:var(--navy-80);
}
ul{
  margin-bottom:16px;
  padding-left:24px;
}
li{
  font-size:15px;
  color:var(--navy-80);
  margin-bottom:6px;
}
.footer{
  background:var(--navy);
  text-align:center;
  padding:40px 24px;
  color:rgba(var(--cream-rgb),.6);
  font-size:13px;
}
.footer a{color:rgba(var(--cream-rgb),.6);text-decoration:none}
.footer a:hover{text-decoration:underline}
@media(max-width:600px){
    .content{padding:24px 20px 60px}
  h1{font-size:28px}
  h2{font-size:19px}
}