/* Subject diagrams: do not shrink native labels below 14 CSS px. */
.subject-figure{margin:30px 0;max-width:100%;min-width:0}
.subject-scroll{max-width:100%;overflow-x:auto;border:1px solid #D5DDD9;border-radius:8px;background:#F7F4EC;scroll-margin-top:150px}
.subject-scroll picture{display:block}.subject-scroll img{display:block;width:100%;min-width:900px;max-width:none;height:auto}
.subject-figure figcaption{font-size:16px;line-height:1.6;margin-top:12px}.subject-controls{font-size:16px;line-height:1.6;display:flex;gap:8px 20px;flex-wrap:wrap;margin:8px 0 12px}
.subject-scroll-hint{font-size:14px;line-height:1.6;margin:8px 0}.subject-legend{font-size:18px;line-height:1.6;border-left:4px solid #E9B44C;padding:14px 20px;margin:18px 0}.subject-legend h3{font-size:21px;margin:0 0 12px}.subject-legend p{margin:0 0 12px}.subject-legend p:last-child{margin-bottom:0}
@media(max-width:1100px){.subject-scroll img{width:400px;min-width:400px;max-width:none}.subject-scroll{scroll-margin-top:175px}}
@media print{.subject-scroll,.subject-scroll-hint,.subject-controls{display:none!important}.subject-figure{margin:18px 0;break-inside:auto}.subject-figure figcaption{font-size:16px;color:#18344A}.subject-legend{font-size:18px;padding:8px 12px;break-inside:auto}.subject-legend p{orphans:3;widows:3}}
