/*
 * BAOI 5.3.35.2 — Reading Family Visual Convergence
 * Exact-route scoped to 3,405 non-tool reading pages measured by 5.3.35.0.
 * The visual contract improves measure, rhythm and evidence surfaces while
 * preserving every page-family renderer and the sealed tool programme.
 */

body.baoi-reading-v5352{
  --baoi-r5352-bg:#07111f;
  --baoi-r5352-panel:#0d192a;
  --baoi-r5352-panel-2:#101f33;
  --baoi-r5352-line:rgba(126,177,214,.22);
  --baoi-r5352-line-strong:rgba(83,216,255,.36);
  --baoi-r5352-text:#f4f8fc;
  --baoi-r5352-muted:#a6b8ca;
  --baoi-r5352-cyan:#53d8ff;
  --baoi-r5352-blue:#6ea8ff;
  --baoi-r5352-good:#54e6a4;
  --baoi-r5352-warn:#ffd166;
  --baoi-r5352-danger:#ff8b98;
  --baoi-r5352-radius:16px;
  background:var(--baoi-r5352-bg);
  color:var(--baoi-r5352-text);
}

/* Reading shell: intentionally narrower than hubs/applications. */
body.baoi-reading-v5352 .site-main{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
body.baoi-reading-v5352 :where(.entry-header,.page-header){
  max-width:980px;
  margin:0 auto clamp(18px,2.4vw,30px)!important;
}
body.baoi-reading-v5352 :where(.entry-title,h1){
  color:var(--baoi-r5352-text);
  font-size:clamp(2rem,4.2vw,3.35rem)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
body.baoi-reading-v5352 .entry-content{
  margin-top:0!important;
  color:var(--baoi-r5352-text);
}

/* Prose measure stays readable while structured/evidence blocks may use full width. */
body.baoi-reading-v5352 .entry-content > :where(
  p,ul,ol,h2,h3,h4,blockquote,.wp-block-quote,.wp-block-list
){
  max-width:82ch;
  margin-left:auto;
  margin-right:auto;
}
body.baoi-reading-v5352 .entry-content > p{
  color:#c4d1df;
  font-size:1.02rem;
  line-height:1.76;
}
body.baoi-reading-v5352 .entry-content > :where(ul,ol){
  color:#c8d4e1;
  line-height:1.68;
}
body.baoi-reading-v5352 .entry-content :where(h2,h3,h4){
  color:var(--baoi-r5352-text);
  text-wrap:balance;
  scroll-margin-top:110px;
}
body.baoi-reading-v5352 .entry-content h2{
  margin-top:clamp(34px,5vw,58px)!important;
  margin-bottom:14px!important;
  font-size:clamp(1.55rem,2.7vw,2.15rem)!important;
  line-height:1.14!important;
  letter-spacing:-.025em!important;
}
body.baoi-reading-v5352 .entry-content h3{
  margin-top:28px!important;
  margin-bottom:10px!important;
  font-size:clamp(1.2rem,2vw,1.5rem)!important;
  line-height:1.2!important;
}

/* Evidence/code/table language. */
body.baoi-reading-v5352 :where(pre,.wp-block-code,.boai-procedure-code,.boai-event-commands){
  max-width:100%;
  overflow:auto;
  border:1px solid var(--baoi-r5352-line)!important;
  border-radius:14px!important;
  background:#06101c!important;
  box-shadow:none!important;
}
body.baoi-reading-v5352 pre{
  padding:16px 18px!important;
  color:#dceaff!important;
  line-height:1.55!important;
}
body.baoi-reading-v5352 :not(pre) > code{
  border:1px solid rgba(83,216,255,.16);
  border-radius:6px;
  background:rgba(83,216,255,.07);
  color:#b8efff;
  padding:.12em .36em;
}
body.baoi-reading-v5352 :where(.wp-block-table,.boai-comparison-table-wrap,.boai-table-wrap){
  width:100%;
  max-width:100%;
  overflow-x:auto;
  border-radius:14px;
}
body.baoi-reading-v5352 table{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid var(--baoi-r5352-line)!important;
  border-radius:14px!important;
  overflow:hidden;
  background:var(--baoi-r5352-panel)!important;
}
body.baoi-reading-v5352 :where(th,td){
  border-color:var(--baoi-r5352-line)!important;
  padding:11px 13px!important;
  vertical-align:top;
}
body.baoi-reading-v5352 th{
  color:var(--baoi-r5352-text)!important;
  background:rgba(83,216,255,.07)!important;
}
body.baoi-reading-v5352 td{
  color:#c7d5e4!important;
}

/* Quotes, details and generic callouts. */
body.baoi-reading-v5352 :where(blockquote,.wp-block-quote){
  padding:16px 18px!important;
  border:1px solid var(--baoi-r5352-line)!important;
  border-left:3px solid var(--baoi-r5352-cyan)!important;
  border-radius:12px!important;
  background:rgba(83,216,255,.05)!important;
  color:#d0dce9!important;
}
body.baoi-reading-v5352 details{
  border:1px solid var(--baoi-r5352-line)!important;
  border-radius:12px!important;
  background:var(--baoi-r5352-panel)!important;
  padding:0 15px;
}
body.baoi-reading-v5352 details + details{
  margin-top:8px;
}
body.baoi-reading-v5352 summary{
  padding:13px 0;
  color:var(--baoi-r5352-text)!important;
  font-weight:750;
  cursor:pointer;
}

/* Existing BAOI reading-family owners: normalize only the chrome/rhythm. */
body.baoi-reading-v5352 :where(
  .boai-procedure-body,.boai-script-detail,.boai-event-single,
  .boai-comparison-detail,.boai-checklist,.boai-v4932-guide
){
  width:100%;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.baoi-reading-v5352 :where(
  .boai-procedure-step,.boai-procedure-check,.boai-procedure-rollback,
  .boai-procedure-troubleshooting,.boai-procedure-references,
  .boai-v4932-card,.boai-event-note,.boai-comparison-summary,
  .boai-comparison-verdict
){
  border-radius:14px!important;
  box-shadow:none!important;
}

body.baoi-reading-v5352 :where(
  .boai-procedure-step,.boai-v4932-card,.boai-event-note
){
  border-color:var(--baoi-r5352-line)!important;
}

body.baoi-reading-v5352 :where(
  .boai-procedure-callout,.boai-procedure-expected,.boai-procedure-note
){
  border-radius:12px!important;
}

/* Procedures: one dense runbook rhythm. */
body.baoi-reading-family-procedure_single-v5352 .boai-procedure-body{
  display:block;
}
body.baoi-reading-family-procedure_single-v5352 .boai-procedure-steps{
  display:grid;
  gap:12px!important;
}
body.baoi-reading-family-procedure_single-v5352 .boai-procedure-step{
  margin:0!important;
}
body.baoi-reading-family-procedure_single-v5352 .boai-procedure-step-content{
  min-width:0;
}

/* Dictionary entries stay especially compact. */
body.baoi-reading-family-dictionary_single-v5352 .entry-content > p{
  font-size:1rem;
}
body.baoi-reading-family-dictionary_single-v5352 .entry-content h2{
  margin-top:32px!important;
}

/* Error / troubleshooting / Event ID pages: diagnostics should scan quickly. */
body.baoi-reading-v5352.baoi-reading-family-error_single-v5352 :where(.entry-content,.boai-error-single),
body.baoi-reading-v5352.baoi-reading-family-problem_single-v5352 :where(.entry-content,.boai-panne-single),
body.baoi-reading-v5352.baoi-reading-family-event_id_single-v5352 .boai-event-single{
  --baoi-r5352-diagnostic-gap:12px;
}
body.baoi-reading-family-event_id_single-v5352 .boai-event-meta{
  gap:8px!important;
  margin-bottom:14px!important;
}
body.baoi-reading-family-event_id_single-v5352 .boai-event-source,
body.baoi-reading-family-event_id_single-v5352 .boai-event-meaning{
  border-radius:12px!important;
}

/* Comparisons: preserve two-column semantics, improve evidence hierarchy. */
body.baoi-reading-family-comparison_single-v5352 .boai-comparison-detail{
  color:var(--baoi-r5352-text);
}
body.baoi-reading-family-comparison_single-v5352 .boai-comparison-summary,
body.baoi-reading-family-comparison_single-v5352 .boai-comparison-verdict{
  border:1px solid var(--baoi-r5352-line)!important;
  background:var(--baoi-r5352-panel)!important;
}
body.baoi-reading-family-comparison_single-v5352 .boai-comparison-table-wrap{
  margin-top:14px;
}

/* Scripts/memos/checklists: keep operational blocks full width and easy to scan. */
body.baoi-reading-family-script_single-v5352 .boai-script-detail{
  padding-bottom:34px!important;
}
body.baoi-reading-family-memo_single-v5352 .entry-content > :where(pre,.wp-block-code),
body.baoi-reading-family-checklist_single-v5352 .boai-checklist{
  max-width:1120px;
}
body.baoi-reading-family-checklist_single-v5352 .boai-checklist{
  border-color:var(--baoi-r5352-line)!important;
  border-radius:18px!important;
}

/* Common links/focus. */
body.baoi-reading-v5352 .entry-content a{
  text-decoration-thickness:1px;
  text-underline-offset:.17em;
}
body.baoi-reading-v5352 :where(a,button,input,select,textarea):focus-visible{
  outline:2px solid var(--baoi-r5352-cyan)!important;
  outline-offset:3px!important;
}

/* Images/media should never break the reading measure. */
body.baoi-reading-v5352 .entry-content :where(img,video,iframe){
  max-width:100%;
  height:auto;
}
body.baoi-reading-v5352 .entry-content figure{
  max-width:100%;
}

/* Reduce dead air before support/footer without touching their owners. */
body.baoi-reading-v5352 .entry-content{
  padding-bottom:clamp(26px,4vw,48px)!important;
}

@media (max-width: 900px){
  body.baoi-reading-v5352 .site-main{
    max-width:100%!important;
  }
  body.baoi-reading-v5352 :where(.entry-header,.page-header){
    max-width:100%;
  }
}

@media (max-width: 782px){
  body.baoi-reading-v5352{
    --baoi-r5352-radius:14px;
  }
  body.baoi-reading-v5352 :where(.entry-title,h1){
    font-size:clamp(1.9rem,9vw,2.55rem)!important;
  }
  body.baoi-reading-v5352 .entry-content h2{
    margin-top:32px!important;
  }
  body.baoi-reading-v5352 :where(th,td){
    padding:9px 10px!important;
  }
  body.baoi-reading-v5352 pre{
    padding:14px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  body.baoi-reading-v5352 *{
    scroll-behavior:auto!important;
  }
}


/*
 * BAOI 5.3.35.2.1 — Procedure copy-control geometry closure
 *
 * 5.3.35.2 normalised every <pre> with a higher-specificity !important
 * padding rule. That unintentionally overrode the native procedure renderer's
 * reserved space for its absolutely-positioned Copy button. Preserve the
 * procedure owner's desktop/mobile geometry while keeping the common reading
 * surface styling.
 */
body.baoi-reading-v5352.baoi-reading-family-procedure_single-v5352
.boai-procedure-code pre{
  padding:22px 76px 22px 20px!important;
}

@media (max-width:620px){
  body.baoi-reading-v5352.baoi-reading-family-procedure_single-v5352
  .boai-procedure-code pre{
    padding:55px 16px 18px!important;
  }

  body.baoi-reading-v5352.baoi-reading-family-procedure_single-v5352
  .boai-procedure-copy{
    left:10px!important;
    right:auto!important;
    top:10px!important;
    max-width:calc(100% - 20px);
  }
}


/*
 * BAOI 5.3.35.2.2 / Suite 5.3.37.4.4
 * Dictionary Left-Aligned Reading Flow Closure
 *
 * Dictionary section headings and their body copy must share one left reading
 * edge. Neutralize historical/theme grid/auto-centering only for dictionary
 * singles already covered by the reading-family owner.
 */
body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content .boai-definition{
  display:block!important;
  width:100%!important;
  max-width:82ch!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content .boai-definition > :where(
  h2,h3,h4,h5,p,ul,ol,blockquote,
  .baoi-v53743-dictionary-inline
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  grid-column:auto!important;
  justify-self:stretch!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content .boai-definition > :where(ul,ol){
  padding-left:1.35rem!important;
}

body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content .boai-definition .baoi-v53743-dictionary-inline{
  margin-top:.9rem!important;
  margin-bottom:1.35rem!important;
}


/*
 * BAOI 5.3.35.2.3 / Suite 5.3.37.4.8
 * Dictionary Native Prose Alignment — source-owner closure.
 *
 * Root cause: the shared reading rule centered direct entry-content prose with
 * auto side margins. Paragraphs are later constrained to 72ch, so they become
 * visibly narrower than H2 headings and start farther to the right.
 *
 * Keep the readable measure, but anchor dictionary prose to the same left edge
 * as its headings.
 */
body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content > :where(h2,h3,h4){
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content > :where(p,blockquote,.wp-block-quote){
  width:100%!important;
  max-width:72ch!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:left!important;
  text-indent:0!important;
}

body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content > :where(ul,ol,.wp-block-list){
  width:100%!important;
  max-width:72ch!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}

body.baoi-reading-v5352.baoi-reading-family-dictionary_single-v5352
.entry-content > :where(ul,ol){
  padding-left:1.35rem!important;
}