/* Arbor brand tokens and the two shared components. Chosen 2026-09-19. */
:root{
  --ab-paper:#F3F4F5; --ab-ink:#1C1E21; --ab-orange:#0F8F84; --ab-deep:#0C7A70;
  --ab-apricot:#D3EFEB; --ab-steel:#6B7078; --ab-fog:#E9EAEC; --ab-rule:#DDDFE2;
  --ab-black:#161412; --ab-bone:#F1ECE4; --ab-soot:#211E1B;
  --ab-serif:"Instrument Serif",Georgia,serif; --ab-sans:"Instrument Sans",system-ui,sans-serif;
}
.ab-body{background:var(--ab-paper);color:var(--ab-ink);font-family:var(--ab-sans);line-height:1.45;margin:0}
.ab-h{font-family:var(--ab-serif);font-weight:400;letter-spacing:-.015em;line-height:1.05;text-wrap:balance}
.ab-num{font-family:var(--ab-serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ab-muted{color:var(--ab-steel)}

/* wordmark: the arch, then rbor in the serif */
.ab-wordmark{display:inline-flex;align-items:flex-end;gap:.04em;font-family:var(--ab-serif);font-size:1em;line-height:.82;letter-spacing:-.02em;color:inherit;text-decoration:none}
.ab-wordmark svg{width:.88em;height:.88em;flex:none}

/* buttons */
.ab-btn{display:inline-block;padding:.6em 1em;border-radius:6px;font:600 .9em var(--ab-sans);text-decoration:none;cursor:pointer;border:0}
.ab-btn.primary{background:var(--ab-orange);color:#fff}
.ab-btn.primary:hover{background:var(--ab-deep)}
.ab-btn.quiet{background:transparent;color:var(--ab-ink);border:1px solid var(--ab-rule)}

/* header */
.ab-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--ab-rule);background:var(--ab-paper)}
.ab-header .ab-wordmark{font-size:24px}
.ab-nav{display:flex;gap:20px;font-size:14px}
.ab-nav a{color:var(--ab-steel);text-decoration:none}
.ab-nav a:hover{color:var(--ab-ink)}
.ab-header.dark{background:var(--ab-black);color:var(--ab-bone);border-color:var(--ab-soot)}
.ab-header.dark .ab-nav a{color:#A39E96}
@media(max-width:640px){.ab-nav{display:none}}

/* footer */
.ab-footer{background:var(--ab-ink);color:#A0A4AA;padding:28px 24px;font-size:13px}
.ab-footer .top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.ab-footer .ab-wordmark{font-size:22px;color:var(--ab-bone)}
.ab-footer .cols{display:flex;gap:40px;flex-wrap:wrap}
.ab-footer .cols b{display:block;color:var(--ab-bone);font-weight:600;margin-bottom:6px}
.ab-footer .cols a{display:block;color:#A0A4AA;text-decoration:none;line-height:1.9}
.ab-footer .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #33363B;margin-top:22px;padding-top:14px;font-size:12px}

/* chips and tiles */
.ab-chip{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--ab-fog);font-weight:500}
.ab-chip.orange{background:var(--ab-apricot);color:#0A5E56}
.ab-tile{background:var(--ab-apricot);border-radius:8px;padding:16px 18px}
.ab-tile b{display:block;font:400 40px/1 var(--ab-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ab-tile small{font-size:12px;color:var(--ab-steel)}