/* Hub V388 — Presentation Polish + Guide UX Cleanup
   Conservative global polish layer for the new Hub guide/tool ecosystem.
   Preserves existing approved Hub design while smoothing repeated/patched sections. */

:root{
  --hub388-ink:#061525;
  --hub388-text:#475569;
  --hub388-blue:#0284c7;
  --hub388-purple:#7c3aed;
  --hub388-green:#16a34a;
  --hub388-border:#dbeafe;
  --hub388-soft:#f8fbff;
  --hub388-cyan:#ecfeff;
}

/* Better connected layout rhythm for newly added systems */
.hub382-intel,
.hub383-card,
.hub384-card,
.hub385-panel,
.hub386-card,
.hub386-section,
.hub387-panel,
.hub380-card,
.hub381-panel,
.hub388-polish-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.hub383-card:hover,
.hub384-card:hover,
.hub386-card:hover,
.hub380-card:hover,
.hub388-polish-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 46px rgba(15,23,42,.10);
  border-color:#bfdbfe;
}

/* Unify added CTA/link blocks */
.hub382-links a,
.hub383-card a,
.hub383-next a,
.hub384-card a,
.hub384-step,
.hub385-card a,
.hub385-path a,
.hub386-card a,
.hub386-next a,
.hub387-actions button,
.hub387-actions a,
.hub387-paths a,
.hub380-card a,
.hub380-step,
.hub381-actions button,
.hub381-actions a,
.hub388-polish-cta{
  box-shadow:0 8px 18px rgba(2,132,199,.14);
}

.hub382-links a:hover,
.hub383-card a:hover,
.hub383-next a:hover,
.hub384-card a:hover,
.hub385-card a:hover,
.hub385-path a:hover,
.hub386-card a:hover,
.hub386-next a:hover,
.hub387-actions button:hover,
.hub387-actions a:hover,
.hub387-paths a:hover,
.hub380-card a:hover,
.hub381-actions button:hover,
.hub381-actions a:hover,
.hub388-polish-cta:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}

/* Make guide pages easier to scan */
.hub383-guide-section,
.hub386-section{
  scroll-margin-top:90px;
}

.hub383-guide-section h2,
.hub386-section h2,
.hub382-intel h2,
.hub385-panel h2,
.hub387-panel h2{
  letter-spacing:-.02em;
}

.hub383-guide-section ul,
.hub386-section ul,
.hub382-box ul{
  margin-bottom:0;
}

/* Consistent badge polish */
.hub382-pill,
.hub383-pill,
.hub384-pill,
.hub385-pill,
.hub386-pill,
.hub387-pill,
.hub388-polish-pill{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}

/* Stronger "start here" blocks */
.hub388-start-here{
  max-width:1180px;
  margin:22px auto;
  border:1px solid var(--hub388-border);
  border-radius:28px;
  background:linear-gradient(135deg,var(--hub388-soft),var(--hub388-cyan));
  padding:clamp(20px,3vw,30px);
  box-shadow:0 16px 44px rgba(15,23,42,.08);
}

.hub388-start-here h2{
  margin:0 0 8px;
  color:var(--hub388-ink);
  font-size:clamp(1.55rem,3vw,2.45rem);
  letter-spacing:-.03em;
}

.hub388-start-here p{
  color:var(--hub388-text);
  line-height:1.65;
  max-width:850px;
}

.hub388-start-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.hub388-start-grid a{
  border:1px solid var(--hub388-border);
  border-radius:18px;
  background:#fff;
  padding:15px;
  text-decoration:none;
  color:#0f172a;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
}

.hub388-start-grid b{
  display:block;
  color:#075985;
  margin-bottom:4px;
  font-size:1rem;
}

.hub388-start-grid span{
  color:#64748b;
  line-height:1.45;
  font-size:.92rem;
}

/* Presentation status page */
.hub388-wrap{max-width:1180px;margin:0 auto;padding:clamp(24px,4vw,56px) 18px}
.hub388-hero{border:1px solid #dbeafe;border-radius:30px;background:linear-gradient(135deg,#061525,#0f2a44);color:#e0f2fe;padding:clamp(28px,5vw,58px);box-shadow:0 26px 90px rgba(2,8,23,.24)}
.hub388-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(125,211,252,.15);border:1px solid rgba(125,211,252,.3);color:#7dd3fc;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}
.hub388-hero h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:.96;margin:16px 0 12px}
.hub388-hero p{color:#c7e8f8;line-height:1.65;font-size:1.08rem;max-width:900px}
.hub388-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.hub388-polish-card{border:1px solid var(--hub388-border);background:#fff;border-radius:24px;padding:20px;color:#0f172a;box-shadow:0 14px 36px rgba(15,23,42,.07)}
.hub388-polish-card h2{margin:0 0 10px;color:var(--hub388-ink)}
.hub388-polish-card p,.hub388-polish-card li{color:var(--hub388-text);line-height:1.62}
.hub388-polish-card ul{padding-left:20px}

/* Better mobile behavior for the new Hub layers */
@media(max-width:940px){
  .hub388-grid,.hub388-start-grid{grid-template-columns:1fr 1fr}
  .hub382-links,.hub383-next,.hub384-steps,.hub385-path,.hub386-next,.hub387-paths{gap:9px}
}

@media(max-width:640px){
  .hub388-grid,.hub388-start-grid{grid-template-columns:1fr}
  .hub388-hero,.hub388-start-here{border-radius:22px}
  .hub383-card,.hub384-card,.hub385-panel,.hub386-card,.hub386-section,.hub387-panel,.hub380-card,.hub381-panel{
    border-radius:18px;
  }
  .hub382-links a,
  .hub383-card a,
  .hub383-next a,
  .hub384-card a,
  .hub385-card a,
  .hub385-path a,
  .hub386-card a,
  .hub386-next a,
  .hub387-actions button,
  .hub387-actions a,
  .hub387-paths a,
  .hub380-card a,
  .hub381-actions button,
  .hub381-actions a{
    width:100%;
    justify-content:center;
  }
}

@media (prefers-reduced-motion: reduce){
  .hub382-intel,.hub383-card,.hub384-card,.hub385-panel,.hub386-card,.hub386-section,.hub387-panel,.hub380-card,.hub381-panel,.hub388-polish-card,
  .hub382-links a,.hub383-card a,.hub383-next a,.hub384-card a,.hub385-card a,.hub385-path a,.hub386-card a,.hub386-next a,.hub387-actions button,.hub387-actions a,.hub387-paths a,.hub380-card a,.hub381-actions button,.hub381-actions a{
    transition:none!important;
    transform:none!important;
  }
}