.carousel-example{max-width:100%;margin:1.4rem 0 2.5rem;border:1px solid var(--line-dark);background:var(--black-2)}.ad-context{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line-dark)}.ad-context p{font-size:.88rem;line-height:1.5;margin:.4rem 0 0}.ad-context>a{max-width:12rem;font-size:.82rem;line-height:1.4;text-align:right}.ad-sponsored{display:inline-block;font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.ad-intro{padding:.8rem 1.2rem;border-bottom:1px solid var(--line-dark)}.ad-intro summary{cursor:pointer;font-size:.9rem;font-weight:700}.ad-intro p{margin:.7rem 0;white-space:pre-line;font-size:.9rem;line-height:1.55}.ad-intro .source-note{font-size:.78rem;color:var(--white-2)}.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.2rem}.gallery-head p{font-size:.82rem;margin:0;line-height:1.4}.gallery-controls{display:flex;gap:.35rem;flex:none}.gallery-controls button{width:2.2rem;height:2.2rem;cursor:pointer;border:1px solid var(--line-dark);background:var(--black);color:var(--white);font:inherit;line-height:1}.gallery-controls button:hover{border-color:var(--accent)}.gallery-controls button:disabled{opacity:.4;cursor:default}.carousel-track{display:flex;gap:.8rem;max-width:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:.8rem;padding:.2rem .8rem 1rem!important;margin:0!important;overscroll-behavior-x:contain;scrollbar-color:var(--accent) var(--black-2)}.carousel-track:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.carousel-card{list-style:none;flex:0 0 clamp(210px,35%,310px);min-width:0;margin:0!important;padding:0!important;scroll-snap-align:start}.carousel-card figure{height:100%;margin:0!important;display:flex;flex-direction:column;background:var(--black);border:1px solid var(--line-dark)}.card-zoom{position:relative;display:block;cursor:zoom-in;width:100%;padding:0;border:0;background:transparent;color:inherit}.card-zoom img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.card-zoom-hint{position:absolute;bottom:.5rem;right:.5rem;padding:.15rem .4rem;background:var(--black);color:var(--white);font-size:.7rem;box-shadow:0 1px 8px #0008}.carousel-card figcaption{padding:.7rem .8rem;line-height:1.4;font-size:.77rem;font-weight:400;flex:1}.carousel-card figcaption strong,.carousel-card figcaption span{display:block}.carousel-card figcaption strong{font-size:.82rem;margin-bottom:.35rem;color:var(--white)}.carousel-card figcaption span{color:var(--white-2)!important}.card-caution{margin:.45rem 0 0!important;font-size:.75rem!important;line-height:1.35;color:var(--white-2)}
.source-headline{font-size:.75rem;color:var(--white-2)!important;border-bottom:1px solid var(--line-dark);padding-bottom:.45rem;margin-bottom:.45rem}.source-headline b{color:var(--white)}
.card-dialog{width:min(1100px,96vw);max-width:96vw;height:min(96vh,1150px);max-height:96vh;padding:1rem;border:1px solid var(--line-dark);background:var(--black);color:var(--white)}.card-dialog::backdrop{background:#000d}.dialog-toolbar{display:flex;align-items:center;gap:.4rem;justify-content:space-between}.dialog-toolbar button{font:inherit;font-size:.8rem;cursor:pointer;padding:.45rem .6rem;border:1px solid var(--line-dark);background:var(--black-2);color:var(--white)}.dialog-toolbar button:disabled{opacity:.4;cursor:default}.dialog-toolbar span{font-size:.85rem;text-align:center}.dialog-image{display:flex;justify-content:center;align-items:flex-start;max-height:calc(96vh - 11rem);overflow:auto;margin:.7rem 0;border:1px solid var(--line-dark);background:#111}.dialog-image img{display:block;width:auto;max-width:none;height:auto;max-height:none;margin:0}.card-dialog p{font-size:.9rem;margin:.4rem 0}.dialog-source-headline strong{color:var(--white)}.card-dialog>a{font-size:.84rem}.card-dialog button:focus-visible,.card-dialog a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:650px){.ad-context{flex-direction:column}.ad-context>a{max-width:none;text-align:left}.carousel-card{flex-basis:min(78vw,310px)}.card-dialog{padding:.6rem}.dialog-toolbar{flex-wrap:wrap}.dialog-toolbar button{font-size:.75rem}.dialog-image{max-height:calc(96vh - 13rem)}}