/* Alleen Appel gebruikt deze klassen; bestaande mobiele schil blijft intact. */
@media(max-width:1023px){
 /* Oranje voor urgentie (Simon, 9-10-2026). */
 .home-tegels .home-appel{background:#d9731a;color:#fff;border-color:#f0a35a}
 .home-tegels .home-appel .home-omschrijving{color:#fff3e6}
 /* Tijdstip en laatste antwoord op de tegel (10-10-2026). De tegel is vierkant en Home scrolt
    nooit: de oproeptekst hoogstens twee regels, het antwoord één regel, de rest wordt afgekapt. */
 /* Zelfde afstanden als de andere tegels (Simon, 11-10-2026: "andere uitlijning"); alleen afkappen wat niet past. */
 .home-tegels .home-appel{overflow:hidden}
 .home-tegels .home-appel strong{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
 .home-tegels .home-appel .home-appel-tijd{font-size:13px;font-weight:400;color:#fff3e6}
 .home-tegels .home-appel .home-omschrijving{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .home-tegels .home-appel .home-appel-antwoord{font-size:13px;line-height:1.5;font-weight:600;color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .appel-pagina{padding:20px;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
 .appel-pagina header{text-align:center}
 .appel-pagina header img{border-radius:50%}
 .appel-event [data-appel-event-regel]{white-space:pre-line}
 .appel-pagina h1{margin:8px 0}
 .appel-pagina h2{font-size:20px;margin:22px 0 12px}
 .appel-pagina h3{font-size:19px;margin:8px 0}
 .appel-acties{display:flex;flex-wrap:wrap;gap:10px}
 .appel-acties .btn{min-height:44px;white-space:normal}
 .appel-vorm,.appel-oproep,.appel-event{padding:16px;border:1px solid var(--gold,#cfaa58);border-radius:18px;margin:16px 0;min-width:0}
 .appel-event{margin:16px}
 .appel-vorm fieldset{border:0;padding:0;min-width:0;margin:18px 0}
 .appel-vorm legend{font-weight:700;margin-bottom:8px}
 .appel-vorm label{display:block;margin:10px 0}
 .appel-vorm .appel-keuze{display:flex;align-items:center;gap:10px;min-height:44px;margin:4px 0}
 .appel-vorm .appel-keuze input{width:22px;height:22px;flex-shrink:0;accent-color:var(--gold,#cfaa58)}
 .appel-vorm textarea,.appel-vorm input:not([type]){display:block;box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:16px;min-height:44px;padding:10px;border:1px solid #736343;border-radius:8px;background:#17140e;color:#fff}
 .appel-vorm [hidden]{display:none}
 .appel-pagina small{display:block;color:#c5bda9}
 .appel-testlabel{display:block;color:#f8d582;font-weight:700}
 .appel-oproep ul{list-style:none;padding:0}
 .appel-oproep li{margin:10px 0}
 .appel-acties [aria-pressed=true]{background:var(--gold,#cfaa58);color:#17140e}
}
@media(min-width:1024px){.appel-event{display:none}}
/* Zelf typen (10-10-2026): een ruim schrijfveld over de volle breedte, met de verstuurknop eronder
   (Simon: "schrijfveld is veel te klein"). */
.appel-eigen{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.appel-eigen[hidden]{display:none}
.appel-eigen textarea{display:block;box-sizing:border-box;width:100%;min-height:96px;font:inherit;font-size:16px;line-height:1.4;padding:12px;border:1px solid #736343;border-radius:10px;background:var(--surface,#1b1710);color:inherit;resize:vertical}
.appel-eigen .btn{min-height:48px;width:100%}
[data-appel-antwoordvak]:not(:empty){margin-top:14px;padding-top:12px;border-top:1px solid #3a3226}