.catalogue-help { display: grid; grid-template-columns: minmax(230px, .85fr) minmax(0, 1.5fr); gap: 44px; margin-top: 48px; padding: 32px; border: 1px solid #dfd6c1; border-radius: 18px; background: #fffcf5; scroll-margin-top: 24px; }
.catalogue-help-intro .eyebrow { margin: 0 0 9px; color: #8a713b; }
.catalogue-help h2 { margin: 0 0 13px; max-width: 350px; color: #174637; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.3; letter-spacing: -.5px; }
.catalogue-help-intro > p:not(.eyebrow) { margin: 0; max-width: 350px; color: #647568; font-size: 13px; line-height: 1.8; }
.catalogue-help-intro a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 15px; color: #264f3c; font-size: 12px; font-weight: 600; text-underline-offset: 5px; text-decoration-color: #b9a371; }
.catalogue-help-questions details { border-bottom: 1px solid #e4dcc9; }
.catalogue-help-questions details:first-child { border-top: 1px solid #e4dcc9; }
.catalogue-help-questions summary { position: relative; padding: 19px 31px 19px 0; color: #234c3b; font-size: 13px; font-weight: 600; line-height: 1.6; cursor: pointer; list-style: none; }
.catalogue-help-questions summary::-webkit-details-marker { display: none; }
.catalogue-help-questions summary::after { content: '+'; position: absolute; right: 3px; top: 15px; color: #8a713b; font-size: 22px; font-weight: 400; }
.catalogue-help-questions details[open] summary::after { content: '−'; }
.catalogue-help-questions details > div { padding: 0 22px 17px 0; color: #5b7061; font-size: 12px; line-height: 1.85; }
.catalogue-help-questions p { margin: 0 0 10px; }
.catalogue-help-questions p:last-child { margin-bottom: 0; }
.catalogue-help a:focus-visible, .catalogue-help summary:focus-visible { outline: 2px solid #9c8145; outline-offset: 4px; border-radius: 4px; }
.catalog-footnote a { display: inline-block; padding-block: 7px; color: #345641; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .catalogue-help { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 32px; padding: 22px; }
  .catalogue-help h2, .catalogue-help-intro > p:not(.eyebrow) { max-width: none; }
  .catalogue-help-intro a { margin-top: 8px; }
  .catalogue-help-questions details > div { padding-right: 0; font-size: 13px; }
}
@media print { .catalogue-help { display: none; } }
