/* SOUBEL Oil & Gas AI Lab — glass-front public prototype v0.1
   Development only. Uses abstract CSS depth now; a separately approved atmospheric asset can replace it later. */
.ai-lab-page{background:#dce6e7;color:#17343b}
.ai-lab-page main{overflow:hidden}
.ai-lab-page .glass-stage{position:relative;isolation:isolate;padding:58px 0 68px;background:#b9cbcd}
.ai-lab-page .glass-stage:before{content:"";position:absolute;inset:-8%;z-index:-3;background:
 radial-gradient(ellipse at 13% 18%,rgba(11,77,86,.62) 0 5%,transparent 20%),
 radial-gradient(ellipse at 84% 15%,rgba(19,113,119,.45) 0 6%,transparent 24%),
 linear-gradient(90deg,transparent 0 8%,rgba(15,62,70,.42) 9% 13%,transparent 15% 24%,rgba(27,83,88,.28) 26% 30%,transparent 33% 68%,rgba(20,76,83,.34) 71% 76%,transparent 79%),
 linear-gradient(180deg,#7d999d 0%,#d6e0e0 46%,#8aa3a6 100%);filter:none;transform:none}
.ai-lab-page .glass-stage:after{content:"";position:absolute;inset:0;z-index:-2;background:
 linear-gradient(112deg,rgba(255,255,255,.50),rgba(255,255,255,.10) 31%,rgba(255,255,255,.34) 49%,rgba(255,255,255,.08) 68%,rgba(255,255,255,.38)),
 repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 1px,transparent 1px 13vw);backdrop-filter:none;-webkit-backdrop-filter:none}
.ai-lab-page .glass-shell{border:1px solid rgba(255,255,255,.58);border-radius:26px;background:rgba(239,247,247,.58);box-shadow:0 24px 70px rgba(8,42,49,.18),inset 0 1px rgba(255,255,255,.78);backdrop-filter:none;-webkit-backdrop-filter:none}
.ai-lab-page .lab-hero{padding:38px 40px 30px}
.ai-lab-page .eyebrow,.ai-lab-page .kicker{margin:0 0 9px;color:#087d82;font-size:.7rem;line-height:1.2;letter-spacing:.16em;font-weight:850}
.ai-lab-page .lab-hero h1{max-width:900px;margin:0;color:#102f37;font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:clamp(2.25rem,3.7vw,3.5rem);font-weight:700;line-height:1.03;letter-spacing:-.038em}
.ai-lab-page .hero-lead{max-width:820px;margin:17px 0 0;color:#36555c;font-size:1rem;line-height:1.58}
.ai-lab-page .lab-scope-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ai-lab-page .lab-scope-line span,.ai-lab-page .status-pill{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(9,105,111,.24);border-radius:999px;background:rgba(255,255,255,.48);color:#28535a;font-size:.72rem;font-weight:800}
.ai-lab-page .lab-dashboard{padding:0 40px 40px}
.ai-lab-page .lab-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:0 0 18px}
.ai-lab-page .metric{padding:16px;border:1px solid rgba(255,255,255,.68);border-radius:15px;background:rgba(246,251,251,.52);box-shadow:inset 0 1px rgba(255,255,255,.72)}
.ai-lab-page .metric strong{display:block;color:#123a42;font-size:1.55rem;line-height:1}
.ai-lab-page .metric span{display:block;margin-top:6px;color:#557077;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ai-lab-page .dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.ai-lab-page .glass-card{padding:20px;border:1px solid rgba(255,255,255,.7);border-radius:17px;background:rgba(249,252,252,.58);box-shadow:0 10px 30px rgba(13,55,62,.08),inset 0 1px rgba(255,255,255,.78);backdrop-filter:blur(15px)}
.ai-lab-page .glass-card h2{margin:0 0 6px;color:#183a42;font-family:"Segoe UI",Helvetica,Arial,sans-serif;font-size:1.28rem;line-height:1.18}
.ai-lab-page .glass-card h3{margin:0 0 6px;color:#1b4149;font-size:.98rem}
.ai-lab-page .glass-card p{margin:0;color:#506a71;font-size:.88rem;line-height:1.5}
.ai-lab-page .watch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.ai-lab-page .watch-list span{padding:10px 11px;border-radius:10px;background:rgba(255,255,255,.48);color:#34565d;font-size:.78rem;font-weight:750}
.ai-lab-page .signal-stack{display:grid;gap:9px;margin-top:14px}
.ai-lab-page .signal{padding:12px;border-left:3px solid #128a8f;border-radius:9px;background:rgba(255,255,255,.48)}
.ai-lab-page .signal small{display:block;margin-bottom:4px;color:#0b777c;font-weight:850;letter-spacing:.06em}
.ai-lab-page .research-list{margin:11px 0 0;padding:0;list-style:none}
.ai-lab-page .research-list li{padding:10px 0;border-bottom:1px solid rgba(42,93,99,.14);color:#405f66;font-size:.84rem;line-height:1.4}
.ai-lab-page .research-list li:last-child{border:0}
.ai-lab-page .instrument-card{position:relative;overflow:hidden;margin-top:14px;padding:23px;border:1px solid rgba(8,117,123,.24);border-radius:18px;background:linear-gradient(135deg,rgba(7,61,70,.86),rgba(12,101,105,.68));color:#fff}
.ai-lab-page .instrument-card:after{content:"SOURCE  →  OBSERVATION  →  EVIDENCE  →  REVIEW  →  IMPACT";position:absolute;right:-28px;bottom:14px;color:rgba(255,255,255,.14);font-size:.7rem;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.ai-lab-page .instrument-card .kicker{color:#8ed7d9}.ai-lab-page .instrument-card h2{margin:0 0 8px;color:#fff;font-size:1.55rem}.ai-lab-page .instrument-card p{max-width:800px;color:#d8e8e9}.ai-lab-page .instrument-card a{display:inline-flex;margin-top:14px;color:#fff;font-size:.82rem;font-weight:850;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
.ai-lab-page .principle{margin-top:13px;color:#c8a75c;font-size:.74rem;font-weight:900;letter-spacing:.1em}
.ai-lab-page .research-note{padding:18px 0;background:#edf3f4;border-top:1px solid #d7e2e4}.ai-lab-page .research-note p{max-width:980px;margin:0;color:#566b72;font-size:.78rem;line-height:1.45}
.ai-lab-page .lab-closing{text-align:center;padding:28px 0;background:#0b2029;color:#fff}.ai-lab-page .lab-closing strong{display:block;font-size:.92rem;letter-spacing:.055em}.ai-lab-page .lab-closing span{display:block;margin-top:6px;color:#87cfd1;font-size:.8rem;font-weight:700}
@media(max-width:850px){.ai-lab-page .lab-metrics{grid-template-columns:repeat(2,1fr)}.ai-lab-page .dashboard-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ai-lab-page .glass-stage{padding:24px 0 34px}.ai-lab-page .glass-shell{border-radius:18px}.ai-lab-page .lab-hero,.ai-lab-page .lab-dashboard{padding-left:20px;padding-right:20px}.ai-lab-page .lab-dashboard{padding-bottom:22px}.ai-lab-page .watch-list{grid-template-columns:1fr}.ai-lab-page .lab-hero h1{font-size:clamp(2rem,10vw,2.6rem)}}

/* v0.5 approved photographic lab background */
.ai-lab-page .glass-stage{
  background:#416b72 url("/assets/soubel-ai-lab-glass-background.png") center center / cover no-repeat;
}
.ai-lab-page .glass-stage:before{
  inset:0;
  background:linear-gradient(180deg,rgba(9,42,51,.08),rgba(12,53,61,.16));
  filter:none;
  transform:none;
}
.ai-lab-page .glass-stage:after{
  background:linear-gradient(108deg,rgba(255,255,255,.20),transparent 24%,rgba(255,255,255,.08) 48%,transparent 70%,rgba(255,255,255,.13));
  backdrop-filter:blur(2px) saturate(.88);
}

/* v0.6 clarity correction: source image supplies its own blur; do not blur it again */
.ai-lab-page .glass-stage:after{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(108deg,rgba(255,255,255,.08),transparent 24%,rgba(255,255,255,.035) 48%,transparent 70%,rgba(255,255,255,.05))}
.ai-lab-page .glass-shell{background:linear-gradient(118deg,rgba(225,242,243,.10),rgba(207,230,232,.045));backdrop-filter:none;-webkit-backdrop-filter:none}
.ai-lab-page .lab-hero{background:linear-gradient(105deg,rgba(246,252,252,.07),rgba(235,247,247,.018) 72%)}
.ai-lab-page .metric,.ai-lab-page .glass-card{background:rgba(232,246,247,.18);backdrop-filter:none;-webkit-backdrop-filter:none}

/* v0.7 background composition: reduce cover-style enlargement and preserve source detail */
.ai-lab-page .glass-stage{
  background-size:100% auto;
  background-position:center top;
  background-repeat:repeat-y;
}

/* v0.8 readability pass: preserve approved image treatment; improve content and navigation contrast */
.ai-lab-page .glass-shell{
  background:linear-gradient(118deg,rgba(226,242,243,.38),rgba(210,232,234,.28));
}
.ai-lab-page .lab-hero{
  background:linear-gradient(105deg,rgba(245,251,251,.30),rgba(232,245,246,.18) 72%);
}
.ai-lab-page .metric,
.ai-lab-page .glass-card{
  background:rgba(235,247,248,.46);
}
.ai-lab-page .hero-lead,
.ai-lab-page .glass-card p,
.ai-lab-page .research-list li,
.ai-lab-page .metric span{
  color:#294a52;
}
.ai-lab-page .site-header{
  background:rgba(7,28,36,.88);
}
.ai-lab-page .desktop-nav > a,
.ai-lab-page .desktop-nav .dropbtn{
  color:#f4f8f8;
}
.ai-lab-page .desktop-nav > a:hover,
.ai-lab-page .desktop-nav .dropbtn:hover{
  color:#9edbdd;
}

/* v0.9 AI Capital Conditions compact indicator treatment */
.ai-lab-page .capital-indicators{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.ai-lab-page .capital-indicators span{display:inline-flex;padding:7px 9px;border:1px solid rgba(9,105,111,.18);border-radius:999px;background:rgba(255,255,255,.46);color:#28535a;font-size:.72rem;line-height:1.15;font-weight:800}
.ai-lab-page .capital-card .principle{margin-top:15px}

/* v0.10 strengthen Lab identity hierarchy */
.ai-lab-page .lab-hero .eyebrow{margin-bottom:14px;color:#006f76;font-size:clamp(.95rem,1.35vw,1.18rem);line-height:1.15;letter-spacing:.13em;font-weight:900}

/* v0.11 special-page title hierarchy: Lab name is the title, not an eyebrow */
.ai-lab-page .lab-title-block{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid rgba(9,105,111,.24)}
.ai-lab-page .lab-title-block h1{max-width:none;margin:0;color:#0b333c;font-size:clamp(2.45rem,4.25vw,4rem);font-weight:750;line-height:1.02;letter-spacing:-.035em}
.ai-lab-page .lab-title-block .lab-positioning{margin:10px 0 0;color:#087d82;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.2;font-weight:800;letter-spacing:.015em}

/* v0.12 keep primary Lab title on one line at desktop widths */
@media(min-width:900px){.ai-lab-page .lab-title-block h1{font-size:clamp(2.35rem,3.65vw,3.45rem);white-space:nowrap}}

/* v0.13 definitive desktop title fit */
@media(min-width:900px){
 .ai-lab-page .lab-hero{padding-left:28px;padding-right:28px}
 .ai-lab-page .lab-title-block h1{max-width:none!important;width:100%;font-size:clamp(2.2rem,3.25vw,3.1rem)!important;letter-spacing:-.045em;white-space:nowrap!important}
}

/* v0.14 let hero lead use the available desktop width */
@media(min-width:900px){
 .ai-lab-page .hero-lead{max-width:none;width:100%}
}

/* v0.15 improve capital evidence-label contrast */
.ai-lab-page .capital-card .principle{color:#0b5961}

/* v0.16 improve Lab overview readability without adding another card */
.ai-lab-page .lab-overview{margin-top:4px;max-width:none}
.ai-lab-page .lab-overview p{margin:0;color:#123943;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.62;font-weight:500}
.ai-lab-page .lab-overview p+p{margin-top:18px}

/* v0.17 add complementary heading contrast across dashboard cards */
.ai-lab-page .dashboard-grid .glass-card h2{color:#174b3a}

/* v0.18 make dashboard headline accent visibly distinct */
.ai-lab-page .dashboard-grid .glass-card h2{color:#6A2E3B}

/* v0.19 hero copy scrim: improve readability without adding another card */
.ai-lab-page .lab-hero{position:relative;isolation:isolate;overflow:hidden}
.ai-lab-page .lab-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(238,248,249,.74) 0%,rgba(233,246,247,.64) 43%,rgba(230,244,246,.44) 72%,rgba(230,244,246,.16) 100%)}
.ai-lab-page .lab-title-block h1{color:#082f38;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.ai-lab-page .lab-overview p{color:#0d3139;font-weight:550;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.ai-lab-page .instrument-status{display:inline-block;margin-top:14px;color:#f4fbfb;font-size:.82rem;font-weight:850;border-bottom:1px solid rgba(255,255,255,.38);cursor:default}

/* v0.20 separate hero scrim from metric row */
.ai-lab-page .lab-dashboard{padding-top:26px}