/* Counted brand kit — shared by Counted Legal, Counted Bankruptcy and Counted Books (Sep 28, 2026 ET).
   Reference: countedlegal.com (legal-brand.css, legal-sales.css). Cream background, muted-green outlined "C" logo,
   COUNTED over the spaced product word, green primary buttons, teal accents, thin borders, 6px buttons.
   Everything is namespaced (--counted-* variables, .counted-* classes) so the file can be added to any page
   without changing existing layout. Keep body text large on staff/client apps (18–20px). */
:root{
  --counted-cream:#f8f9f4;      /* page background (Legal --cream) */
  --counted-card:#ffffff;       /* cards, headers */
  --counted-ink:#253830;        /* headings and body text (Legal --ink) */
  --counted-muted:#56695f;      /* secondary text (AA on cream) — Legal uses #61716b for small print */
  --counted-logo:#274e44;       /* logo, "Log in" button (Legal .cl-brand / .cl-login) */
  --counted-logo-dark:#1b3a32;  /* logo-button hover */
  --counted-green:#087e4b;      /* primary buttons (Legal --green) */
  --counted-green-dark:#07663e; /* primary hover */
  --counted-teal:#126d65;       /* eyebrows, accents, theme-color (Legal --teal) */
  --counted-focus:#177f77;      /* focus ring */
  --counted-link:#1f6a52;       /* body links */
  --counted-line:#dce4de;       /* thin borders (Legal --line) */
  --counted-line-strong:#bdd0c7;/* button outlines, dividers */
  --counted-logo-line:#b7c9bd;  /* logo box outline */
  --counted-mint:#eef6f0;       /* soft panels, active nav */
  --counted-mint-2:#e3f0e7;     /* badges */
  --counted-warn-bg:#fff6e5; --counted-warn:#6f4300;
  --counted-error-bg:#fdecec; --counted-error:#9b1c1c;
  --counted-radius-button:6px; --counted-radius-card:9px; --counted-radius-panel:12px;
  --counted-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --counted-logo-font:Arial,Helvetica,sans-serif; /* wordmark */
  --counted-mark-font:Georgia,serif;              /* the C */
}
/* Logo as an image: <a class="counted-logo" href="/"><img src="/counted-books-logo.svg" alt="Counted Books" width="167" height="40"></a> */
.counted-logo{display:inline-flex;align-items:center;flex:none;line-height:0;text-decoration:none;color:var(--counted-logo)}
.counted-logo img,.counted-logo svg{display:block;width:167px;height:40px;max-width:none}
.counted-logo--small img,.counted-logo--small svg{width:142px;height:34px}
/* Logo as HTML text (scales with font size, used in the Bankruptcy app):
   <a class="counted-lockup" href="/"><img class="counted-lockup__mark" src="/counted-mark-white.svg" alt=""><span class="counted-lockup__word">Counted <b>Books</b></span></a> */
.counted-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--counted-logo);line-height:1;flex:none}
.counted-lockup__mark{width:40px;height:40px;flex:none;display:block}
.counted-lockup__word{display:inline-flex;flex-direction:column;font-family:var(--counted-logo-font);font-weight:700;text-transform:uppercase;font-size:18px;letter-spacing:2px;color:var(--counted-logo)}
.counted-lockup__word b{font-size:12px;letter-spacing:5px;margin-top:5px;font-weight:700}
.counted-lockup__word b.long{font-size:12px;letter-spacing:3.55px} /* BANKRUPTCY */
/* Buttons */
.counted-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:44px;padding:.6em 1.15em;border:1px solid var(--counted-line-strong);border-radius:var(--counted-radius-button);background:#fff;color:#205a45;font:inherit;font-weight:650;line-height:1.3;text-decoration:none;cursor:pointer}
.counted-btn:hover{background:#edf5f0;border-color:#90b8a4;color:#174d43}
.counted-btn--primary{background:var(--counted-green);border-color:var(--counted-green);color:#fff}
.counted-btn--primary:hover{background:var(--counted-green-dark);border-color:var(--counted-green-dark);color:#fff}
.counted-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid var(--counted-logo);border-radius:var(--counted-radius-button);background:var(--counted-logo);color:#fff;font-weight:700;font-size:13px;line-height:1.2;white-space:nowrap;text-decoration:none}
.counted-login:hover{background:var(--counted-logo-dark);border-color:var(--counted-logo-dark);color:#fff}
.counted-btn:focus-visible,.counted-login:focus-visible,.counted-logo:focus-visible{outline:3px solid var(--counted-focus);outline-offset:3px}
/* Small parts */
.counted-eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:750;color:var(--counted-teal);text-transform:uppercase}
.counted-badge{display:inline-block;background:var(--counted-mint-2);color:#2f6a4f;border:1px solid #cfe2d6;border-radius:4px;font-weight:700;font-size:0.75rem;letter-spacing:.12em;padding:.12rem .6rem;text-transform:uppercase}
.counted-card{background:var(--counted-card);border:1px solid var(--counted-line);border-radius:var(--counted-radius-card)}
.counted-page{background:var(--counted-cream);color:var(--counted-ink);font-family:var(--counted-font)}
@media(max-width:620px){.counted-logo img,.counted-logo svg{width:150px;height:36px}.counted-login{min-height:44px}}