.rule-based-page .rule-photo img { height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.rule-based-page .rule-photo figcaption { position: static; padding: 14px 18px; background: var(--navy); }
.rule-based-page .rule-photo figcaption strong { font-size: .85rem; line-height: 1.5; }
.rule-scope { margin-top: 32px; padding: 22px 24px; border: 1px solid #3d536b; border-radius: 12px; background: #1b2c42; }
.rule-scope h3 { font-size: .95rem; line-height: 1.5; color: #c6eeee; margin-bottom: 8px; }
.rule-scope p { max-width: 960px; font-size: .82rem; line-height: 1.8; color: #c0cddb; }
@media (max-width: 760px) { .rule-scope { padding: 20px; } }