@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --blush:#F6DCE9;
  --cream:#FBF4F6;
  --rose:#D9557E;
  --rose-deep:#B8265C;
  --plum:#4A2247;
  --plum-deep:#26101F;
  --purple:#6E3D8C;
  --wine:#7A1F4B;
  --gold:#D9A24B;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:#E9DCE6;
  font-family:'Manrope',sans-serif;
  color:var(--plum-deep);
  line-height:1.6;
}
.wrap{
  max-width:720px;
  margin:0 auto;
  padding:48px 24px 96px;
}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:36px;
}
.brand{
  font-family:'Fraunces',serif;
  font-weight:700;
  font-size:26px;
  color:var(--plum-deep);
  text-decoration:none;
}
.back-link{
  font-size:14px;
  font-weight:600;
  color:var(--rose-deep);
  text-decoration:none;
}
h1{
  font-family:'Fraunces',serif;
  font-weight:700;
  font-size:34px;
  color:var(--plum-deep);
  margin:0 0 6px;
}
.updated{
  font-size:13px;
  color:var(--wine);
  margin:0 0 32px;
  font-weight:600;
}
h2{
  font-family:'Fraunces',serif;
  font-weight:600;
  font-size:21px;
  color:var(--wine);
  margin:36px 0 10px;
}
p, li{
  font-size:15.5px;
  color:#3d2a3a;
}
ul, ol{
  padding-left:22px;
}
a{ color:var(--rose-deep); }
.card{
  background:var(--cream);
  border-radius:20px;
  padding:20px 24px;
  margin:20px 0;
  box-shadow:0 6px 18px rgba(74,34,71,0.1);
}
.footer-nav{
  margin-top:56px;
  padding-top:24px;
  border-top:1px solid rgba(74,34,71,0.15);
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  font-size:13px;
}
.footer-nav a{ color:var(--wine); font-weight:600; text-decoration:none; }
.eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--rose-deep);
  background:var(--blush);
  padding:5px 12px;
  border-radius:100px;
  margin-bottom:14px;
}

/* Inclusive welcome line on landing pages. */
.welcome-line{
  display:inline-block;
  font-size:15px;
  font-weight:700;
  color:var(--plum);
  background:linear-gradient(135deg, rgba(65,105,225,0.12), rgba(194,58,110,0.12));
  padding:8px 14px;
  border-radius:14px;
  margin:4px 0 14px;
}
/* Accessibility: visible keyboard focus. */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
  outline:3px solid #2F54C8;
  outline-offset:2px;
  border-radius:4px;
}