/* The link hub (/links), 2026-10-09. Phone first: the brand, one line, the buttons, then the footer.
   Load order: site.css -> v2.css -> inner.css -> this file. Tokens only; no new colours. */
body.hub .hub-main{min-height:72vh;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding-top:64px;padding-bottom:56px}
body.hub .hub-brand{font-size:24px;margin-bottom:34px}
body.hub .hub-brand .brand-mark{width:40px;height:40px}
body.hub .hub-brand .brand-mark svg{width:20px;height:20px}
body.hub .hub-brand>span:not(.brand-mark){display:inline}
body.hub .hub-title{font-size:clamp(28px,7vw,40px)!important;letter-spacing:.02em;margin:0 0 26px;max-width:14ch}
body.hub .hub-list{list-style:none;margin:0;padding:0;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}
body.hub .hub-list li{display:block}
body.hub .hub-list .btn{width:100%;font-size:21px;padding:19px 24px;animation:none}
body.hub .hub-list li:first-child .btn{animation:glow 3.4s ease-in-out infinite}
body.hub .hub-list .btn.ghost{color:var(--text)}
body.hub .hub-note{margin:34px 0 0;font-size:16px;color:var(--muted);max-width:34ch}
body.hub .hub-note a{color:var(--blue-hi)}
@media (max-width:560px){
  body.hub .hub-main{padding-top:48px}
  body.hub .hub-brand{font-size:20px;margin-bottom:28px}
  body.hub .hub-list .btn{font-size:19px;padding:17px 20px}
}