/* Shared compact section introduction and accessible explanatory drawer. */
.kh-section-intro-layout .kh-preview-heading { padding-block: 18px 12px; }
.kh-section-intro-layout .kh-preview-heading .kh-crumbs { margin: 0 0 10px; }
.kh-preview-heading__row { display: flex; align-items: center; justify-content: space-between; gap: 16px 28px; }
.kh-section-intro-layout .kh-preview-heading h1 { margin: 0; color: #0d3068; font: 700 clamp(25px,3vw,32px)/1.2 var(--lra-font-family-serif,Lora,Georgia,serif); }
.kh-section-intro-layout .kh-preview-heading p { margin: 7px 0 0; color: #53677a; font-size: 15px; line-height: 1.5; }
.kh-section-intro-layout .khh2-askband { padding-top: 20px; }
.kh-preview-info-button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 14px; min-height: 44px; padding: 10px 16px; border: 1px solid #c5d4e0; border-radius: 9px; background: #fff; color: #244d73; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.kh-preview-disclosure { border: 1px solid #d4e0e8; border-radius: 10px; background: #f8fafc; color: #244d73; }
.kh-preview-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 46px; padding: 10px 16px; font-size: 14px; font-weight: 600; list-style: none; cursor: pointer; }
.kh-preview-disclosure > summary::-webkit-details-marker { display: none; }
.kh-preview-disclosure > summary > span { font-size: 20px; line-height: 1; transition: transform .16s ease; }
.kh-preview-disclosure[open] > summary { border-bottom: 1px solid #d4e0e8; }
.kh-preview-disclosure[open] > summary > span { transform: rotate(180deg); }
.kh-preview-disclosure .kh-preview-info { padding: 22px; }
.kh-preview-info .kh-shell { width: auto; max-width: none; margin: 0; padding-inline: 0; }
.kh-preview-info .khh2-hero { padding: 0; }
.kh-preview-info .khh2-hero__inner, .kh-preview-info .khw-hero__side { padding-top: 0; }
.kh-preview-info .kh-title { font-size: clamp(23px,2.6vw,30px); line-height: 1.2; margin-top: 12px; }
.kh-preview-info .kh-stand { font-size: 15px; }
.kh-preview-info .khh2-modes { margin-top: 16px; }
.kh-preview-info .khw { margin-top: 22px; }
.kh-preview-drawer { position: fixed; inset: 0 0 0 auto; width: min(680px,100vw); max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; background: #fff; color: #183754; box-shadow: -12px 0 50px rgba(9,32,51,.2); overflow-y: auto; overscroll-behavior: contain; }
.kh-preview-drawer::backdrop { background: rgba(9,32,51,.42); }
.kh-preview-drawer[open] { animation: kh-info-drawer-in .18s ease-out; }
.kh-preview-drawer__head { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 22px; border-bottom: 1px solid #d4e0e8; background: #fff; }
.kh-preview-drawer__head h2 { margin: 0; font-size: 18px; color: #0d3068; }
.kh-preview-drawer__head button { flex: 0 0 44px; height: 44px; border: 1px solid #c5d4e0; border-radius: 50%; background: #f8fafc; color: #244d73; font-size: 26px; cursor: pointer; }
.kh-preview-drawer > .kh-preview-info { padding: 24px; }
.kh-preview-drawer .khw-hero__grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
.kh-preview-drawer .khw__rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
.kh-preview-drawer .khw__cards { grid-template-columns: minmax(0,1fr); }
.kh-preview-drawer .khw__foot { min-height: 36px; padding-inline-end: 0; }
.kh-preview-drawer .khw__cta { position: relative; inset: auto; display: flex; width: fit-content; max-width: calc(100% - 40px); margin: 0 20px 20px; }
.kh-preview-info-button:focus-visible, .kh-preview-disclosure > summary:focus-visible, .kh-preview-drawer__head button:focus-visible { outline: 3px solid #397bb5; outline-offset: 3px; }
@keyframes kh-info-drawer-in { from { transform: translateX(24px); opacity: .5; } to { transform: translateX(0); opacity: 1; } }
@media (max-width: 700px) {
  .kh-preview-heading__row { align-items: flex-start; flex-direction: column; gap: 12px; }
  .kh-preview-info-button { width: 100%; }
  .kh-preview-info .khw-hero__grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .kh-preview-disclosure .kh-preview-info, .kh-preview-drawer > .kh-preview-info { padding: 18px; }
  .kh-preview-drawer { width: 100vw; }
  .kh-preview-info .khw__rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kh-preview-info .khw__cards { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .kh-preview-drawer[open] { animation: none; }
  .kh-preview-disclosure > summary > span { transition: none; }
}
/* Section-specific original hero grids become a readable drawer column. */
.kh-preview-drawer .mnv-hero__grid { grid-template-columns: minmax(0,1fr); }
.kh-preview-drawer .mnv-hero { padding: 0; }
.kh-preview-drawer .mnv-hero .kh-title { font-size: clamp(23px,2.6vw,30px); line-height: 1.2; }
.kh-preview-drawer .mnv-hero__grid { gap: 22px; }