/* Comparison, entry and donations keep one subject on each vertical frame. */
.panel-heading{margin-bottom:1.5rem}
.panel-heading h2{font-size:clamp(1.8rem,1.4rem + 1.2vw,2.6rem)}
.panel-heading p{font-size:1rem;line-height:1.6;margin-top:.65rem}
.comparison-section{display:grid;align-content:center;padding-block:3rem}
.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.comparison-pair figure{margin:0;min-width:0}
.comparison-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;margin-bottom:.65rem}
.comparison-label h3{font-size:1.25rem;color:var(--gold)}
.comparison-picture{position:relative;aspect-ratio:16/9;background:#09110b;border:1px solid var(--line);overflow:hidden}
.comparison-picture img{display:block;width:100%;height:100%;object-fit:contain}
.comparison-picture .comparison-layer{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
.comparison-picture .comparison-layer.is-visible{opacity:1}
.comparison-pair figcaption{font:clamp(.75rem,.7rem + .12vw,.85rem)/1.6 var(--mono);color:var(--muted);margin-top:.65rem}
.comparison-scenes{display:flex;gap:1rem}
.comparison-scenes button{font:.875rem/1.5 var(--mono);padding:.4rem .1rem;border-bottom:2px solid transparent;color:var(--muted)}
.comparison-scenes button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}
.entry-overview{padding-block:3rem}
.entry-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.entry-overview .entry-options{grid-template-columns:1fr;gap:1rem;max-width:none;margin:0;align-content:start}
.entry-overview .entry-options>div{align-items:start;text-align:left;padding:.75rem 0 .75rem 1.25rem;background:none;border:0;border-left:1px solid var(--line)}
.entry-overview .entry-options h3{display:flex;gap:.6rem;align-items:center;margin:0;color:var(--gold);font-size:1.3rem}
.entry-overview .entry-options p{margin:.5rem 0 .7rem;max-width:none;font-size:1rem;line-height:1.6;flex:initial}
.entry-overview .entry-options .button{min-height:2.75rem;padding:.5rem 0;font-size:1.2rem}
.entry-faq h3{font-size:1.4rem;color:var(--gold);margin-bottom:.5rem}
.entry-faq details{border-bottom:1px solid var(--line)}
.entry-faq summary{display:flex;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;padding:.8rem 0;font-size:1rem;line-height:1.5}
.entry-faq summary::-webkit-details-marker{display:none}
.entry-faq summary span{color:var(--green)}
.entry-faq details[open] summary span{transform:rotate(45deg)}
.entry-faq details p{font-size:.95rem;line-height:1.65;padding:0 1rem .85rem 0}
.community-donation .community-inner{grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem)}
.community-donation .support-note{padding-left:2rem}
.donation-form{margin-top:1rem;display:grid;gap:.85rem}
.donation-fields{display:grid;grid-template-columns:1fr;gap:1rem}
.donation-fields label{display:grid;gap:.4rem;font:clamp(.8rem,.75rem + .1vw,.9rem)/1.5 var(--mono);color:var(--muted)}
.donation-fields input{box-sizing:border-box;min-width:0;width:100%;min-height:2.8rem;padding:.6rem .7rem;color:var(--ink);background:#08100b80;border:1px solid #b2cb8d66;border-radius:0;font:1.1rem/1.4 var(--mono);color-scheme:dark}
.donation-fields input:focus-visible,.entry-faq:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.community-donation .donation-help{font:.75rem/1.5 var(--mono);color:var(--muted)}
.donation-methods{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;border:0;min-width:0}
.donation-methods legend{font:.75rem/1.5 var(--mono);color:var(--muted);margin-bottom:.4rem}
.donation-methods label{display:flex;align-items:center;gap:.5rem;min-height:2rem;font-size:.9rem;cursor:pointer}
.donation-methods input{accent-color:var(--green);width:1rem;height:1rem;margin:0}
.donation-form>.button{justify-self:start;min-height:2.75rem;padding:.5rem 0;font-size:1.25rem}
@media(min-width:60.01rem) and (min-height:44rem) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .filmstrip>.comparison-section{padding-block:2rem}
 .filmstrip>.entry-overview{display:grid;align-content:center;padding-block:1.5rem}
 .filmstrip>.entry-overview .entry-faq{max-height:calc(var(--film-height) - 12rem);overflow-y:auto;scrollbar-width:thin;padding-right:.75rem}
 .filmstrip>.community-donation{padding-block:1.5rem}
}
@media(max-width:60rem){
 .comparison-pair,.entry-layout,.community-donation .community-inner{grid-template-columns:1fr;gap:2rem}
 .community-donation .support-note{padding-left:0;padding-top:2rem}
 .comparison-label{margin-bottom:.5rem}
 .entry-faq{margin-top:.5rem}
}
@media(max-width:40rem){
 .comparison-label h3{font-size:1.1rem}
 .comparison-scenes{gap:.8rem}
 .donation-fields{gap:.65rem}
 .donation-fields input{font-size:1rem;padding-inline:.5rem}
}
@media(prefers-reduced-motion:reduce){.comparison-picture .comparison-layer{transition:none}}