/* Shared styles for secondary pages (/privacy, 404). Tokens from the hubwi design system. */
:root{--paper:#F7F6F2;--ink:#151515;--muted:#6E6D68;--line:#E3E1DB;--action:#3F7F1F;--action-hover:#346A19}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Albert Sans',Arial,sans-serif;font-weight:400;font-size:17px;line-height:27px}
.wrap{max-width:1152px;margin:0 auto;padding:32px 48px 64px}
.top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:96px}
/* Wordmark from the design system (assets/logo/hubwi-wordmark-green.svg): green on paper, 24px high in the web header. */
.logo{display:block;line-height:0}
.logo img{display:block;height:24px;width:auto}
.back{font-size:14px;line-height:22px}
main{max-width:66ch}
h1{font-size:56px;line-height:64px;font-weight:700;letter-spacing:-.01em;margin:0 0 24px}
h1 span{font-weight:200;color:var(--muted)}
h2{font-size:24px;line-height:32px;font-weight:700;margin:48px 0 8px}
p,ul{margin:0 0 16px}
ul{padding-left:20px}
li{margin-bottom:8px}
.meta{font-size:14px;line-height:22px;color:var(--muted)}
a{color:var(--action);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--action-hover);text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
footer{margin-top:96px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:22px;color:var(--muted)}
@media (max-width:600px){
  .wrap{padding:24px 24px 48px}
  .top{margin-bottom:64px}
  h1{font-size:36px;line-height:44px}
}