/* heartmindaligned.com: the desk Adrianne has used since 16 October 2026, her site's thematics. Ivory ground, deep
   teal, sage, terracotta and gold; Gelasio for headings and the wordmark, Nunito Sans for everything else. */
:root {
  --bg: #F7F2E9; --white: #FFFDF9; --ink: #2B2B2B; --muted: #6E6A63; --line: #E4DCCF;
  --accent: #24595B; --accent-2: #24595B; --soft: #AAB6A3; --clay: #BC7058; --gold: #C49A45; --client: #C49A45;
  --serif: "Gelasio", Georgia, serif; --sans: "Nunito Sans", Arial, system-ui, sans-serif;
  --header-bg: var(--white); --header-fg: var(--accent); --header-sub: var(--muted); --header-line: var(--line);
  --wordmark-size: 22px; --wordmark-weight: 400; --wordmark-pre-weight: 400; --wordmark-tracking: 0; --wordmark-accent: var(--clay);
  --pill-bg: transparent; --pill-fg: var(--accent); --pill-active-bg: transparent; --pill-active-fg: var(--accent); --pill-radius: 0;
  --btn-bg: var(--accent); --btn-fg: var(--white); --btn-radius: 4px;
  --card-radius: 4px; --field-radius: 4px;
}
.brand .wordmark .accent { font-style: italic; }
.brand .subbrand { display: none; }
.brand .mark { border-radius: 50%; width: 42px; height: 42px; }
.top-row.sub { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 7px; padding-bottom: 7px; }
.sites a, .libbtn { font: 600 12px/1.2 var(--sans); letter-spacing: 1.6px; text-transform: uppercase; padding: 0 0 2px; border-bottom: 1px solid transparent; }
.sites a:hover, .sites a:focus-visible, .libbtn:hover, .libbtn:focus-visible, .libbtn.active { border-bottom-color: var(--clay); background: transparent; color: var(--accent); }
.avatar { font-family: var(--serif); font-weight: 400; }
.send { font-weight: 600; padding: 11px 20px; }
.help-body .owner-only { background: #FBF3EE; }
@media (max-width: 600px) { .brand .wordmark { font-size: 19px; } }
.top-row.edge { max-width: none; }