@import url(/calm.css);
:root{--max:820px}
.site-header .wrap{padding-top:1rem;padding-bottom:1rem}
.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--text)!important;font-weight:650}
.brand::before{content:"";width:1.5rem;height:1.5rem;background:url(/logo-mark.svg) center/contain no-repeat}
.nav a{color:var(--muted)}.nav a.active{color:var(--accent)}
main,article{background:transparent!important;border:0!important}
h1{font-size:2.4rem}h2{font-size:1.5rem}
p,li,td{color:var(--text)}em{color:var(--muted)}
table{background:#fff!important;border:1px solid var(--border)}
th{color:var(--muted)}
.btn-legal{border-color:var(--accent)!important;color:var(--accent)!important;border-radius:999px}
/* Mobile header fit (360-440px): nav links wrap inside the padding instead of spilling right */
@media (max-width:440px){.site-header .wrap{flex-wrap:wrap;row-gap:.25rem}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.15rem .8rem;max-width:100%}.nav a{margin-left:0!important}.nav .btn-legal{margin:0!important;padding:.4rem .8rem}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* iOS overscroll below the footer: no bounce, and the canvas behind the page matches the footer colour */
html{overscroll-behavior-y:none;background:var(--accent)}