/* TU_CYBER_HUB_UI_CONTENT_LOCK_V1
   Shared Cyber hub content readability lock.
   Content only. No header styling. No text, links, canonical, or JSON-LD changes.
*/

:root{
  --tu-hub1-ink:#102033;
  --tu-hub1-muted:#536879;
  --tu-hub1-paper:#ffffff;
  --tu-hub1-cyan:#00d9ff;
  --tu-hub1-line:rgba(0,157,210,.16);
  --tu-hub1-shadow:0 24px 70px rgba(18,75,112,.12);
  --tu-hub1-radius:28px;
}

body.tu-cyber-hub-ui-content-lock-v1{
  background:
    radial-gradient(circle at 14% -4%,rgba(0,217,255,.16),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(37,99,235,.09),transparent 28%),
    linear-gradient(180deg,#f8fcff 0%,#eef8ff 42%,#ffffff 100%) !important;
  color:var(--tu-hub1-ink) !important;
}

/* CONTENT ONLY — no header selectors */
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) *{
  text-shadow:none !important;
}

body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--tu-hub1-ink) !important;
  text-shadow:none !important;
}

body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(p,li,span,small,em,dd,dt,summary){
  color:var(--tu-hub1-muted) !important;
  text-shadow:none !important;
}

/* Rescue pale glass / dark frame / unreadable white blocks */
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(
  article,
  aside,
  details,
  .card,
  .panel,
  .box,
  .hero-card,
  .service-card,
  .link-card,
  .metric,
  .feature,
  .proof,
  .quote,
  .spotlight,
  .story,
  .bridge,
  .tu-cyber-card,
  .tu-cyber-service-card,
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="feature"],
  [class*="proof"],
  [class*="spotlight"],
  [class*="story"],
  [class*="bridge"],
  [class*="glass"],
  [class*="frame"],
  [class*="dark"],
  [style*="background"]
){
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,252,255,.955)) !important;
  color:var(--tu-hub1-ink) !important;
  border:1px solid var(--tu-hub1-line) !important;
  box-shadow:var(--tu-hub1-shadow) !important;
  border-radius:var(--tu-hub1-radius) !important;
}

/* Text inside rescued blocks */
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(
  article,
  aside,
  details,
  .card,
  .panel,
  .box,
  .hero-card,
  .service-card,
  .link-card,
  .metric,
  .feature,
  .proof,
  .quote,
  .spotlight,
  .story,
  .bridge,
  .tu-cyber-card,
  .tu-cyber-service-card,
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="feature"],
  [class*="proof"],
  [class*="spotlight"],
  [class*="story"],
  [class*="bridge"],
  [class*="glass"],
  [class*="frame"],
  [class*="dark"],
  [style*="background"]
) :where(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--tu-hub1-ink) !important;
}

body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(
  article,
  aside,
  details,
  .card,
  .panel,
  .box,
  .hero-card,
  .service-card,
  .link-card,
  .metric,
  .feature,
  .proof,
  .quote,
  .spotlight,
  .story,
  .bridge,
  .tu-cyber-card,
  .tu-cyber-service-card,
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="feature"],
  [class*="proof"],
  [class*="spotlight"],
  [class*="story"],
  [class*="bridge"],
  [class*="glass"],
  [class*="frame"],
  [class*="dark"],
  [style*="background"]
) :where(p,li,span,small,em,dd,dt,summary){
  color:var(--tu-hub1-muted) !important;
}

/* Inline white text rescue */
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) [style*="color:white"],
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) [style*="color: white"],
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) [style*="color:#fff"],
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) [style*="color: #fff"],
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) [style*="color:#ffffff"],
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) [style*="color: #ffffff"]{
  color:var(--tu-hub1-ink) !important;
}

/* Kicker / labels / internal chips */
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(
  .kicker,
  .eyebrow,
  .pill,
  .tu-cyber-kicker,
  [class*="kicker"],
  [class*="eyebrow"],
  [class*="badge"],
  [class*="pill"]
){
  color:#03677a !important;
  background:linear-gradient(135deg,#e6fbff,#ffffff) !important;
  border:1px solid rgba(0,217,255,.28) !important;
  box-shadow:0 10px 28px rgba(0,160,210,.08) !important;
  text-shadow:none !important;
}

/* CTA buttons */
body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(
  a.btn,
  .btn,
  a[class*="button"],
  button,
  .primary,
  a[href*="thinkunlimitedlb.com/contact"],
  a[href*="/contact"]
){
  background:linear-gradient(135deg,#00d9ff,#8df4ff) !important;
  color:#071827 !important;
  border:1px solid rgba(0,217,255,.35) !important;
  box-shadow:0 18px 45px rgba(0,166,210,.18) !important;
  font-weight:950 !important;
  text-shadow:none !important;
}

/* Mobile readability */
@media(max-width:900px){
  body.tu-cyber-hub-ui-content-lock-v1 > :not(header){
    overflow:hidden;
  }

  body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(.shell,.container,.tu-cyber-shell){
    width:min(100% - 28px,1180px) !important;
    max-width:1180px !important;
  }

  body.tu-cyber-hub-ui-content-lock-v1 > :not(header) h1{
    font-size:clamp(2.15rem,10.5vw,3.65rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
    overflow-wrap:anywhere !important;
  }

  body.tu-cyber-hub-ui-content-lock-v1 > :not(header) h2{
    font-size:clamp(1.7rem,8vw,2.6rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
    overflow-wrap:anywhere !important;
  }

  body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(p,li){
    font-size:1rem !important;
    line-height:1.72 !important;
  }

  body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(
    article,
    aside,
    details,
    .card,
    .panel,
    .box,
    .hero-card,
    .service-card,
    .link-card,
    .metric,
    .feature,
    .proof,
    .quote,
    .spotlight,
    .story,
    .bridge,
    .tu-cyber-card,
    .tu-cyber-service-card,
    [class*="card"],
    [class*="panel"],
    [class*="box"],
    [class*="tile"],
    [class*="feature"],
    [class*="proof"],
    [class*="glass"],
    [class*="frame"],
    [class*="dark"]
  ){
    border-radius:24px !important;
  }

  body.tu-cyber-hub-ui-content-lock-v1 > :not(header) :where(.grid,.cols-3,.cols-2,.links-grid,.service-directory,.tu-cyber-service-directory,.tu-cyber-grid){
    grid-template-columns:1fr !important;
  }
}