/* hub.css — the hub landing page (cards, tagline, who-am-i line). Was an inline <style> block in
   index.html; the site CSP is style-src 'self', so inline styles never applied on the live site. */
.hub { max-width:760px; margin:0 auto; padding:30px 20px 60px; }
.hub h1 { font-size:22px; margin:26px 0 4px; }
.hub .tagline { color:var(--muted); font-size:13.5px; margin-bottom:26px; }
.apps { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:640px){ .apps { grid-template-columns:1fr; } }
a.appcard { display:block; text-decoration:none; color:var(--ink); background:var(--surface);
  border:1px solid var(--ring); border-radius:12px; padding:22px 20px 18px; transition:border-color .15s; }
a.appcard:hover { border-color:var(--seq450); }
.appcard .icon { font-size:26px; }
.appcard h2 { font-size:16px; margin:8px 0 4px; }
.appcard p { font-size:12.5px; color:var(--ink2); margin:0 0 10px; line-height:1.5; }
.appcard .go { color:var(--seq450); font-weight:600; font-size:13px; }
.who { margin:0 0 18px; font-size:13px; color:var(--ink2); display:flex; gap:10px; align-items:center; flex-wrap:wrap; }