@import url('/party.css');

:root{color-scheme:light}
body{line-height:1.85}
header{align-items:center;gap:18px;flex-wrap:wrap}
header nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
main{max-width:900px}
main>p{max-width:74ch}
section{padding:clamp(20px,4vw,36px);margin:26px 0}
section h2{margin-top:0}
section h3{margin-bottom:4px;font-size:19px}
section p,li{line-height:1.85}
section ul,section ol{padding-left:1.4em}
.lede{font-size:17px;color:#4b4961}
.meta{font-size:13px;color:#666377}
.pill{display:inline-block;padding:2px 10px;background:#bddd9a;border:1px solid #25243e;border-radius:30px;font-size:12px;font-weight:800}
.action{display:inline-block;border:2px solid #25243e;border-radius:12px;background:#bddd9a;padding:10px 18px;text-decoration:none;box-shadow:3px 3px #25243e}
.action.secondary{background:#fff}
.callout{background:#f0ebdf;padding:18px 22px;border-radius:16px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid>section{margin:0}
.site-footer{max-width:900px;margin:45px auto 0;padding:25px 24px 45px;border-top:2px solid #25243e;font-size:13px}
.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}
a{text-underline-offset:4px}
@media(max-width:640px){.grid{grid-template-columns:1fr}}