.halloween-gallery{margin-block:3rem;padding-block:1.5rem;border-block:1px solid var(--line)}
.article-body .halloween-gallery>h2{margin-top:0}
.halloween-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1.5rem}
.halloween-gallery-preview figure{margin:0;min-width:0}.halloween-gallery-preview img{display:block;width:100%;height:auto}
.halloween-gallery-preview .image-frame{position:relative}
.article-body .halloween-gallery-info{font-size:.88rem;color:#526159;margin:.8rem 0 1.2rem}
.halloween-gallery-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}
.halloween-screen-help{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.halloween-screen-help summary{display:flex;align-items:center;gap:.75rem;list-style:none;cursor:pointer;font-weight:700;padding-block:.5rem}
.halloween-screen-help summary::-webkit-details-marker{display:none}
.halloween-screen-help summary::before{content:"";flex:0 0 auto;width:0;height:0;border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;border-left:.45rem solid currentColor}
.halloween-screen-help[open] summary::before{transform:rotate(90deg)}
.article-body .halloween-screen-help h3{margin:1.6rem 0 .65rem;font:700 1.15rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif}
.halloween-screen-help li+li{margin-top:.7rem}
@media(max-width:620px){.halloween-gallery-preview{grid-template-columns:1fr 1fr}.halloween-gallery-preview figure:first-child{grid-column:1/-1}.halloween-gallery-actions{display:grid;grid-template-columns:1fr}}
.halloween-gallery-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.halloween-gallery-preview figure:first-child{grid-column:auto}
.halloween-preview-link{display:block;color:inherit;text-decoration:none}
.halloween-gallery-preview img{aspect-ratio:16/9;object-fit:contain;background:#090e0c}
.article-body .halloween-gallery-preview figcaption{margin:.35rem 0 0;font:400 .8rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink)}
.halloween-preview-link:focus-visible{outline:3px solid #122b26;outline-offset:3px}
@media(max-width:620px){.halloween-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}}
@media(max-width:380px){.halloween-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}