/* Hallmark · scope: app · theme: existing DESIGN.md · family planning disclosures · v2.0.0 */
/* Critique: self · existing Barlow, colors, focus and native controls retained; reading width and section separation added. */
.family-disclosure { padding-block: var(--space-sm); border-bottom: 1px solid var(--rule); }
.family-disclosure p, .family-disclosure ul, .family-disclosure ol { max-width: 68ch; }
.family-disclosure a { overflow-wrap: anywhere; }
.family-disclosure > summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.family-disclosure > summary:active { color: var(--blue); }
.family-disclosure[open] > summary { margin-bottom: var(--space-sm); }
.family-case .family-disclosure { margin-bottom: var(--space-md); }
@media print {
    .family-disclosure::details-content { display: block; content-visibility: visible; }
}

.family-story-photo { margin-block: var(--space-md); }
.family-photo-action { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-lg); align-items: center; margin-block: var(--space-lg); }
.family-photo-action .travel-photo { margin: 0; }
.family-photo-action h3 { margin-top: 0; }
.family-photo-action p { max-width: 48ch; }
@media (max-width: 760px) { .family-photo-action { grid-template-columns: minmax(0, 1fr); } }
@media print { .family-photo-action { display: block; } }