/* INDIE film submission micro-site : surcouche de styles.css */
.film-hero .big20{font-size:clamp(280px,52vw,760px)}
/* categories */
.fcats{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr)}
.fcats li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 16px;padding:26px 0;border-bottom:1px solid var(--line)}
.fcats .n{font:800 30px/1 var(--sans);color:var(--gold);letter-spacing:-.02em}
.fcats h3{font-size:clamp(26px,3.2vw,36px)}
.fcats p{margin:8px 0 0;color:var(--mute);max-width:60ch}
@media(min-width:860px){.fcats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
/* rules */
.rules details p{margin-top:0}
.rules details p+p{margin-top:-8px}
.crit{max-width:760px}
.crit li b{color:var(--gold);font-weight:700}
@media(max-width:600px){.fcats li{grid-template-columns:44px minmax(0,1fr)}}
.formcard .grid2{align-items:start}
.foot li a{min-width:44px}
/* completion date : month and year side by side */
.pair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}
/* open now pill : solid ink behind so the decorative numeral never crosses the text, deadline on its own line on phones */
.open-now{flex-wrap:wrap;row-gap:6px;max-width:100%;border-radius:36px;background:linear-gradient(rgba(253,197,0,.12),rgba(253,197,0,.12)),var(--ink)}
.open-now small{flex-basis:100%;padding-left:26px;font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}
@media(min-width:700px){.open-now{border-radius:999px;flex-wrap:nowrap}.open-now small{flex-basis:auto;padding-left:16px;border-left:1px solid var(--line)}}
/* Instagram handle must wrap on narrow phones (08/11/2026, step "Post It With AFFD") */
.must li,.must b,.choice span,.hint,.share-lead,.steps p,.rules details p,.faq details p{overflow-wrap:anywhere}
/* "Personalise with your film title" : long label wraps inside the card on 320 px phones */
#personalise{max-width:100%;white-space:normal;text-align:left;justify-content:space-between;gap:10px;line-height:1.2}
/* personalised visual : the main action of the step */
.mine{margin:0 0 6px}.mine-t{margin:0 0 12px;font:600 20px/1.3 var(--serif,serif);color:var(--gold);overflow-wrap:anywhere}.mine-t:empty{display:none}