/* Scoped to Tip 20: Tip 19 frame and navigation, Tip 09 native scroll-snap track. */
.tip20-page .spark-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4091be #051829}
.tip20-page .spark-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.tip20-page .spark-slide img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;background:#fff}
.tip20-page figcaption{padding:14px 16px;min-height:7.5rem;font-size:.9rem;color:#e4edf7;line-height:1.55}
.tip20-page .notice p{margin:10px 0}.tip20-page .breadcrumbs{font-size:.9rem;margin:0 0 16px}
.tip20-page .table-scroll{overflow-x:auto;max-width:100%;border:1px solid #3480aa;border-radius:8px}
.tip20-page table{width:100%;border-collapse:collapse;min-width:440px;font-size:.95rem}
.tip20-page caption{text-align:left;padding:12px;color:#cde6f5}
.tip20-page th,.tip20-page td{padding:12px;text-align:left;border-top:1px solid #3480aa;color:#e4edf7;vertical-align:top}
.tip20-page thead{background:#10557d}.tip20-page dt{font-weight:800;color:#ffa05c;margin:20px 0 7px}.tip20-page dd{margin:0;color:#e4edf7;line-height:1.7}
.tip20-page :is(button,a,.spark-track,.table-scroll):focus-visible{outline:3px solid #ff8e28;outline-offset:3px}
.tip20-page [id]{scroll-margin-top:100px}
@media(max-width:650px){.tip20-page .spark-slide img{border-radius:0}.tip20-page figcaption{min-height:11rem;padding:12px;font-size:.85rem}.tip20-page table{font-size:.85rem}.tip20-page th,.tip20-page td{padding:10px}}
@media(prefers-reduced-motion:reduce){.tip20-page .spark-track{scroll-behavior:auto}}