/* Additive to the standard PDP, scoped exclusively to bundle content. */
.nw-bcontent { --nw-bcontent-line: #d5e2dc; overflow-wrap: anywhere; letter-spacing: 0; }
.nw-bcontent *, .nw-bcontent *::before, .nw-bcontent *::after { box-sizing: border-box; }
.nw-bcontent [hidden] { display: none !important; }
.nw-bcontent__sources { display: grid; gap: 6px; margin-top: 14px; font-size: 13px; line-height: 1.5; }
.nw-bcontent a { color: #0c4e2b; text-decoration: underline; text-underline-offset: 3px; }
.nw-bcontent__note { max-width: 75ch; margin: 0 auto 28px; font-size: 15px; line-height: 1.65; }
.nw-bcontent__howto:not(.is-enhanced) { grid-template-columns: minmax(0, 1fr); }
.nw-bcontent__howto.has-no-photo { grid-template-columns: minmax(0, 1fr); max-width: 720px; margin-inline: auto; }
.nw-bcontent__component, .nw-bcontent__faq { border: 0; border-top: 1px solid var(--nw-bcontent-line); border-radius: 0; background: none; }
.nw-bcontent__component > summary, .nw-bcontent__faq > summary { cursor: pointer; padding: 20px 8px; font-weight: 600; font-size: 17px; line-height: 1.5; }
.nw-bcontent__component > summary::marker, .nw-bcontent__faq > summary::marker { color: #0c4e2b; }
.nw-bcontent summary:focus-visible, .nw-bcontent a:focus-visible { outline: 2px solid #0c4e2b; outline-offset: 4px; }
.nw-bcontent__component-body, .nw-bcontent__faq-body { padding: 0 8px 24px; font-size: 15px; line-height: 1.7; min-width: 0; }
.nw-bcontent__step-photo { margin: 0 0 20px; }
.nw-bcontent__step-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.nw-bcontent .nw-howto2__media .nw-bcontent__step-photo { position: absolute; inset: 0; margin: 0; }
.nw-bcontent .nw-howto2__media figcaption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.nw-bcontent__step-photo figcaption { padding-top: 10px; font-size: 13px; line-height: 1.5; }
.nw-bcontent__instructions { margin: 0; padding-left: 24px; }
.nw-bcontent__instructions li { margin-bottom: 12px; padding-left: 4px; }
.nw-bcontent__instructions strong { display: block; }
.nw-bcontent .nw-howto2__body p, .nw-bcontent__rich p { margin: 0 0 12px; }
.nw-bcontent__full-use { margin-top: 20px; }
.nw-bcontent__component-link { display: inline-block; margin-top: 16px; }
.nw-bcontent__facts { margin: 0; }
.nw-bcontent__facts > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px; border-bottom: 1px solid var(--nw-bcontent-line); padding: 12px 0; }
.nw-bcontent__facts dt { font-weight: 600; }
.nw-bcontent__facts dd { margin: 0; min-width: 0; }
.nw-bcontent__rich { margin-top: 24px; }
.nw-bcontent h3 { font-size: 18px; line-height: 1.5; margin: 0 0 12px; letter-spacing: 0; }
.nw-bcontent__scroll { max-width: 100%; overflow-x: auto; }
.nw-bcontent__scroll table { border-collapse: collapse; min-width: 100%; }
.nw-bcontent__scroll th, .nw-bcontent__scroll td { padding: 8px; border-bottom: 1px solid var(--nw-bcontent-line); text-align: left; }
.nw-bcontent__story { max-width: 85ch; margin: 0 auto; line-height: 1.75; }
.nw-bcontent__story img { max-width: 100%; height: auto; }
.nw-bcontent__story h2 { font-size: 24px; line-height: 1.4; }
.nw-bcontent__composition { padding-left: 24px; }
.nw-bcontent__composition li { margin-bottom: 10px; }
.nw-bcontent__faq-group { margin-top: 28px; }
.nw-bcontent-faq [hidden] { display: none !important; }
.nw-bcontent-faq__toggle { margin-top: 24px; max-width: 100%; background: transparent; font-family: inherit; letter-spacing: 0; white-space: normal; }
.nw-bcontent-faq__toggle:focus-visible { outline: 2px solid #0c4e2b; outline-offset: 4px; }
@media (max-width: 700px) {
  .nw-bcontent__facts > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}