/* Patient Education Readability Checker — marketing page extras */
.hero-grid { display: grid; gap: 40px; grid-template-columns: 1.1fr 1fr; align-items: center; }
@media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; } }
.hero-figure { margin: 0; background: #ffffff; border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; box-shadow: var(--shadow); }
.hero-figure figcaption { font-size: 13px; color: #52606f; padding: 8px 4px 2px; }
.narrow ul, .narrow ol { padding-left: 22px; }
.narrow li { margin-bottom: 10px; }
.hero-figure img { width: 100%; height: auto; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .hero-figure { background: var(--surface); } :root:not([data-theme="light"]) .hero-figure figcaption { color: var(--muted); } }
.hero-note { margin-top: 18px; }