/* Hub V390 — Safe Presentation Consistency Polish
   Conservative visual-only layer for Hub.STLBEAST.com.
   Preserves V389 QA, V388 presentation polish, V387 wizard, V386 checklists, V385 guide search, and analytics/SEO/tool logic. */

:root{
  --hub390-ink:#061525;
  --hub390-text:#475569;
  --hub390-muted:#64748b;
  --hub390-blue:#0284c7;
  --hub390-bright:#0ea5e9;
  --hub390-purple:#7c3aed;
  --hub390-green:#16a34a;
  --hub390-border:#dbeafe;
  --hub390-soft:#f8fbff;
  --hub390-cyan:#ecfeff;
  --hub390-warm:#fff7ed;
  --hub390-radius:24px;
  --hub390-shadow:0 18px 46px rgba(15,23,42,.075);
}

/* Global spacing and rhythm */
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(14,165,233,.10),transparent 32%),
    radial-gradient(circle at 90% 8%,rgba(124,58,237,.08),transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 40%,#f6fbff 100%);
  color:var(--hub390-ink);
}
main{overflow:hidden}
section{position:relative}
.wrap,
.hub383-wrap,
.hub384-wrap,
.hub385-wrap,
.hub386-wrap,
.hub387-wrap,
.hub388-wrap,
.hub389-wrap,
.hub390-wrap{
  width:min(1180px,calc(100% - 36px));
  margin-inline:auto;
}

/* Unified hero presentation across the expanded Hub system */
.hub383-hero,
.hub384-hero,
.hub385-hero,
.hub386-hero,
.hub387-hero,
.hub388-hero,
.hub389-hero,
.hub390-hero{
  border-radius:32px!important;
  border:1px solid rgba(125,211,252,.34)!important;
  box-shadow:0 28px 90px rgba(2,8,23,.20)!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(125,211,252,.22),transparent 34%),
    radial-gradient(circle at 86% 10%,rgba(167,139,250,.20),transparent 36%),
    linear-gradient(135deg,#061525,#0f2a44)!important;
}
.hub383-hero h1,
.hub384-hero h1,
.hub385-hero h1,
.hub386-hero h1,
.hub387-hero h1,
.hub388-hero h1,
.hub389-hero h1,
.hub390-hero h1{
  letter-spacing:-.055em;
  text-wrap:balance;
}
.hub383-hero p,
.hub384-hero p,
.hub385-hero p,
.hub386-hero p,
.hub387-hero p,
.hub388-hero p,
.hub389-hero p,
.hub390-hero p{
  color:#d5f3ff!important;
}

/* Unified cards and panels */
.hub383-card,
.hub384-card,
.hub385-panel,
.hub385-card,
.hub386-card,
.hub386-section,
.hub387-panel,
.hub388-polish-card,
.hub389-card,
.hub380-card,
.hub381-panel,
.hub382-intel,
.hub390-card{
  border:1px solid var(--hub390-border)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.94))!important;
  border-radius:var(--hub390-radius)!important;
  box-shadow:var(--hub390-shadow)!important;
}
.hub383-card:hover,
.hub384-card:hover,
.hub385-card:hover,
.hub386-card:hover,
.hub388-polish-card:hover,
.hub389-card:hover,
.hub380-card:hover,
.hub390-card:hover{
  transform:translateY(-2px);
  border-color:#bfdbfe!important;
  box-shadow:0 24px 60px rgba(15,23,42,.11)!important;
}
.hub383-card:before,
.hub384-card:before,
.hub385-card:before,
.hub386-card:before,
.hub389-card:before,
.hub390-card:before{
  background:linear-gradient(90deg,var(--hub390-blue),var(--hub390-purple),var(--hub390-green))!important;
}

/* Typography consistency */
.hub383-card h2,
.hub384-card h2,
.hub385-card h2,
.hub386-card h2,
.hub387-panel h2,
.hub388-polish-card h2,
.hub389-card h2,
.hub390-card h2,
.hub383-guide-section h2,
.hub386-section h2{
  color:var(--hub390-ink)!important;
  letter-spacing:-.03em;
  text-wrap:balance;
}
.hub383-card p,
.hub384-card p,
.hub385-card p,
.hub386-card p,
.hub387-panel p,
.hub388-polish-card p,
.hub389-card p,
.hub390-card p,
.hub383-card li,
.hub384-card li,
.hub386-card li,
.hub389-card li,
.hub390-card li{
  color:var(--hub390-text)!important;
  line-height:1.64;
}

/* Consistent CTAs and tool links */
.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,
.hub388-polish-cta,
.hub389-card a,
.hub389-list a,
.hub380-card a,
.hub381-actions button,
.hub381-actions a,
.hub390-card a,
.hub390-cta{
  border-radius:16px!important;
  font-weight:950!important;
  text-decoration:none!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
}
.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,
.hub388-polish-cta,
.hub389-card a,
.hub380-card a,
.hub381-actions button,
.hub381-actions a,
.hub390-cta{
  background:linear-gradient(135deg,var(--hub390-blue),var(--hub390-bright))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(2,132,199,.18)!important;
}
.hub383-card a:hover,
.hub383-next a:hover,
.hub384-card a:hover,
.hub384-step: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,
.hub389-card a:hover,
.hub389-list a:hover,
.hub380-card a:hover,
.hub381-actions button:hover,
.hub381-actions a:hover,
.hub390-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.03);
  box-shadow:0 18px 42px rgba(2,132,199,.22)!important;
}

/* Badges */
.hub382-pill,
.hub383-pill,
.hub384-pill,
.hub385-pill,
.hub386-pill,
.hub387-pill,
.hub389-pill,
.hub390-pill{
  border:1px solid rgba(14,165,233,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}

/* Start here and routing blocks */
.hub388-start-here,
.hub390-start-here{
  border-radius:30px!important;
  border:1px solid var(--hub390-border)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(14,165,233,.12),transparent 32%),
    linear-gradient(135deg,#f8fbff,#ecfeff)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.08)!important;
}
.hub388-start-grid a,
.hub389-list a,
.hub387-paths a,
.hub384-step,
.hub390-start-grid a{
  border:1px solid var(--hub390-border)!important;
  background:#fff!important;
  color:var(--hub390-ink)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}

/* Guide readability */
.hub383-guide-body,
.hub386-sheet{
  width:min(980px,calc(100% - 36px));
  padding-left:0!important;
  padding-right:0!important;
}
.hub383-guide-hero,
.hub386-sheet-hero{
  border-radius:30px!important;
  border:1px solid var(--hub390-border)!important;
  background:linear-gradient(135deg,#f8fbff,#ecfeff)!important;
  box-shadow:var(--hub390-shadow)!important;
}
.hub383-guide-section,
.hub386-section{
  scroll-margin-top:96px;
}

/* Form controls consistency */
.hub385-controls input,
.hub385-controls select,
.hub387-field select,
.hub387-field textarea,
.hub381-panel input,
.hub381-panel select,
.hub381-panel textarea{
  border-radius:16px!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.hub385-controls input:focus,
.hub385-controls select:focus,
.hub387-field select:focus,
.hub387-field textarea:focus,
.hub381-panel input:focus,
.hub381-panel select:focus,
.hub381-panel textarea:focus{
  outline:3px solid rgba(14,165,233,.18);
  border-color:#38bdf8!important;
}

/* V390 status page */
.hub390-wrap{max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,70px) 18px}
.hub390-hero{color:#e0f2fe;padding:clamp(28px,5vw,58px)}
.hub390-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}
.hub390-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.98;margin:12px 0;color:#fff}
.hub390-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.hub390-card{padding:20px;position:relative;overflow:hidden}
.hub390-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px}
.hub390-card h2{margin:8px 0 10px}

/* Mobile consistency */
@media(max-width:980px){
  .hub390-grid,
  .hub383-grid,
  .hub384-grid,
  .hub385-grid,
  .hub386-grid,
  .hub388-grid,
  .hub389-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:680px){
  .wrap,
  .hub383-wrap,
  .hub384-wrap,
  .hub385-wrap,
  .hub386-wrap,
  .hub387-wrap,
  .hub388-wrap,
  .hub389-wrap,
  .hub390-wrap,
  .hub383-guide-body,
  .hub386-sheet{
    width:min(100% - 24px,1180px)!important;
  }
  .hub383-hero,
  .hub384-hero,
  .hub385-hero,
  .hub386-hero,
  .hub387-hero,
  .hub388-hero,
  .hub389-hero,
  .hub390-hero,
  .hub388-start-here,
  .hub390-start-here{
    border-radius:22px!important;
  }
  .hub390-grid,
  .hub383-grid,
  .hub384-grid,
  .hub385-grid,
  .hub386-grid,
  .hub388-grid,
  .hub389-grid,
  .hub388-start-grid,
  .hub384-steps,
  .hub385-controls,
  .hub385-path,
  .hub386-next,
  .hub387-grid,
  .hub387-actions,
  .hub387-paths,
  .hub389-list{grid-template-columns:1fr!important}
  .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,
  .hub389-card a,
  .hub380-card a,
  .hub381-actions button,
  .hub381-actions a{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
  .hub383-card:hover,
  .hub384-card:hover,
  .hub385-card:hover,
  .hub386-card:hover,
  .hub388-polish-card:hover,
  .hub389-card:hover,
  .hub380-card:hover,
  .hub390-card:hover,
  .hub383-card a:hover,
  .hub384-card a:hover,
  .hub385-card a:hover,
  .hub386-card a:hover,
  .hub387-actions button:hover,
  .hub387-actions a:hover,
  .hub389-card a:hover,
  .hub390-cta:hover{
    transform:none!important;
  }
}