.story-opening{max-width:100%;min-width:0;margin:0 0 18px;border:1px solid var(--line,#dedfdc);border-radius:15px;background:#fffdf8;overflow:hidden}
.story-opening summary{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none;min-height:70px}
.story-opening summary::-webkit-details-marker{display:none}
.story-opening summary:focus-visible{outline:3px solid #2478cc;outline-offset:-3px}
.story-opening summary img{display:block;width:90px;max-width:28%;height:60px;object-fit:contain;flex-shrink:0;border-radius:7px}
.story-opening summary span{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.story-opening summary strong,.story-opening summary small{display:block}
.story-opening summary strong{font-size:14px;color:#304a76}
.story-opening summary small{color:#697587}
.story-opening[open] summary strong::after{content:' ▴'}
.story-opening:not([open]) summary strong::after{content:' ▾'}
.story-opening>.story-full{display:block;width:100%;max-width:100%;height:auto;max-height:300px;object-fit:contain;margin:0 auto 12px}
@media(max-width:780px){.story-opening{margin-bottom:14px}.story-opening summary{padding:8px 10px;gap:10px}.story-opening summary img{width:72px;height:48px}.story-opening>.story-full{max-height:210px}}