/* Scoped to the six information pages; the homepage keeps its existing layout. */
.compact-page .page-accordion { border-top: 1px solid var(--line); margin: 0 auto; max-width: var(--wrap, 1280px); }
.compact-page .page-accordion > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px max(24px, calc((100% - 1160px) / 2)); cursor: pointer; list-style: none; }
.compact-page .page-accordion > summary::-webkit-details-marker { display: none; }
.compact-page .page-accordion > summary::after { content: '+'; color: var(--muted); font-size: 24px; flex-shrink: 0; }
.compact-page .page-accordion[open] > summary::after { content: '−'; }
.compact-page .page-accordion > summary h2 { margin: 0; font-size: clamp(18px, 2vw, 26px); }
.compact-page .page-accordion > summary:focus-visible { outline: 2px solid var(--lime); outline-offset: -2px; }
.compact-page .page-accordion .accordion-body { padding: 0 24px 24px; }
.compact-page .prose .page-accordion > summary, .compact-page .faq-group > summary, .compact-page .m-card.page-accordion > summary { padding-left: 0; padding-right: 0; }
.compact-page .m-card.page-accordion > summary { padding-top: 0; padding-bottom: 0; }
.compact-page .m-card.page-accordion[open] > summary { padding-bottom: 16px; }
.compact-page .m-card.page-accordion .accordion-body { padding: 0; }
.compact-page .page-accordion > .wrap { padding-bottom: 28px; }
.compact-page .page-accordion .band-bg { display: none; }
.compact-page .page-accordion .band-in { text-align: left; }
.compact-page .faq-group + .faq-group { margin-top: 18px; }
.compact-page :is(.lead, .prose p, .prose li, .answer, .checks li, .m-card p, .faq-item p) { max-width: 70ch; }
@media (min-width: 1100px) {
  .compact-page .page-hero { min-height: 0; padding: calc(var(--hdr) + 24px) 0 28px; }
  .compact-page .page-title { font-size: clamp(34px, 3.4vw, 48px); margin-bottom: 16px; }
  .compact-page .section, .compact-page .m-sec { padding: 36px 0; }
  .compact-page .band { min-height: 0; padding: 36px 0; }
  .compact-page .sec-head { margin-bottom: 24px; }
  .compact-page .sec-title { font-size: clamp(28px, 3vw, 42px); }
  .compact-page .two-col, .compact-page .split { gap: 36px; }
  .compact-page .prose > section > ul, .compact-page .prose .accordion-body > ul, .compact-page .m-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; }
  .compact-page .cards4, .compact-page .rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .compact-page .card { padding: 24px; }
  .compact-page .faq-page { padding-top: 32px; padding-bottom: 36px; gap: 36px; }
  .compact-page .faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 0 24px; }
  .compact-page .faq-item summary { padding-top: 16px; padding-bottom: 16px; }
  .compact-page .gallery { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; padding-bottom: 0; }
  .compact-page .gallery .g-card { translate: none; rotate: 0deg; }
  .compact-page .g-no { font-size: 32px; }
  .compact-page .g-glass { left: 6px; right: 6px; bottom: 6px; padding: 8px; }
  .compact-page .t-hints { gap: 4px; }
  .compact-page .t-hints li { font-size: 11px; padding: 2px 5px; }
  .compact-page .staff { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .compact-page .staff-card { display: grid; grid-template-columns: 120px 1fr; gap: 18px; }
  .compact-page .staff-media { height: 180px; }
  .compact-page .staff-body { padding: 0; }
  .compact-page .staff-body h3 { font-size: 28px; }
  .compact-page .tbl :is(th, td) { padding-top: 10px; padding-bottom: 10px; }
  .compact-page .page-hero .cta-box { margin-top: 16px; }
}
@media(min-width:1100px){
 .compact-page .page-hero{padding-top:calc(var(--hdr) + 16px);padding-bottom:20px}
 .compact-page .page-title{font-size:36px;line-height:1.15;margin-bottom:12px;max-width:36ch}
 .compact-page .page-hero .answer{font-size:16px;line-height:1.5}
 .compact-page .page-hero .eyebrow{margin:12px 0}
 .compact-page .page-hero .crumbs{margin-bottom:12px}
 .compact-page .page-hero .btn{padding:12px 20px;font-size:14px}
 .compact-page .page-hero .cta-box{margin-top:14px}
 .compact-page .section{padding:28px 0}
}
