/* Controvisto 4.5.2 — pagine del badge (/badge/ e /en/badge/) */
.badge-pag{padding-top:30px;padding-bottom:40px}
.badge-pag h1{font-size:clamp(1.6rem,1.15rem + 2.2vw,2.4rem);max-width:28ch;margin-bottom:12px}
.badge-pag h2{font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);margin:30px 0 12px}
.badge-pag .lead{color:var(--tenue);font-size:1.06rem;max-width:66ch}
.badge-pag ul.punti{max-width:72ch;padding-left:1.2em;margin:0 0 12px}
.badge-pag ul.punti li{margin-bottom:8px}
.badge-esempi{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}
.badge-esempi img{max-width:100%;height:auto;display:block}
.b-gen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.b-gen form{background:#fff;border:1px solid var(--linea);border-radius:6px;padding:18px}
.b-gen .campo{margin-bottom:14px}
.b-gen input[type=text]{width:100%}
.b-gen .aiuto{font-size:.88rem;color:var(--tenue);margin:6px 0 0}
.b-gen fieldset{margin-bottom:14px;background:#fff}
.b-gen legend{font-weight:600;font-size:.9rem;padding:0 4px}
.b-gen .radio{display:flex;flex-wrap:wrap;gap:4px 20px}
.b-gen .radio label{display:flex;align-items:center;gap:10px;font-weight:400;font-size:.95rem;min-height:40px;margin:0;cursor:pointer}
.b-gen .radio input{width:20px;height:20px;accent-color:var(--nero);margin:0;flex:none}
.b-msg{min-height:1.5em;font-size:.92rem;margin:4px 0 0;color:var(--verde);font-weight:600}
.b-msg.errore{color:var(--rosso)}
input[aria-invalid="true"]{border-color:var(--rosso)!important}
.b-anteprima{border:1px solid var(--linea);border-radius:6px;padding:22px 16px;display:flex;justify-content:center;align-items:center;min-height:110px;margin-bottom:6px}
.b-anteprima.su-chiaro{background:#fff}
.b-anteprima.su-scuro{background:var(--nero-2)}
.b-anteprima a{display:inline-block;max-width:100%;line-height:0}
.b-anteprima img{max-width:100%;height:auto}
.b-anteprima a:focus-visible{outline:3px solid var(--oro);outline-offset:4px}
.b-uscita{margin-top:18px}
.b-uscita h3{font-size:1.05rem;margin:0 0 6px}
.b-uscita textarea{width:100%;font-family:var(--mono);font-size:.82rem;line-height:1.45;resize:vertical;background:#fff;color:var(--testo);border:1.5px solid var(--linea-forte);border-radius:4px;padding:8px 10px;overflow-wrap:anywhere}
.b-uscita .az{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px}
.b-uscita .nota{margin:6px 0 0;max-width:70ch}
.b-copiato{font-size:.9rem;color:var(--verde);font-weight:600}
#bUscite.sospese .b-uscita,#bUscite.sospese .b-anteprima{opacity:.45}
.b-invito{background:var(--nero);color:#fff;border-radius:8px;padding:18px 22px;margin:34px 0 0;border-left:8px solid var(--oro)}
.b-invito p{margin:0;max-width:70ch}
.b-invito a{color:var(--oro-chiaro)}
@media (max-width:900px){.b-gen{grid-template-columns:minmax(0,1fr)}}
.b-regole{margin:30px 0 6px;max-width:80ch}
.badge-pag .b-regole h2{margin:0 0 8px;font-size:1.2rem}
.b-regole ul.punti{margin-bottom:8px}