/* Practical guide additions inherit the editorial rhythm of the existing guides.
   Keep these styles scoped; no other marketing or booking pages are affected. */
body.bba-practical-guide .pseo-guide-main { min-width: 0; }
body.bba-practical-guide main section.guide-example {
  margin: 32px 0 0;
  padding: 28px 0 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--bba-border);
  border-radius: 0;
  box-shadow: none;
}
body.bba-practical-guide main .guide-example h2 {
  margin: 0 0 12px;
  font-size: clamp(22px, 2.3vw, 26px);
  line-height: 1.32;
  letter-spacing: -.4px;
}
body.bba-practical-guide main .guide-example h3 {
  font-size: 18px;
  line-height: 1.4;
}
body.bba-practical-guide main .guide-example p {
  margin: 12px 0 0;
  line-height: 1.7;
}
body.bba-practical-guide main .guide-example .pseo-guide-steps {
  margin-top: 20px;
  gap: 16px;
}
body.bba-practical-guide main .guide-example .pseo-guide-steps article {
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  padding-bottom: 18px;
}
body.bba-practical-guide main .guide-example .pseo-guide-steps article > span {
  width: auto;
  height: auto;
  background: transparent;
  border-radius: 0;
  color: var(--bba-purple);
  font-size: 14px;
  font-weight: 650;
}
body.bba-practical-guide main .guide-example .pseo-guide-steps article p { margin-top: 8px; }
body.bba-practical-guide main :is(.guide-message, .guide-calculation) {
  margin-top: 16px;
  padding: 16px 18px;
  border-left: 3px solid var(--bba-purple);
  border-radius: 0 10px 10px 0;
  background: var(--bba-tint);
  color: var(--bba-ink);
  overflow-wrap: anywhere;
  font-size: inherit;
  line-height: 1.65;
  font-weight: 400;
}
body.bba-practical-guide main .guide-calculation { font-weight: 550; }
body.bba-practical-guide main section.pseo-guide-main > .pseo-guide-checklist { margin-top: 32px; }
body.bba-practical-guide main .pseo-guide-main > .pseo-guide-checklist { margin-top: 32px; }
body.bba-practical-guide main .guide-policy-table {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
}
body.bba-practical-guide main .guide-policy-table caption {
  padding: 12px 16px;
  color: var(--bba-ink);
  font-weight: 650;
  text-align: left;
}
body.bba-practical-guide main .guide-policy-table :is(th, td) {
  padding: 14px;
  overflow-wrap: anywhere;
}
body.bba-practical-guide main .guide-policy-table tbody th { width: 28%; }
@media (max-width: 600px) {
  body.bba-practical-guide main section.guide-example {
    margin-top: 28px;
    padding: 24px 0 0;
  }
  body.bba-practical-guide main .guide-example h2 {
    font-size: 23px;
    line-height: 1.32;
  }
  body.bba-practical-guide main .guide-example h3 { font-size: 18px; }
  body.bba-practical-guide main :is(.guide-message, .guide-calculation) {
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.65;
  }
  /* Present scenarios as compact editorial blocks, not a continuous faux table. */
  body.bba-practical-guide main .pseo-guide-table-wrap {
    margin-top: 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }
  body.bba-practical-guide main .guide-policy-table,
  body.bba-practical-guide main .guide-policy-table tbody {
    display: block;
    width: 100%;
  }
  body.bba-practical-guide main .guide-policy-table caption {
    display: block;
    padding: 0 0 12px;
    font-size: 14px;
  }
  body.bba-practical-guide main .guide-policy-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
  }
  body.bba-practical-guide main .guide-policy-table tr {
    display: block;
    padding: 16px 0;
    border-top: 1px solid var(--bba-border);
  }
  body.bba-practical-guide main .guide-policy-table tbody th {
    display: block;
    width: 100%;
    padding: 0 0 8px;
    background: transparent;
    color: var(--bba-ink);
    font-size: 17px;
    line-height: 1.4;
    border: 0;
  }
  body.bba-practical-guide main .guide-policy-table td {
    display: block;
    padding: 7px 0;
    border: 0;
    color: var(--bba-muted);
    font-size: 15px;
    line-height: 1.6;
  }
  body.bba-practical-guide main .guide-policy-table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 3px;
    color: var(--bba-purple);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
  }
}