.ios-nine-gallery { container-type: inline-size; min-width: 0; margin-top: 16px; }
.ios-nine-gallery p, .ios-nine-viewer p { line-height: 1.85; margin: 8px 0 16px; }
.ios-nine-gallery h3, .ios-nine-viewer h2 { font-size: 18px; line-height: 1.65; margin: 0 0 10px; overflow-wrap: anywhere; }
.ios-nine-gallery .ios-nine-warning, .ios-nine-viewer .ios-nine-warning { padding: 18px 20px 18px 36px; background: #fff5e9; border: 1px solid #e7c99d; border-radius: 12px; margin: 20px 0 24px; list-style: disc; }
.ios-nine-gallery .ios-nine-warning li, .ios-nine-viewer .ios-nine-warning li { line-height: 1.85; margin: 8px 0; }
.ios-nine-gallery .ios-nine-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.ios-nine-gallery .ios-nine-card { min-width: 0; margin: 0; padding: 20px; background: #fff; border: 1px solid var(--line, #d9e4eb); border-radius: 12px; }
.ios-nine-gallery .ios-nine-card a { display: block; width: fit-content; max-width: 100%; margin: 0 auto; }
.ios-nine-gallery .ios-nine-card img { display: block; width: min(100%, 382px); max-width: 100%; height: auto; }
.ios-nine-gallery .ios-nine-text { margin: 24px 0; padding: 16px; background: var(--mist, #f3f7fa); border-radius: 12px; }
.ios-nine-gallery .ios-nine-text summary { cursor: pointer; font-weight: 600; line-height: 1.8; }
.ios-nine-gallery .ios-nine-text ol { list-style: decimal; padding-left: 24px; margin-top: 16px; }
.ios-nine-gallery .ios-nine-text li { line-height: 1.85; margin: 12px 0; }
.ios-nine-gallery a:focus-visible, .ios-nine-gallery summary:focus-visible, .ios-nine-viewer a:focus-visible, .ios-nine-viewer main:focus-visible { outline: 3px solid #087fa7; outline-offset: 3px; }
@container (min-width: 580px) { .ios-nine-gallery .ios-nine-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ios-nine-viewer { background: var(--mist, #f3f7fa); color: var(--ink, #193345); min-height: 100vh; }
.ios-nine-viewer .ios-nine-toolbar { padding: 20px; background: #fff; border-bottom: 1px solid #d9e4eb; }
.ios-nine-viewer .ios-nine-toolbar nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.ios-nine-viewer .ios-nine-toolbar a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.ios-nine-viewer .ios-nine-toolbar p { margin-bottom: 0; }
.ios-nine-viewer .ios-nine-context { max-width: 900px; margin: 0 auto; padding: 0 16px; }
.ios-nine-viewer .ios-nine-canvas { max-width: 900px; margin: 24px auto; padding: 0 16px 24px; overflow: auto; }
.ios-nine-viewer .ios-nine-viewer-card { padding: 20px; background: #fff; border: 1px solid #d9e4eb; border-radius: 12px; margin: 0 0 24px; scroll-margin-top: 16px; }
.ios-nine-viewer .ios-nine-viewer-card img { display: block; width: min(100%, 382px); max-width: 100%; height: auto; margin: 0 auto; }
.ios-nine-viewer:has(#full:target) .ios-nine-viewer-card { min-width: 424px; }
.ios-nine-viewer:has(#full:target) .ios-nine-viewer-card img { width: 382px; max-width: none; }
.ios-nine-viewer .ios-nine-mode-target { display: block; height: 0; }