.osb-art-carousel{margin-top:24px;min-width:0;--osb-art-header:84px;scroll-margin-top:calc(var(--osb-art-header) + 12px)}
.osb-art-picker{display:grid;gap:8px;max-width:900px;margin:0 auto 14px;color:#153653;font-weight:700}
.osb-art-picker select{display:block;width:100%;min-height:48px;border:1px solid #9aacbf;border-radius:10px;padding:10px 38px 10px 12px;background:#fff;color:#153653;font:inherit;box-sizing:border-box}
.osb-art-frame{height:min(var(--osb-art-ideal,720px),calc(100svh - var(--osb-art-header) - 24px));height:min(var(--osb-art-ideal,720px),calc(100dvh - var(--osb-art-header) - 24px));display:grid;grid-template-rows:minmax(0,1fr) auto;max-width:1100px;margin-inline:auto;border:1px solid #c4cfda;border-radius:16px;background:#f8fafc;overflow:hidden;box-sizing:border-box}
.osb-art-stage{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom;outline-offset:-4px}
.osb-art-slide,.osb-art-slide picture{display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0}
.osb-art-slide[hidden],.osb-art-copy [hidden]{display:none!important}
.osb-art-slide img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0}
.osb-art-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d2dbe5}
.osb-art-controls button,.osb-art-dots button,.osb-art-questions button{min-height:44px;min-width:44px;border:1px solid #9caec1;border-radius:9px;padding:8px 12px;color:#17375c;background:#fff;font:inherit;cursor:pointer}
.osb-art-controls [data-art-pause]{min-width:90px}
.osb-art-controls [data-art-position]{font:600 .9rem/1.4 system-ui,sans-serif;min-width:55px;text-align:center;color:#17375c}
.osb-art-controls [aria-pressed=true],.osb-art-dots [aria-pressed=true],.osb-art-questions [aria-pressed=true]{background:#17375c;color:#fff;border-color:#17375c}
.osb-art-copy{max-width:900px;margin:16px auto 0}
.osb-art-copy h3{font-size:clamp(1.05rem,2vw,1.4rem);margin:0 0 8px;line-height:1.35}
.osb-art-copy p{margin:0;line-height:1.65}
.osb-art-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}
.osb-art-dots button{font-size:.9rem;padding:6px;min-width:40px;min-height:40px}
.osb-art-all{max-width:1000px;margin:20px auto 0}
.osb-art-all summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:#17375c;font-weight:700;text-decoration:underline}
.osb-art-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.osb-art-questions button{text-align:left}
.osb-art-carousel :is(button,select,summary):focus-visible,.osb-art-stage:focus-visible{outline:3px solid #1676c9;outline-offset:3px}
.osb-art-lightbox{padding:0;border:0;border-radius:12px;background:#fff;color:#17375c;width:calc(100vw - 20px);max-width:1200px;height:calc(100svh - 20px);height:calc(100dvh - 20px);max-height:none;overflow:hidden}
.osb-art-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.osb-art-lightbox::backdrop{background:#07172be8}
.osb-art-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 12px;font-size:1rem}
.osb-art-lightbox-head button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid #9caec1;border-radius:9px;color:#17375c;background:white;cursor:pointer}
.osb-art-lightbox .osb-art-stage{background:#f8fafc}
@media(max-width:640px){.osb-art-controls{gap:5px;padding-inline:6px}.osb-art-controls button{font-size:.85rem;padding:8px}.osb-art-controls [data-art-pause]{min-width:76px}.osb-art-controls [data-art-position]{min-width:46px}.osb-art-questions{grid-template-columns:repeat(2,minmax(0,1fr))}.osb-art-questions button{font-size:.85rem}.osb-art-dots{gap:4px}.osb-art-dots button{min-width:36px;min-height:40px}}
@media print{.osb-art-frame{height:600px}.osb-art-controls,.osb-art-all{display:none}.osb-art-frame{grid-template-rows:1fr}}