/* Shared by individual pack pages only: add help-pack-page to the body. */
.help-pack-page { background:#f7f2e8; color:#3f3850; }
.help-pack-page .site-header { margin-top:64px; }
.help-pack-page .kitchen-quick-exit { position:fixed; top:10px; right:12px; z-index:2147483647; }
.help-pack-page .hp-main { max-width:1080px; padding-block:1.5rem 4rem; }
.help-pack-page .hp-main h1 { color:#4b2b68; font-size:clamp(2.25rem,5vw,3.5rem); line-height:1.12; margin:.35rem 0 1rem; }
.help-pack-page .hp-main h2 { color:#4b2b68; font-size:clamp(1.45rem,3vw,2rem); line-height:1.25; margin:0 0 1rem; }
.help-pack-page .hp-main h3 { color:#4b2b68; font-family:'Baloo 2',sans-serif; font-size:1.35rem; line-height:1.25; margin:0 0 .5rem; }
.help-pack-page .hp-main p { margin:0 0 1rem; }
.help-pack-page .hp-prose, .help-pack-page .hp-section>p { max-width:65ch; }
.help-pack-page .hp-breadcrumb { font-size:.9rem; margin-bottom:2rem; }
.help-pack-page .hp-breadcrumb ol { display:flex; flex-wrap:wrap; gap:.4rem .65rem; list-style:none; padding:0; margin:0; }
.help-pack-page .hp-breadcrumb li+li::before { content:'›'; margin-right:.65rem; color:#65526e; }
.help-pack-page .hp-hero { display:grid; grid-template-columns:minmax(200px,320px) minmax(0,1fr); gap:clamp(1.5rem,5vw,3.5rem); align-items:center; margin-bottom:3.5rem; }
.help-pack-page .hp-cover { display:block; width:100%; height:auto; border-radius:14px; box-shadow:0 12px 30px #392b4020; }
.help-pack-page .hp-summary { font-size:1.15rem; max-width:55ch; }
.help-pack-page .hp-meta, .help-pack-page .hp-small { color:#574761; }
.help-pack-page .hp-small { font-size:.9rem; margin-top:.85rem!important; }
.help-pack-page .hp-button, .help-pack-page #sib-form .sib-form-block__button { display:inline-flex; justify-content:center; align-items:center; gap:.5rem; min-height:48px; padding:.8rem 1.4rem; border:2px solid #dda632!important; border-radius:28px!important; background:#dda632!important; color:#352342!important; text-decoration:none; font:800 1rem/1.4 'Nunito',sans-serif!important; cursor:pointer; box-shadow:0 4px 0 #bd8b25; }
.help-pack-page .hp-button:hover, .help-pack-page #sib-form .sib-form-block__button:hover { background:#ecc052!important; }
.help-pack-page .hp-button::before, .help-pack-page .hp-button::after { content:none; }
.help-pack-page :is(a,button,input,summary):focus-visible { outline:3px solid #4b2b68!important; outline-offset:4px; }
.help-pack-page .hp-section { margin-block:3.5rem; scroll-margin-top:5rem; }
.help-pack-page .hp-ticks { list-style:none; padding:0; margin:1rem 0; max-width:65ch; }
.help-pack-page .hp-ticks li { position:relative; padding-left:1.8rem; margin:.7rem 0; }
.help-pack-page .hp-ticks li::before { content:'✓'; position:absolute; left:0; color:#4b2b68; font-weight:800; }
.help-pack-page .hp-note { padding:1rem 1.2rem; border-left:4px solid #dda632; background:#fff8eb; border-radius:0 12px 12px 0; }
.help-pack-page .hp-previews { display:grid; grid-template-columns:repeat(2,minmax(0,240px)); gap:1.2rem; margin-top:1.5rem; }
.help-pack-page .hp-previews figure { margin:0; }
.help-pack-page .hp-previews img { width:100%; height:auto; display:block; border:1px solid #d8c8e2; border-radius:12px; }
.help-pack-page .hp-previews figcaption { color:#574761; font-size:.85rem; line-height:1.5; margin-top:.6rem; }
.help-pack-page .hp-request { background:#eee3f5; border:1px solid #d9c8e5; border-radius:22px; padding:clamp(1.25rem,4vw,2.5rem); }
.help-pack-page .hp-request>h2,.help-pack-page .hp-request>p { text-align:center; margin-inline:auto; }
.help-pack-page .hp-tips { padding-left:1.4rem; }
.help-pack-page .hp-tips li { margin-bottom:1rem; padding-left:.25rem; list-style:decimal; }
.help-pack-page .hp-faq details { padding:1.1rem 0; border-bottom:1px solid #d8c8e2; }
.help-pack-page .hp-faq summary { font-weight:800; cursor:pointer; color:#4b2b68; padding:.2rem; }
.help-pack-page .hp-faq details p { margin:1rem 0 0; }
.help-pack-page .hp-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.help-pack-page .hp-related>a { display:grid; grid-template-columns:90px minmax(0,1fr); gap:1.1rem; padding:1.2rem; border-radius:16px; background:#fffaf1; border:1px solid #ddcfe6; text-decoration:none; }
.help-pack-page .hp-related img { width:90px; height:auto; align-self:start; border-radius:8px; }
.help-pack-page .hp-related p { font-size:.95rem; line-height:1.5; }
.help-pack-page .hp-related span { font-size:.9rem; font-weight:800; text-decoration:underline; }
/* Brevo visual overrides. Submission attributes and script hooks are retained. */
.help-pack-page .sib-form { padding:0!important; background:transparent!important; text-align:left!important; font-family:inherit!important; }
.help-pack-page #sib-form-container { max-width:420px; width:100%; margin:1.4rem auto 0; }
.help-pack-page #sib-container { width:100%; max-width:420px!important; padding:0!important; border:0!important; background:transparent!important; text-align:left!important; }
.help-pack-page #sib-container :is(input,label,button,p,span), .help-pack-page .sib-form-message-panel { font-family:inherit!important; }
.help-pack-page #sib-container .sib-form-block { padding-inline:0; color:#3f3850!important; text-align:left!important; font-size:1rem!important; }
.help-pack-page #sib-container .entry__label { color:#4b2b68!important; font-size:1rem!important; }
.help-pack-page #sib-container .entry__field { border:0; background:transparent; }
.help-pack-page #sib-container #EMAIL { display:block; width:100%; height:auto; min-height:48px; padding:.8rem 1rem; background:#fffaf5; border:2px solid #9b80b0; border-radius:12px; color:#3f3850; font-size:1rem; box-sizing:border-box; }
.help-pack-page #sib-container #EMAIL::placeholder { color:#6b5a75!important; font-family:inherit!important; }
.help-pack-page #sib-container .entry__specification { display:block; color:#574761!important; font-size:.85rem!important; margin-top:.6rem; }
/* One clickable label, with the checkbox and text in separate grid columns. */
.help-pack-page #sib-container .sib-optin .form__label-row { display:block!important; margin:0!important; padding:0!important; }
.help-pack-page #sib-container .hp-newsletter-label { display:grid!important; grid-template-columns:22px minmax(0,1fr); column-gap:12px; align-items:start; position:static!important; padding:0!important; margin:0!important; width:100%; font-weight:400!important; cursor:pointer; }
.help-pack-page #sib-container .hp-newsletter-label::before,
.help-pack-page #sib-container .hp-newsletter-label::after { content:none!important; display:none!important; }
.help-pack-page #sib-container .hp-newsletter-copy { display:block!important; min-width:0; position:static!important; margin:0!important; padding:0!important; color:#3f3850!important; font-size:1rem!important; font-weight:400!important; line-height:1.55; overflow-wrap:break-word; }
.help-pack-page #sib-container .hp-newsletter-label .entry__choice { display:block!important; position:static!important; padding:0!important; margin:0!important; width:22px!important; min-width:0!important; }
.help-pack-page #sib-container #OPT_IN { position:static!important; opacity:1!important; clip:auto!important; clip-path:none!important; display:block!important; width:22px!important; height:22px!important; padding:0!important; margin:2px 0 0!important; appearance:auto!important; accent-color:#4b2b68; transform:none!important; }
.help-pack-page #sib-container .entry__error { color:#792541!important; background:#fcebf0!important; border-color:#bb617d!important; border-radius:8px!important; font-size:.9rem!important; }
.help-pack-page .sib-form-message-panel { max-width:420px!important; border-radius:12px!important; font-size:1rem!important; text-align:left!important; }
.help-pack-page .sib-form-message-panel__text { gap:10px; text-align:left; }
.help-pack-page .sib-notification__icon { width:20px; height:20px; flex-shrink:0; }
.help-pack-page #success-message { color:#324b40!important; background:#edf5ef!important; border-color:#819a8b!important; }
.help-pack-page #error-message { color:#792541!important; background:#fcebf0!important; border-color:#bb617d!important; }
.help-pack-page .sib-form-message-panel:not(.sib-form-message-panel--active) { display:none; }
.help-pack-page .sib-form-message-panel.sib-form-message-panel--active { display:block; }
@media(max-width:640px) {
 .help-pack-page .hp-main { width:calc(100% - 32px); }
 .help-pack-page .hp-hero { grid-template-columns:1fr; gap:1.5rem; }
 .help-pack-page .hp-cover { max-width:200px; justify-self:center; }
 .help-pack-page .hp-section { margin-block:2.5rem; }
 .help-pack-page .hp-previews { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
 .help-pack-page .hp-related { grid-template-columns:1fr; }
 .help-pack-page .hp-button { width:100%; box-sizing:border-box; }
 .help-pack-page .hp-breadcrumb { font-size:.8rem; }
}

/* Consistent centred column below the wider hero. */
.help-pack-page .hp-main>.hp-section,
.help-pack-page .hp-main>.hp-bottom-link { width:100%; max-width:720px; box-sizing:border-box; margin-inline:auto; }
.help-pack-page .hp-section :is(p,.hp-ticks,.hp-tips,.hp-faq) { max-width:65ch; }
.help-pack-page .hp-prose { max-width:720px; }
.help-pack-page #sib-form-container { max-width:420px!important; box-sizing:border-box; }
.help-pack-page #sib-form, .help-pack-page #sib-container .sib-form-block,
.help-pack-page #sib-container .form__entry,
.help-pack-page #sib-container .form__label-row,
.help-pack-page #sib-container .entry__field { width:100%; box-sizing:border-box; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; text-align:left!important; }
.help-pack-page #sib-container .entry__label,
.help-pack-page #sib-container .entry__specification { padding-left:0!important; margin-left:0!important; }
.help-pack-page .hp-secondary-button { display:inline-flex; align-items:center; justify-content:center; gap:.6rem; min-height:48px; padding:.75rem 1.35rem; border:2px solid #73578f; border-radius:28px; background:transparent; color:#4b2b68; font-weight:800; line-height:1.4; text-decoration:none; box-sizing:border-box; }
.help-pack-page .hp-secondary-button::before,.help-pack-page .hp-secondary-button::after { content:none!important; }
.help-pack-page .hp-secondary-button:hover { background:#eee3f5; }
.help-pack-page .hp-bottom-link { text-align:center; }
@media(max-width:640px) { .help-pack-page .hp-secondary-button { width:100%; } }