/* Hub of hubs (Concept C, 2026-10-08): client front page with one card per project. Loaded after hub.css and uses its
   brand tokens (--bg, --ink, --accent, --cta ...). Nothing here overrides the client's colours. */
.client-hub .hub2{padding-top:0!important}
.ch-sum{margin:0 0 0 auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;gap:2px}
.ch-sum b{font:700 15px var(--body);color:var(--ink)}
.ch-sum span{font-size:13px;color:var(--muted)}
.ch-intro{padding:24px 28px}
.ch-intro h1{font-size:clamp(30px,4vw,44px);margin:0 0 10px}
.ch-intro p{margin:0;max-width:70ch;font-size:17px;line-height:1.5}
.ch-tip{margin-top:14px!important;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--cta);border-radius:12px;padding:12px 16px;font-size:15.5px;color:var(--muted)}
.ch-tip b{color:var(--ink)}
.ch-arch{font-size:14px;margin:10px 0 0;opacity:.85}
.ch-foot-note{padding:12px 0 30px}
.ch-foot-note p{margin:0;font-size:13.5px}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.pc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -34px rgba(16,38,43,.5);transition:transform .15s,box-shadow .15s}
.pc:hover{transform:translateY(-2px);box-shadow:0 20px 44px -30px rgba(16,38,43,.55)}
.pc-img{width:100%;height:150px;object-fit:contain;object-position:center;padding:14px;background:linear-gradient(180deg,#fff,var(--soft,var(--bg)))}
.pc-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px;gap:8px}
.pc-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pc-tag{font:700 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:5px 9px;border-radius:999px}
.pc-ver.busy{color:var(--accent-ink);border-color:var(--accent)}
.pc h3{font-size:24px;line-height:1.2;margin:2px 0 0}
.pc h3 a{color:var(--dark);text-decoration:none}
.pc h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.pc-note{margin:0;flex:1;font-size:15.5px;line-height:1.45;color:var(--ink)}
.pc-meta{margin:0;font-size:13.5px;color:var(--muted)}
.pc-prog{height:8px;border-radius:999px;background:var(--soft,var(--bg));border:1px solid var(--line);overflow:hidden}
.pc-prog i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s}
.pc-k{margin:0;font-size:14px;color:var(--ink)}
.pc-k small{color:var(--muted);font-size:13px}
.pc .btns{margin-top:6px}
@media (max-width:899px){
  .ch-sum{margin-left:0;align-items:flex-start;width:100%;flex-direction:row;gap:10px;align-items:baseline}
  .ch-intro{padding:18px}
  .pc-grid{grid-template-columns:1fr}
}