.product-onepages { border-color: #c2dfeb; background: #f5fbff; }
.onepage-help { margin: 0 0 12px; color: #56707c; font-size: 13px; line-height: 1.6; }
.onepage-links { display: grid; gap: 12px; }
.onepage-entry { min-width: 0; overflow-wrap: anywhere; }
.onepage-entry > b { display: block; color: #234a5e; font-size: 14px; }
.onepage-entry .source-link { margin-right: 8px; }
.onepage-entry .note { margin: 8px 0 0; }
.onepage-reference { margin-top: 12px; border-top: 1px solid #d5e6ed; padding-top: 12px; }
.onepage-reference > summary { color: #56707c; font-size: 13px; cursor: pointer; }
.onepage-reference .onepage-links { margin-top: 12px; }
.family-selector { margin-top: 16px; padding: 12px; border: 1px solid #ffffff50; border-radius: 12px; background: #ffffff18; }
.family-selector > span { display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.family-selector > div { display: flex; flex-wrap: wrap; gap: 8px; }
.family-choice { border: 1px solid #ffffff60; background: #ffffff16; color: inherit; border-radius: 8px; padding: 8px 12px; cursor: pointer; font: inherit; font-size: 13px; }
.family-choice.active { background: #fff; border-color: #fff; color: #123f59; font-weight: 700; }
.family-selector > small { display: block; margin-top: 8px; opacity: .85; }
.current-family-member { font-weight: 600; }