/* THE TIE HUB LOOK (#23, Riddhi 2 Oct: "classy", not "kiddish"; the founder's desk is the model). One sheet, loaded last on every server
 * page by build/title.mjs, so a page's own colours stay and only the type and the corners change:
 *   · IBM Plex Sans for everything you read, IBM Plex Serif for titles, IBM Plex Mono for codes;
 *   · square-ish corners: 4px on buttons, fields, tabs and chips, 6px on cards and panels — never a pill;
 *   · count circles stay round (tthCount / .tth-count), and taps stay ≥ 44px (sizes are not touched here). */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root { --tth-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; --tth-serif: 'IBM Plex Serif', Georgia, serif; --tth-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace; }
html body, body button, body input, body select, body textarea, body table { font-family: var(--tth-sans); }
body h1, body h2, body h3, body .serif, body .lst-title, body .brand-title { font-family: var(--tth-serif); font-weight: 600; letter-spacing: 0; }
body code, body kbd, body pre, body .mono, body .sku, body [class*="mono"] { font-family: var(--tth-mono); }
body button:not(.tth-count):not([class*="count"]):not([class*="dot"]):not([class*="avatar"]):not([class*="swatch"]):not([class*="fab"]):not([class*="round"]):not([class*="circle"]):not([class*="help"]):not([class*="close"]),
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), body select, body textarea,
body .btn, body [class~="tab"], body [class~="pill"], body [class*="chip"]:not([class*="count"]), body [class~="badge"], body [class~="tag"] { border-radius: 4px; }
body [class~="card"], body [class*="-card"], body [class~="mini"], body dialog { border-radius: 6px; }
body .tth-count, body .count { border-radius: 999px; }