/* Shared brochure media: variables are defined by sollahms-theme.css, loaded last. */
.documented-plans { scroll-margin-top: 140px; }
.documented-plans h2 { color: var(--s-green); margin: 0 0 16px; }
.brochure-note { color: var(--s-muted); line-height: 1.7; margin-bottom: 24px; max-width: 75ch; }
.brochure-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.brochure-resource { margin: 0; min-width: 0; background: var(--s-white); border: 1px solid var(--s-line); border-radius: var(--s-radius); overflow: hidden; }
.brochure-resource > a { display: block; }
.brochure-resource img { display: block; width: 100%; height: auto; }
.brochure-plan-grid .brochure-resource img { aspect-ratio: 16/9; object-fit: contain; background: var(--s-white); }
.brochure-resource figcaption { padding: 16px; color: var(--s-green); font-size: 14px; line-height: 1.5; }
.brochure-resource figcaption > span { display: block; color: var(--s-muted); font-size: 12px; margin-top: 4px; }
.brochure-resource figcaption > a { display: inline-block; margin-top: 12px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.brochure-resource a:hover { color: var(--s-green-hover); }
.brochure-resource a:focus-visible { outline: 3px solid var(--s-gold-ink); outline-offset: -3px; }
.brochure-resource .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:640px) { .brochure-plan-grid { grid-template-columns: 1fr; gap: 20px; } }