/* Self-hosted, system fonts only. No external resources.
   Tidings UI tokens: Linear "Tidings Brand Guide & Logo Notes" (Sep 25, 2026). Light only (no dark palette in the guide).
   Text pairs used (WCAG): Ink on Paper 10.58 / Cream 11.53 / Sage 9.72; Evergreen on Paper 8.39 / Cream 9.14 / Sage 7.71;
   Quiet ink on Paper 4.56 only (4.19 on Sage fails, so never on Sage); white on Evergreen 9.36. Cranberry clay: decoration only. */
:root{
  --paper:#F6F2EA;      /* page background */
  --cream:#FFFCF6;      /* cards and surfaces */
  --evergreen:#254E40;  /* primary actions, links, icons */
  --ink:#213D32;        /* body text */
  --quiet:#677165;      /* secondary text (on Paper only) */
  --sage:#E5EBDF;       /* soft panels */
  --clay:#855147;       /* sparing accent (non-text) */
  --line:rgba(33,61,50,.14);
  --serif:ui-serif,"New York","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans)}
a{color:var(--evergreen);text-underline-offset:.15em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--evergreen);outline-offset:2px;border-radius:2px}
header.site,main,footer.site{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header.site{padding-top:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;font:600 1.4rem/1 var(--serif);color:var(--ink);text-decoration:none}
.brand img{display:block;border-radius:22%}
.hero{padding:3rem 0 1.5rem}
.hero-icon{display:block;width:112px;height:112px;border-radius:22%;margin:0 0 1.75rem;box-shadow:0 1px 2px rgba(33,61,50,.12),0 10px 28px rgba(33,61,50,.14)}
h1,h2{font-family:var(--serif);font-weight:600;color:var(--ink)}
h1{font-size:clamp(2rem,6vw,2.9rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.01em}
main.doc h1{font-size:clamp(1.7rem,5vw,2.2rem);margin-top:2.5rem}
h2{font-size:1.45rem;line-height:1.25;margin:2.25rem 0 .6rem}
main:not(.doc) section:not(.hero) h2::before{content:"";display:block;width:2rem;height:3px;border-radius:2px;background:var(--clay);margin-bottom:.7rem}
.lede{font-size:1.15rem;color:var(--quiet);margin:0 0 1.5rem}
.badge{display:inline-block;background:var(--evergreen);color:#fff;border-radius:1.4rem;padding:.55rem 1.15rem;font-weight:600;line-height:1.4;margin:0}
.steps{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:1rem 1.25rem 1rem 2.75rem;margin:0;box-shadow:0 1px 2px rgba(33,61,50,.06)}
.steps li{margin:.45rem 0;padding-left:.25rem}
.steps li::marker{color:var(--evergreen);font-weight:700}
.panel{background:var(--sage);border-radius:14px;padding:.25rem 1.5rem 1.1rem;margin-top:2.25rem}
.panel h2{color:var(--evergreen);margin-top:1.25rem}
.panel p{margin:0}
.meta{color:var(--quiet);margin-top:-.5rem}
.faq dt{font-weight:600;margin-top:1.1rem}
.faq dd{margin:.25rem 0 0}
footer.site{margin-top:3.5rem;padding-top:1.25rem;padding-bottom:2.5rem;border-top:1px solid var(--line);color:var(--quiet);font-size:.95rem}
footer.site p{margin:.4rem 0 0}