/*
 * BAOI 5.3.35.7.1 — Runtime Mobile Readability & Problem Filter Closure
 * Exact-route scope only.
 */
body.baoi-v53571{
  --baoi-53571-panel:#0d1829;
  --baoi-53571-panel-2:#101f33;
  --baoi-53571-line:rgba(126,177,214,.22);
  --baoi-53571-accent:#53d8ff;
  --baoi-53571-muted:#a8bace;
}
body.baoi-v53571 :where(.boai-tp-hero,.boai-infra-hero,.boai-pannes-hero){
  box-shadow:none!important;
}
body.baoi-v53571 :where(.boai-tp-tech,.boai-infra-project,.boai-infra-panel,.boai-infra-export,.boai-infra-local,.boai-pannes-entrypoints a,.boai-panne-card){
  box-shadow:none!important;
}

/* Technologies hub */
body.baoi-v53571-technology-hub .boai-tp{max-width:1280px!important;padding-top:20px!important}
body.baoi-v53571-technology-hub .boai-tp-hero{padding:30px!important;margin-bottom:16px!important}
body.baoi-v53571-technology-hub .boai-tp-hero h1{font-size:clamp(2rem,5.5vw,3.5rem)!important;line-height:1.06!important;max-width:12ch}
body.baoi-v53571-technology-hub .boai-tp-hero>p{max-width:760px!important;font-size:1rem!important;line-height:1.6!important}
body.baoi-v53571-technology-hub .boai-tp-tech-grid{gap:14px!important}
body.baoi-v53571-technology-hub .boai-tp-tech{min-height:0!important;padding:20px!important;border-radius:18px!important;background:linear-gradient(180deg,#0d1829,#0a1524)!important}
body.baoi-v53571-technology-hub .boai-tp-tech>strong{font-size:1.35rem!important;line-height:1.14!important}
body.baoi-v53571-technology-hub .boai-tp-tech>p{font-size:.93rem!important;line-height:1.6!important;margin:10px 0 12px!important}
body.baoi-v53571-technology-hub .boai-tp-tech>div{gap:6px!important;margin-bottom:14px!important}
body.baoi-v53571-technology-hub .boai-tp-tech em{padding:5px 8px!important;font-size:.68rem!important}
body.baoi-v53571-technology-hub .boai-tp-tech>b{font-size:1rem!important}

/* Documentation infra */
body.baoi-v53571-documentation-infrastructure .boai-infra-app{max-width:1280px!important;padding-top:20px!important}
body.baoi-v53571-documentation-infrastructure .boai-infra-hero{padding:30px!important;margin-bottom:18px!important}
body.baoi-v53571-documentation-infrastructure .boai-infra-hero h1{font-size:clamp(2rem,5.4vw,3.3rem)!important;line-height:1.05!important;max-width:12ch}
body.baoi-v53571-documentation-infrastructure .boai-infra-hero p{font-size:1rem!important;line-height:1.6!important;max-width:780px!important}
body.baoi-v53571-documentation-infrastructure .boai-infra-security{padding:13px 14px!important;border-radius:14px!important;line-height:1.55!important}
body.baoi-v53571-documentation-infrastructure :where(.boai-infra-project,.boai-infra-export,.boai-infra-local,.boai-infra-panel){padding:20px!important;border-radius:18px!important}
body.baoi-v53571-documentation-infrastructure .boai-project-grid{gap:14px!important}
body.baoi-v53571-documentation-infrastructure .boai-project-grid label{gap:8px!important;font-size:.86rem!important}
body.baoi-v53571-documentation-infrastructure :where(.boai-project-grid input,.boai-infra-table input,.boai-infra-table select){min-height:46px!important;padding:11px 12px!important}
body.baoi-v53571-documentation-infrastructure .boai-infra-tabs{gap:10px!important;flex-wrap:wrap!important;overflow:visible!important}
body.baoi-v53571-documentation-infrastructure .boai-infra-tabs button{padding:10px 14px!important}
body.baoi-v53571-documentation-infrastructure .boai-panel-head p,.boai-summary-header p,.boai-infra-export p,.boai-infra-local p{line-height:1.55!important}
body.baoi-v53571-documentation-infrastructure .boai-table-wrap{margin-top:14px!important;border-radius:15px!important}

/* Pannes hub */
body.baoi-v53571-problem-hub .boai-pannes-app{padding-top:18px!important}
body.baoi-v53571-problem-hub .boai-pannes-hero{padding:30px!important;margin-bottom:18px!important}
body.baoi-v53571-problem-hub .boai-pannes-hero h1{font-size:clamp(2rem,5.6vw,3.35rem)!important;line-height:1.07!important;max-width:12ch}
body.baoi-v53571-problem-hub .boai-pannes-hero p{font-size:1rem!important;line-height:1.6!important}
body.baoi-v53571-problem-hub .boai-pannes-stat{margin:10px 0 10px!important;padding:8px 12px!important}
body.baoi-v53571-problem-hub #boai-pannes-search{min-height:48px!important;padding:13px 15px!important}
body.baoi-v53571-problem-hub .boai-pannes-entrypoints{gap:14px!important;margin:0 0 18px!important}
body.baoi-v53571-problem-hub .boai-pannes-entrypoints a{padding:18px!important;border-radius:18px!important}
body.baoi-v53571-problem-hub .boai-pannes-filters-wrap{display:grid;gap:10px;margin:0 0 20px}
body.baoi-v53571-problem-hub .boai-pannes-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;padding:10px 14px;border-radius:999px;border:1px solid var(--baoi-53571-line);background:#101a2c;color:#d8e8f7;font-weight:850;cursor:pointer}
body.baoi-v53571-problem-hub .boai-pannes-filter-toggle::before{content:'▾';font-size:.9em;color:var(--baoi-53571-accent)}
body.baoi-v53571-problem-hub .boai-pannes-filters-wrap.is-collapsed .boai-pannes-filter-toggle::before{content:'▸'}
body.baoi-v53571-problem-hub .boai-pannes-filters{margin:0!important;transition:opacity .16s ease,max-height .16s ease}
body.baoi-v53571-problem-hub .boai-pannes-filters-wrap.is-collapsed .boai-pannes-filters{display:none!important}
body.baoi-v53571-problem-hub .boai-pannes-filters button{padding:9px 12px!important}
body.baoi-v53571-problem-hub .boai-pannes-grid{gap:16px!important}
body.baoi-v53571-problem-hub .boai-panne-card{padding:20px!important;min-height:0!important;border-radius:18px!important}
body.baoi-v53571-problem-hub .boai-panne-card h2{font-size:1.12rem!important;line-height:1.35!important}
body.baoi-v53571-problem-hub .boai-panne-card p{font-size:.94rem!important;line-height:1.55!important}
body.baoi-v53571-problem-hub .boai-panne-footer{padding-top:16px!important}

@media(max-width:820px){
  body.baoi-v53571-technology-hub .boai-tp-tech-grid{grid-template-columns:1fr!important}
  body.baoi-v53571-problem-hub .boai-pannes-grid{grid-template-columns:1fr!important}
}

@media(max-width:620px){
  body.baoi-v53571-technology-hub .boai-tp{padding-inline:16px!important;padding-top:16px!important}
  body.baoi-v53571-technology-hub .boai-tp-hero{padding:22px 18px!important;border-radius:18px!important}
  body.baoi-v53571-technology-hub .boai-tp-hero>span{display:block;margin-bottom:8px!important}
  body.baoi-v53571-technology-hub .boai-tp-tech{padding:18px!important}
  body.baoi-v53571-technology-hub .boai-tp-tech>p{font-size:.95rem!important}

  body.baoi-v53571-documentation-infrastructure .boai-infra-app{padding-inline:16px!important;padding-top:16px!important}
  body.baoi-v53571-documentation-infrastructure .boai-infra-hero{padding:22px 18px!important;border-radius:18px!important}
  body.baoi-v53571-documentation-infrastructure :where(.boai-infra-project,.boai-infra-export,.boai-infra-local,.boai-infra-panel){padding:16px!important;border-radius:16px!important}
  body.baoi-v53571-documentation-infrastructure .boai-infra-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}
  body.baoi-v53571-documentation-infrastructure .boai-infra-tabs button{width:100%!important;text-align:center!important}
  body.baoi-v53571-documentation-infrastructure .boai-table-wrap{margin-inline:-2px}

  body.baoi-v53571-problem-hub .boai-pannes-app{padding-inline:16px!important;padding-top:16px!important}
  body.baoi-v53571-problem-hub .boai-pannes-hero{padding:22px 18px!important;border-radius:18px!important}
  body.baoi-v53571-problem-hub .boai-pannes-entrypoints a{padding:15px!important}
  body.baoi-v53571-problem-hub .boai-pannes-filter-toggle{width:100%;justify-content:center}
  body.baoi-v53571-problem-hub .boai-pannes-filters{gap:8px!important}
}
