/*
 * BAOI 5.3.35.7 — Runtime Module Page Intent Convergence
 * Exact-route scope: 32 application pages + 19 hub/topic landing pages.
 */

body.baoi-runtime-v5357{
  --baoi-5357-bg:#07111f;
  --baoi-5357-panel:#0d192a;
  --baoi-5357-panel-2:#101f33;
  --baoi-5357-line:rgba(126,177,214,.22);
  --baoi-5357-line-strong:rgba(83,216,255,.38);
  --baoi-5357-text:#f4f8fc;
  --baoi-5357-muted:#a6b9ca;
  --baoi-5357-cyan:#53d8ff;
  --baoi-5357-radius:18px;
  background:var(--baoi-5357-bg);
}

/* Shared outer shell: historical shortcode output remains the owner. */
body.baoi-runtime-v5357 .site-main{
  width:min(100%,1440px)!important;
  max-width:1440px!important;
  margin-inline:auto!important;
}
body.baoi-runtime-v5357 .entry-content{
  margin-top:0!important;
}

/* -----------------------------------------------------------
 * Application intent — dense, product-like workspace
 * ----------------------------------------------------------- */
body.baoi-runtime-application-v5357 :where(
  .boai-tool-app,.boai-cyber,.boai-dx,.boai-infra-app,.boai-builder-app,
  .boai-life,.boai-favorites-app,.boai-pra-app,.boai-quiz-app,
  .boai-support-center,.boai-calc-app,.boai-cc-shell
){
  width:min(100%,1360px)!important;
  max-width:1360px!important;
  margin-inline:auto!important;
  color:var(--baoi-5357-text);
}

/* Application heroes use one compact hierarchy without replacing markup. */
body.baoi-runtime-application-v5357 :where(
  .boai-tool-hero,.boai-cyber__hero,.boai-dx__hero,.boai-infra-hero,
  .boai-builder-hero,.boai-life-hero,.boai-favorites-hero,.boai-pra-hero,
  .boai-quiz-hero,.boai-support-hero,.boai-calc-hero,.boai-cc-heading
){
  margin:0 0 18px!important;
  padding:clamp(20px,2.7vw,30px)!important;
  border:1px solid var(--baoi-5357-line)!important;
  border-radius:var(--baoi-5357-radius)!important;
  background:
    radial-gradient(circle at 92% 6%,rgba(83,216,255,.075),transparent 34%),
    linear-gradient(145deg,#101e32,#0a1525)!important;
  box-shadow:none!important;
}

body.baoi-runtime-application-v5357 :where(
  .boai-tool-hero,.boai-cyber__hero,.boai-dx__hero,.boai-infra-hero,
  .boai-builder-hero,.boai-life-hero,.boai-favorites-hero,.boai-pra-hero,
  .boai-quiz-hero,.boai-support-hero,.boai-calc-hero,.boai-cc-heading
) :where(h1,h2){
  color:var(--baoi-5357-text)!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
  text-wrap:balance;
}

body.baoi-runtime-application-v5357 :where(
  .boai-tool-kicker,.boai-cyber__eyebrow,.boai-dx__eyebrow,.boai-infra-kicker,
  .boai-builder-kicker,.boai-favorites-kicker,.boai-pra-kicker,
  .boai-quiz-kicker,.boai-support-kicker,.boai-calc-kicker,.boai-cc-kicker
){
  color:var(--baoi-5357-cyan)!important;
}

/* Common panels/cards across the 25 historical shortcode owners. */
body.baoi-runtime-application-v5357 :where(
  .boai-box,.boai-cyber__panel,.boai-dx__panel,.boai-dx__decision,
  .boai-infra-panel,.boai-tool-panel,.boai-builder-panel,.boai-life-box,
  .boai-fav-panel,.boai-pra-panel,.boai-quiz-card,.boai-question-box,
  .boai-support-card,.boai-calc-card,.boai-cc-form,.boai-result,
  .boai-output-panel
){
  border:1px solid var(--baoi-5357-line)!important;
  border-radius:14px!important;
  background:var(--baoi-5357-panel)!important;
  box-shadow:none!important;
}

body.baoi-runtime-application-v5357 :where(
  input[type=text],input[type=email],input[type=url],input[type=search],
  input[type=number],input[type=password],select,textarea
){
  border:1px solid var(--baoi-5357-line)!important;
  border-radius:10px!important;
  background:#081522!important;
  color:var(--baoi-5357-text)!important;
  box-shadow:none!important;
}
body.baoi-runtime-application-v5357 :where(
  input[type=text],input[type=email],input[type=url],input[type=search],
  input[type=number],input[type=password],select,textarea
):focus{
  border-color:var(--baoi-5357-cyan)!important;
  box-shadow:0 0 0 3px rgba(83,216,255,.12)!important;
}

body.baoi-runtime-application-v5357 :where(
  button,.button,.boai-btn,.boai-primary,.boai-generate,.boai-cc-submit,
  .boai-support-pay,.boai-action
){
  border-radius:10px!important;
}

/* Tables/output containers remain horizontal-scroll safe. */
body.baoi-runtime-application-v5357 :where(
  .boai-infra-table,.boai-life-table,.boai-pra-table,.boai-table-wrap,
  .boai-output-panel pre,.boai-result pre
){
  max-width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* -----------------------------------------------------------
 * Hub / topic landing intent — discovery-focused surfaces
 * ----------------------------------------------------------- */
body.baoi-runtime-hub-v5357 .site-main{
  width:min(100%,1360px)!important;
  max-width:1360px!important;
}

body.baoi-runtime-hub-v5357 :where(
  .boai-hub,.boai-guides-app,.boai-pannes-app,.boai-ports-directory,
  .boai-tp,.boai-library,.boai-software-app,.boai-memo-app,.boai-modeles
){
  width:100%!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  color:var(--baoi-5357-text);
}

body.baoi-runtime-hub-v5357 :where(
  .boai-hub-hero,.boai-guides-hero,.boai-pannes-hero,.boai-port-hero,
  .boai-tp-hero,.boai-library-hero,.boai-sw-hero,.boai-memo-hero,
  .boai-modeles__hero
){
  margin:0 0 18px!important;
  padding:clamp(20px,2.8vw,30px)!important;
  border:1px solid var(--baoi-5357-line)!important;
  border-radius:var(--baoi-5357-radius)!important;
  background:
    radial-gradient(circle at 90% 6%,rgba(83,216,255,.075),transparent 34%),
    linear-gradient(145deg,#101e32,#0a1525)!important;
  box-shadow:none!important;
}

body.baoi-runtime-hub-v5357 :where(
  .boai-hub-hero,.boai-guides-hero,.boai-pannes-hero,.boai-port-hero,
  .boai-tp-hero,.boai-library-hero,.boai-sw-hero,.boai-memo-hero,
  .boai-modeles__hero
) h1{
  margin:.2em 0 .35em!important;
  color:var(--baoi-5357-text)!important;
  font-size:clamp(2rem,3.7vw,3rem)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

body.baoi-runtime-hub-v5357 :where(
  .boai-hub-kicker,.boai-guides-kicker,.boai-pannes-kicker,.boai-kicker,
  .boai-library-kicker,.boai-sw-kicker,.boai-memo-kicker,
  .boai-modeles__eyebrow
){
  color:var(--baoi-5357-cyan)!important;
}

/* Discovery cards — keep owner-specific data/JS, normalize chrome only. */
body.baoi-runtime-hub-v5357 :where(
  .boai-hub-card,.boai-guide-card,.boai-panne-card,.boai-port-card,
  .boai-tp-resource,.boai-tp-module,.boai-tp-tech,.boai-library-card,
  .boai-sw-card,.boai-memo-card,.boai-model-card
){
  border:1px solid var(--baoi-5357-line)!important;
  border-radius:14px!important;
  background:var(--baoi-5357-panel)!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}

body.baoi-runtime-hub-v5357 :where(
  .boai-hub-card,.boai-guide-card,.boai-panne-card,.boai-port-card,
  .boai-tp-resource,.boai-tp-module,.boai-tp-tech,.boai-library-card,
  .boai-sw-card,.boai-memo-card,.boai-model-card
):hover{
  border-color:var(--baoi-5357-line-strong)!important;
  background:var(--baoi-5357-panel-2)!important;
  transform:translateY(-1px);
}

/* Search / filters share one compact control language. */
body.baoi-runtime-hub-v5357 :where(
  .boai-hub-search,.boai-guides-filter,.boai-pannes-filters,
  .boai-port-searchbar,.boai-library-toolbar,.boai-memo-filters
){
  gap:10px!important;
  margin-block:14px 18px!important;
}
body.baoi-runtime-hub-v5357 :where(
  input[type=search],input[type=text],select,textarea
){
  border:1px solid var(--baoi-5357-line)!important;
  border-radius:10px!important;
  background:#081522!important;
  color:var(--baoi-5357-text)!important;
  box-shadow:none!important;
}
body.baoi-runtime-hub-v5357 :where(
  input[type=search],input[type=text],select,textarea
):focus{
  border-color:var(--baoi-5357-cyan)!important;
  box-shadow:0 0 0 3px rgba(83,216,255,.12)!important;
}

/* Shared keyboard focus. */
body.baoi-runtime-v5357 :where(a,button,input,select,textarea):focus-visible{
  outline:2px solid var(--baoi-5357-cyan)!important;
  outline-offset:2px!important;
}

@media(max-width:782px){
  body.baoi-runtime-v5357 .site-main{
    max-width:100%!important;
  }

  body.baoi-runtime-application-v5357 :where(
    .boai-tool-hero,.boai-cyber__hero,.boai-dx__hero,.boai-infra-hero,
    .boai-builder-hero,.boai-life-hero,.boai-favorites-hero,.boai-pra-hero,
    .boai-quiz-hero,.boai-support-hero,.boai-calc-hero,.boai-cc-heading
  ),
  body.baoi-runtime-hub-v5357 :where(
    .boai-hub-hero,.boai-guides-hero,.boai-pannes-hero,.boai-port-hero,
    .boai-tp-hero,.boai-library-hero,.boai-sw-hero,.boai-memo-hero,
    .boai-modeles__hero
  ){
    padding:18px 15px!important;
    border-radius:15px!important;
  }

  body.baoi-runtime-application-v5357 :where(
    .boai-grid,.boai-grid-3,.boai-fields,.boai-infra-metrics,.boai-life-metrics,
    .boai-pra-grid,.boai-pra-grid-3,.boai-support-grid,.boai-calc-grid
  ),
  body.baoi-runtime-hub-v5357 :where(
    .boai-hub-grid,.boai-guides-grid,.boai-pannes-grid,.boai-tp-tech-grid,
    .boai-tp-resource-grid,.boai-tp-module-grid,.boai-library-grid,
    .boai-memo-grid,.boai-modeles__catalogue
  ){
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.baoi-runtime-v5357 *{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}