/* 13-Month Sky Calendar website: the privacy notes and the footer, drawn with the page's own tokens. */
body{margin:0}

/* privacy: laid out like the page's "How it works" notes */
.site-privacy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 44px;scroll-margin-top:16px}
.site-privacy>h2{grid-column:1/-1;font-size:clamp(1.8rem,4vw,2.4rem)}
.site-privacy h3{font-size:1.25rem;margin-bottom:4px}
.site-privacy p{margin:0;max-width:62ch}

/* footer: an almanac colophon */
.site-foot{display:grid;gap:18px;border-top:1px solid var(--line);padding-top:22px;font-size:.88rem;color:var(--muted)}
.site-foot a{color:var(--sky);text-underline-offset:3px}
.site-foot a:hover{color:var(--ink)}
.sf-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:18px 44px}
.sf-cols h3{font:500 .72rem/1.3 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.sf-cols p{margin:0;max-width:70ch}
.sf-credits{margin:0;padding:0;list-style:none;display:grid;gap:3px}
.sf-also{margin:8px 0 0;font-family:var(--f-display);font-size:1.18rem;line-height:1.35;color:var(--ink)}
.sf-also a{color:var(--accent)}
.sf-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;border-top:1px solid var(--line);padding-top:14px}
.sf-legal{margin:0;font-family:var(--f-data);font-size:.76rem;font-variant-numeric:tabular-nums}
.sf-legal span[aria-hidden]{margin:0 .45em}

@media (max-width:780px){.site-privacy,.sf-cols{grid-template-columns:minmax(0,1fr)}}