/* =======================================================================
   Cammino Diritto — la scheda personale (anagrafica.asp)

   Stessa lingua della homepage: Newsreader per i titoli, Archivo Narrow
   per etichette e comandi, filetti sottili al posto di bordi e ombre.
   Il tema comprato metteva schede arrotondate, pulsanti verdi e riquadri
   colorati: qui restano solo il rosso della testata per cio' che chiede
   attenzione e il nero dell'inchiostro per cio' che si puo' fare.

   Nato per anagrafica.asp e poi condiviso: si mette rcd-pagina sui
   contenitori della pagina e il tema comprato lascia il posto alla lingua
   della rivista. Le regole che riguardano una pagina sola - l'indice della
   scheda, la barra di salvataggio, l'editor della biografia - non trovano
   nulla a cui applicarsi altrove, quindi non danno fastidio.

   Va insieme a rcd-gabbia (in broadsheet.css), che allinea la larghezza e
   lo stacco dalla testata.

   Riusa le variabili di broadsheet.css.
   ======================================================================= */

/* ---------- testata della pagina ---------- */
.rcd-pagina .container > h1{
  font-family:var(--serif,Georgia,serif);
  font-size:27px; font-weight:600; line-height:1.15;
  color:var(--ink,#141412);
  margin:0 0 4px;
}
.rcd-pagina .rcd-pag-occhiello{
  display:block;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:10px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--rosso,#9B1B1B);
  margin-bottom:5px;
}
.rcd-pagina .rcd-pag-guida{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px; color:var(--ink2,#54534E); margin:0 0 16px;
}


/* ---------- titoli interni ---------- */
.rcd-pagina h3, .rcd-pagina h4{
  font-family:var(--serif,Georgia,serif);
  font-weight:600; color:var(--ink,#141412);
  margin:0 0 14px;
}
.rcd-pagina h3{
  font-size:20px;
  padding-bottom:7px;
  border-bottom:.5px solid var(--fil,#C8C6BE);
}
.rcd-pagina h4{ font-size:16px; margin-top:6px; }

/* ---------- etichette dei campi ----------
   <h7> non esiste nell'HTML: il browser lo tratta come elemento sconosciuto,
   quindi va dichiarato display:block o le etichette finiscono in linea.

   Vale solo dentro un modulo: altrove il tema usa <h7> anche per il testo
   corrente - gli abstract in ituoiarticoli.asp - e in maiuscoletto quelli
   diventavano illeggibili. */
.rcd-pagina form h7, .rcd-pagina label{
  display:block;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:10px; font-weight:600; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink2,#54534E);
  margin:12px 0 3px;
}

/* ---------- campi ---------- */
.rcd-pagina form.form-search input,
.rcd-pagina form.form-search select,
.rcd-pagina form.form-search textarea,
.rcd-pagina input[type="text"], .rcd-pagina input[type="tel"],
.rcd-pagina input[type="password"], .rcd-pagina input[type="email"],
.rcd-pagina textarea, .rcd-pagina select{
  width:100%;
  background:var(--bianco,#FBFAF7) !important;
  border:0; border-bottom:1px solid var(--fil,#C8C6BE);
  border-radius:0;
  box-shadow:none;
  padding:7px 2px; margin:0 0 4px;
  font-family:var(--serif,Georgia,serif);
  font-size:15px; color:var(--ink,#141412);
  opacity:1;
}
.rcd-pagina select{
  padding:7px 2px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:13px;
}
.rcd-pagina form.form-search input:focus,
.rcd-pagina textarea:focus, .rcd-pagina select:focus{
  outline:0;
  border-bottom-color:var(--ink,#141412);
  background:#fff !important;
}
.rcd-pagina textarea{ line-height:1.55; min-height:220px; }
.rcd-pagina input:disabled, .rcd-pagina select:disabled{
  color:var(--ink2,#54534E); border-bottom-style:dotted;
}
/* obbligatorio: un filetto rosso, non un bordo intero */
.rcd-pagina form.form-search input:required,
.rcd-pagina form.form-search select:required,
.rcd-pagina form.form-search textarea:required{
  border-bottom-color:var(--rosso,#9B1B1B);
}
.rcd-pagina ::placeholder{ color:#A9A79F; font-style:normal; }

/* ---------- comandi ---------- */
.rcd-pagina .btn,
.rcd-pagina input[type=submit].btn{
  border:0 !important; border-radius:0 !important;
  box-shadow:none !important; text-shadow:none !important;
  padding:9px 20px !important;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px !important; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--ink,#141412) !important; color:var(--bianco,#FBFAF7) !important;
  transition:background .15s;
}
.rcd-pagina .btn:hover, .rcd-pagina .btn:focus{
  background:var(--rosso,#9B1B1B) !important; color:#fff !important;
}
/* i comandi che non salvano: contorno, non pieno */
.rcd-pagina .btn-info, .rcd-pagina .btn-warning{
  background:none !important; color:var(--ink,#141412) !important;
  box-shadow:inset 0 0 0 1px var(--fil,#C8C6BE) !important;
}
.rcd-pagina .btn-info:hover, .rcd-pagina .btn-warning:hover{
  background:var(--ink,#141412) !important; color:var(--bianco,#FBFAF7) !important;
  box-shadow:inset 0 0 0 1px var(--ink,#141412) !important;
}
/* la chiusura dell'account resta l'unico comando rosso */
.rcd-pagina .btn-danger{ background:var(--rosso,#9B1B1B) !important; }
.rcd-pagina .btn-danger:hover{ background:var(--ink,#141412) !important; }

/* ---------- filetti ---------- */
.rcd-pagina hr{
  border:0; border-top:.5px solid var(--fil2,#E4E1DA);
  margin:18px 0 14px;
}

/* ---------- la colonna delle avvertenze ----------
   nel tema era un riquadro colorato: qui una nota a margine */
.rcd-pagina .leftSidebar.alert,
.rcd-pagina .alert{
  background:none !important;
  border:0 !important; border-left:2px solid var(--fil,#C8C6BE) !important;
  border-radius:0 !important;
  padding:2px 0 2px 15px !important;
  margin:0 0 16px !important;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px !important; line-height:1.55 !important;
  color:var(--ink2,#54534E) !important;
}
.rcd-pagina .alert b, .rcd-pagina .alert strong{ color:var(--ink,#141412); }
.rcd-pagina .alert-danger{
  border-left-color:var(--rosso,#9B1B1B) !important;
  color:var(--ink,#141412) !important;
}
.rcd-pagina .alert ol, .rcd-pagina .alert ul{ padding-left:18px; margin:4px 0 0; }
.rcd-pagina .alert li{ margin:2px 0; }
/* "Raccomandazioni:" e simili: occhiello, non testo corrente */
.rcd-pagina .rcd-pag-voce{
  display:block;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:9.5px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink,#141412);
  margin:14px 0 3px;
}

/* ---------- il riquadro dell'immagine ---------- */
.rcd-pagina iframe{
  border:.5px solid var(--fil,#C8C6BE) !important;
  background:var(--bianco,#FBFAF7);
}


@media (max-width:799px){
  .rcd-pagina .container > h1{ font-size:22px; }
}

/* "Raccomandazioni:" e' un <h5> dentro la nota: stessa misura degli occhielli.
   Il tema capitalizzava ogni parola dell'elenco ("Mantieni Sempre Aggiornata"):
   la frase torna scritta come e' stata scritta. */
.rcd-pagina .alert h5{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:9.5px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink,#141412);
  margin:14px 0 3px;
}
.rcd-pagina .alert h5 .contenuto,
.rcd-pagina .alert li{
  font-size:12.5px; font-weight:400; letter-spacing:0;
  text-transform:none; color:var(--ink2,#54534E);
}
.rcd-pagina .alert .text-danger{ color:var(--rosso,#9B1B1B) !important; }

/* I pulsanti sono <input type=submit>: senza questa riga si prendevano il
   width:100% dei campi e diventavano una fascia nera larga tutta la colonna */
.rcd-pagina form.form-search input[type=submit],
.rcd-pagina form.form-search input[type=button],
.rcd-pagina form.form-search input[type=reset],
.rcd-pagina form.form-search button{ width:auto; }



/* =======================================================================
   La scheda su una pagina sola

   Le quattro schede a linguetta sono diventate cinque sezioni in fila.
   L'indice in alto non nasconde piu' nulla: sono solo salti, e la voce
   corrente si accende scorrendo.
   ======================================================================= */
.rcd-pagina .rcd-indice{
  display:flex; flex-wrap:wrap; gap:22px;
  border-bottom:2px solid var(--ink,#141412);
  margin-bottom:0;

  /* resta in cima mentre si scorre: e' quello che facevano le linguette,
     tenere sempre visibile dove si e' e dove si puo' andare */
  /* si ferma sotto la barra del menu, che dalla sua e' fissa in alto:
     --bsnav-h la scrive il copione di header.asp */
  position:sticky; top:var(--bsnav-h,0px); z-index:45;
  background:var(--carta,#F3F2EE);
}
.rcd-pagina .rcd-indice a{
  padding:6px 0 7px; margin-bottom:-2px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink2,#54534E);
  border-bottom:2px solid transparent;
  text-decoration:none;
}
.rcd-pagina .rcd-indice a:hover{ color:var(--ink,#141412); }
.rcd-pagina .rcd-indice a.viva{
  color:var(--ink,#141412); border-bottom-color:var(--rosso,#9B1B1B);
}

/* ---------- le sezioni ---------- */
/* Ogni sezione e' un riquadro. Prima erano separate da un filetto in
   testa: bastava, finche' le sezioni erano poche e corte. Con moduli
   lunghi il filetto si perde di vista e non si capisce piu' dove finisce
   una parte e comincia l'altra; il bordo tiene insieme il gruppo. */
.rcd-pagina .rcd-sez{
  padding:22px 24px 20px;
  margin-bottom:18px;
  border:.5px solid var(--fil,#C8C6BE);
  background:var(--bianco,#FBFAF7);
}
.rcd-pagina .rcd-sez:last-child{ margin-bottom:0; }
/* ...ma "ultima" vale dentro il proprio contenitore, e in anagrafica il
   modulo si chiude dopo la Biografia: quella era l'ultima sezione del
   modulo, perdeva lo stacco, e "Attivita' di redazione" - che sta fuori -
   le finiva incollata sotto. Le sezioni dentro un modulo tengono il loro
   stacco: qualcuno viene sempre dopo. */
.rcd-pagina form > .rcd-sez:last-child{ margin-bottom:18px; }
.rcd-pagina .rcd-sez__tit{
  font-family:var(--serif,Georgia,serif);
  font-size:20px; font-weight:600; color:var(--ink,#141412);
  margin:0 0 16px; padding-bottom:7px;
  border-bottom:.5px solid var(--fil,#C8C6BE);
}
.rcd-pagina .rcd-sez__aiuto{
  display:block; margin-top:8px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; color:var(--ink2,#54534E);
}
.rcd-pagina .rcd-sez__occhiello{
  display:block; margin-bottom:6px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:9.5px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink,#141412);
}

/* ---------- che cosa manca ancora ---------- */
.rcd-pagina .rcd-manca{
  border-left:2px solid var(--rosso,#9B1B1B);
  padding:8px 0 8px 15px; margin:22px 0 0;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px; color:var(--ink2,#54534E);
}
.rcd-pagina .rcd-manca__tit{
  display:block;
  font-size:9.5px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink,#141412); margin-bottom:5px;
}
.rcd-pagina .rcd-manca__elenco{
  list-style:none; margin:0 0 4px; padding:0;
  display:flex; flex-wrap:wrap; gap:0 16px;
}
.rcd-pagina .rcd-manca__elenco a{
  color:var(--rosso,#9B1B1B); text-decoration:none;
  border-bottom:1px solid var(--fil,#C8C6BE);
}
.rcd-pagina .rcd-manca__elenco a:hover{ border-bottom-color:var(--rosso,#9B1B1B); }
.rcd-pagina .rcd-manca__nota{ display:block; font-size:11.5px; }

/* ---------- la barra di salvataggio ----------
   sta in fondo al modulo e si stacca soltanto quando c'e' qualcosa da
   salvare: su una pagina lunga il comando deve restare a portata */
.rcd-pagina .rcd-salva{
  display:flex; align-items:center; justify-content:flex-end; gap:16px;
  border-top:2px solid var(--ink,#141412);
  padding:14px 0; margin-top:26px;
  background:var(--carta,#F3F2EE);
}
.rcd-pagina .rcd-salva__nota{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; color:var(--ink2,#54534E);
  visibility:hidden;
}
.rcd-pagina .rcd-salva.viva{
  position:sticky; bottom:0; z-index:40;
  box-shadow:0 -6px 18px rgba(20,20,18,.10);
  padding-left:14px; padding-right:14px;
}
.rcd-pagina .rcd-salva.viva .rcd-salva__nota{ visibility:visible; color:var(--rosso,#9B1B1B); }

@media (max-width:799px){
  .rcd-pagina .rcd-indice{ gap:14px; }
  .rcd-pagina .rcd-indice a{ font-size:10px; letter-spacing:.1em; }
}

/* L'indice resta in cima: i salti devono fermarsi sotto di lui, altrimenti
   il titolo della sezione finisce coperto */
.rcd-pagina .rcd-sez{ scroll-margin-top:calc(var(--bsnav-h,0px) + 52px); }
.rcd-pagina .rcd-indice{ padding-top:6px; }

/* =======================================================================
   Il piccolo editor della biografia (assets/js/bio-editor.js)

   La casella vera resta nel modulo ma nascosta: davanti c'e' un foglio in
   cui si scrive, con una barra sopra. Stessa lingua del resto: filetti
   sottili, Archivo Narrow per i comandi, Newsreader per il testo scritto.
   ======================================================================= */
.rcd-bio{ position:relative; }
.rcd-bio__vera{ display:none !important; }

.rcd-bio__barra{
  display:flex; align-items:center; gap:4px; flex-wrap:wrap;
  border-bottom:.5px solid var(--fil,#C8C6BE);
  padding:0 0 6px; margin:0 0 8px;
}
.rcd-bio__tasto{
  background:none; border:0; border-radius:0;
  padding:4px 9px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink2,#54534E); cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--fil2,#E4E1DA);
}
.rcd-bio__tasto:hover{ color:var(--ink,#141412); box-shadow:inset 0 0 0 1px var(--fil,#C8C6BE); }
.rcd-bio__tasto.viva{
  color:var(--bianco,#FBFAF7); background:var(--ink,#141412);
  box-shadow:inset 0 0 0 1px var(--ink,#141412);
}
.rcd-bio__sep{
  width:1px; height:16px; margin:0 6px;
  background:var(--fil2,#E4E1DA);
}

.rcd-bio__foglio{
  min-height:250px; max-height:420px; overflow-y:auto;
  background:var(--bianco,#FBFAF7);
  border:0; border-bottom:1px solid var(--fil,#C8C6BE);
  padding:8px 2px;
  font-family:var(--serif,Georgia,serif);
  font-size:15px; line-height:1.55; color:var(--ink,#141412);
}
.rcd-bio__foglio:focus{
  outline:0; background:#fff;
  border-bottom-color:var(--ink,#141412);
}
.rcd-bio__foglio p{ margin:0 0 9px; }
.rcd-bio__foglio ul, .rcd-bio__foglio ol{ margin:0 0 9px; padding-left:22px; }
.rcd-bio__foglio li{ margin:2px 0; }
.rcd-bio__foglio b, .rcd-bio__foglio strong{ font-weight:600; }
.rcd-bio__foglio:empty:before{
  content:attr(data-vuoto);
  color:#A9A79F;
}

.rcd-pagina .contatore{
  display:block; text-align:right; margin-top:5px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; color:var(--ink2,#54534E);
}
.rcd-pagina .contatore.rcd-bio__troppo{ color:var(--rosso,#9B1B1B); font-weight:600; }

/* =======================================================================
   La password di accesso (DTAccesso.asp)
   ======================================================================= */
.rcd-pagina .rcd-acc-conto{
  font-family:var(--serif,Georgia,serif);
  font-size:16px; color:var(--ink,#141412); margin:0 0 4px;
}
.rcd-pagina .rcd-acc-psw{
  width:100%; max-width:340px;
  font-family:'Courier New',monospace !important;
  font-size:17px !important; letter-spacing:.06em;
  color:var(--ink,#141412);
}
/* Il livello di protezione: una riga di stato, non un riquadro colorato.
   Il testo lo scrive il copione, che ci infila anche un <h7>: li' dentro
   e' una frase, non un'etichetta, quindi niente maiuscoletto. */
.rcd-pagina .rcd-acc-forza{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif) !important;
  font-size:12.5px !important; color:var(--ink2,#54534E);
  margin:10px 0 0; padding-top:9px;
  border-top:.5px solid var(--fil2,#E4E1DA);
}
.rcd-pagina .rcd-acc-forza b{ color:var(--ink,#141412); }
.rcd-pagina .rcd-acc-forza hr{ margin:8px 0; }
.rcd-pagina .rcd-acc-forza h7{
  display:block; margin:6px 0 0;
  font-size:12.5px; font-weight:400; letter-spacing:0;
  text-transform:none; color:var(--ink2,#54534E);
}
.rcd-pagina .rcd-acc-comandi{
  display:flex; gap:10px; flex-wrap:wrap;
  margin-top:16px; padding-top:14px;
  border-top:.5px solid var(--fil,#C8C6BE);
}
.rcd-pagina .rcd-acc-ultima{
  display:block; margin-top:12px; padding-top:10px;
  border-top:.5px solid var(--fil2,#E4E1DA);
  font-size:11.5px;
}
.rcd-pagina .rcd-acc-mai{ color:var(--rosso,#9B1B1B); font-weight:600; }

/* =======================================================================
   I settori d'interesse (selmail.asp)

   Cinquantanove caselle su tre colonne: senza un segno chiaro non si
   capisce quali sono spuntate. Il codice della materia fa da ancora
   visiva, il nome sta sotto in tono minore, e la riga scelta si accende
   con un filetto rosso invece che con un fondo verde.
   ======================================================================= */
.rcd-pagina .rcd-materie{ margin-top:14px; }
.rcd-pagina .rcd-materia{
  display:block; font-weight:400;
  padding:6px 10px 6px 24px; margin:0 0 2px;
  position:relative; cursor:pointer;
  border-left:2px solid transparent;
}
.rcd-pagina .rcd-materia:hover{ background:var(--carta,#F3F2EE); }
.rcd-pagina .rcd-materia input{
  position:absolute; left:2px; top:9px; margin:0;
  width:auto !important;
}
/* codice e nome sulla stessa riga, come nel menu Classificazioni: i nomi
   delle materie sono scritti tutti in maiuscolo nell'archivio, e in un
   carattere stretto si leggono, in un serif diventano un muro */
.rcd-pagina .rcd-materia .cod,
.rcd-pagina .rcd-materia .nome{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  line-height:1.35;
}
.rcd-pagina .rcd-materia .cod{
  font-size:11px; font-weight:600; letter-spacing:.08em;
  color:var(--ink,#141412);
}
.rcd-pagina .rcd-materia .nome{
  font-size:11.5px; letter-spacing:.03em; color:var(--ink2,#54534E);
}
.rcd-pagina .rcd-materia.scelta{
  border-left-color:var(--rosso,#9B1B1B);
  background:var(--bianco,#FBFAF7);
}
.rcd-pagina .rcd-materia.scelta .cod{ color:var(--rosso,#9B1B1B); }
.rcd-pagina .rcd-materia.scelta .nome{ color:var(--ink,#141412); }

/* quante ne hai scelte, accanto al titolo della sezione */
.rcd-pagina .rcd-materie__conto{
  float:right;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink2,#54534E);
  padding-top:6px;
}
.rcd-pagina .rcd-materie__conto.pieno{ color:var(--rosso,#9B1B1B); }
.rcd-pagina .rcd-materie__spente{
  font-family:var(--serif,Georgia,serif);
  font-size:15px; line-height:1.6; color:var(--ink,#141412);
}

/* ---------- scelte a pallino, in colonna ---------- */
.rcd-pagina .rcd-scelte{ list-style:none; margin:0 0 18px; padding:0; }
.rcd-pagina .rcd-scelte li{ margin:0 0 4px; }
.rcd-pagina .rcd-scelte label{
  display:block; cursor:pointer;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:13px; font-weight:400; letter-spacing:0;
  text-transform:none; color:var(--ink,#141412);
  margin:0; padding:4px 0 4px 22px; position:relative;
}
.rcd-pagina .rcd-scelte input{
  position:absolute; left:2px; top:8px; margin:0; width:auto !important;
}
.rcd-pagina .rcd-scelte small{
  display:block; color:var(--ink2,#54534E); font-size:11.5px;
}

/* =======================================================================
   I tuoi articoli (ituoiarticoli.asp)

   Tre colonne di schede: le bozze, quelle al vaglio della redazione e le
   pubblicate. Il tema le disegnava con bordi neri, ombre al passaggio del
   mouse e fasce verdi e arancioni; qui diventano schede di carta con un
   filetto sottile, e il colore torna a significare qualcosa - il rosso
   della rivista per cio' che si e' fermato, l'inchiostro per cio' che
   procede.
   ======================================================================= */
.rcd-pagina .paginazione1,
.rcd-pagina .paginazione2{
  border:.5px solid var(--fil,#C8C6BE) !important;
  background:var(--bianco,#FBFAF7) !important;
  padding:14px 16px !important;
  margin-bottom:14px;
  box-shadow:none;
  transition:border-color .15s;
}
.rcd-pagina .paginazione1:hover,
.rcd-pagina .paginazione2:hover{ border-color:var(--ink,#141412) !important; }
.rcd-pagina .paginazione1:hover img,
.rcd-pagina .paginazione2:hover img{ box-shadow:none; }
.rcd-pagina .paginazione2:hover a{ text-shadow:none; }

/* titoletti di colonna */
.rcd-pagina p.title{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink2,#54534E);
  margin:0 0 12px; padding-bottom:7px;
  border-bottom:2px solid var(--ink,#141412);
}
.rcd-pagina p.title strong{ color:var(--ink,#141412); font-weight:600; }

/* titolo della scheda e data */
.rcd-pagina .paginazione1 h5,
.rcd-pagina .paginazione2 h5{
  font-family:var(--serif,Georgia,serif);
  font-size:15px; font-weight:600; line-height:1.25;
  color:var(--ink,#141412); margin:4px 0 6px; text-transform:none;
}
.rcd-pagina .paginazione1 h5 small,
.rcd-pagina .paginazione2 h5 small{ font-size:100%; color:inherit; }
.rcd-pagina p.data{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; color:var(--ink2,#54534E); margin:0 0 8px;
}

/* le fasce di stato: erano verdi e arancioni a fondo pieno */
.rcd-pagina .base1,
.rcd-pagina .base2{
  border-right:1px solid var(--bianco,#FBFAF7);
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  line-height:1.25; padding:7px 9px;
}
.rcd-pagina .base1{ background:var(--ink,#141412); color:var(--bianco,#FBFAF7); }
.rcd-pagina .base2{ background:var(--fil2,#E4E1DA); color:var(--ink2,#54534E); }

/* il timbro sull'articolo rifiutato */
.rcd-pagina .rifiutato{
  position:absolute; left:5%; top:5%; z-index:20; width:400px;
  border:3px solid var(--rosso,#9B1B1B);
  padding:14px 18px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:30px; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; color:var(--rosso,#9B1B1B);
  line-height:1.05; transform:rotate(-4deg);
}
@media (max-width:700px){ .rcd-pagina .rifiutato{ font-size:22px; width:auto; right:5%; } }
/* Il velo sull'articolo rifiutato va sul contenuto, non sulla scheda: se
   sta sul contenitore sbiadisce anche il timbro e il tasto che gli stanno
   sopra, e l'opacita' di un genitore un figlio non la puo' annullare. */
.rcd-pagina .opacizza{ background:var(--bianco,#FBFAF7); }
.rcd-pagina .opacizza > div:not(.rifiutato):not(.rcd-rifiutato__comandi){
  opacity:.3;
}

.rcd-pagina .immaginiautore img{
  width:80px; max-height:80px; border-radius:50%;
  border:1px solid var(--fil,#C8C6BE);
}
.rcd-pagina .link{ color:var(--rosso,#9B1B1B) !important; }
.rcd-pagina .disabled{
  background:none !important; border:0;
  color:#A9A79F !important; box-shadow:inset 0 0 0 1px var(--fil2,#E4E1DA) !important;
}
.rcd-pagina .contenuto_pagina ol,
.rcd-pagina .contenuto_pagina ul{ padding:0 20px; }
.rcd-pagina .contenuto_pagina ol li,
.rcd-pagina .contenuto_pagina ul li{ margin:2px 25px; list-style-type:square; }

/* <h7> fuori da un modulo e' testo, non un'etichetta */
.rcd-pagina h7:not(form h7){
  display:block;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px; font-weight:400; letter-spacing:0;
  text-transform:none; line-height:1.5; color:var(--ink2,#54534E);
}
/* le linee di colonna del tema non servono qui */
.rcd-pagina .leftlinee, .rcd-pagina .rightlinee{ border-left:0; border-right:0; }

/* Il comando per togliere un articolo rifiutato: sta sotto al timbro, che
   e' in posizione assoluta, quindi ha bisogno del suo posto nel flusso. */
.rcd-pagina .rcd-rifiutato__comandi{
  position:absolute; left:5%; top:5%; z-index:21;
  margin-top:86px;
}
@media (max-width:700px){
  .rcd-pagina .rcd-rifiutato__comandi{ margin-top:66px; }
}

/* =======================================================================
   Argomenti suggeriti dalla redazione (lista_argomenti.asp)

   Le proposte erano riquadri con ombra portata; qui diventano schede di
   carta con il filetto. Il verde e il grigio del tema restano solo come
   segno di stato - libero o gia' assegnato - tradotti nella tavolozza
   della rivista.
   ======================================================================= */
.rcd-pagina .alert-grey,
.rcd-pagina .alert-success{
  background:var(--bianco,#FBFAF7) !important;
  border:0 !important; border-left:2px solid var(--fil,#C8C6BE) !important;
  border-radius:0 !important;
  padding:14px 16px !important; margin:0 0 16px !important;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px !important; line-height:1.5 !important;
  color:var(--ink2,#54534E) !important;
}
.rcd-pagina .alert-success{ border-left-color:#2F6B4F !important; }
.rcd-pagina .alert-grey h4,
.rcd-pagina .alert-success h4{
  font-family:var(--serif,Georgia,serif);
  font-size:16px; font-weight:600; line-height:1.3;
  color:var(--ink,#141412); margin:4px 0 8px;
}
.rcd-pagina .alert-grey hr,
.rcd-pagina .alert-success hr{ border-top:.5px solid var(--fil2,#E4E1DA); margin:9px 0; }

/* i due sottotitoli di sezione, con il tasto che scambia le liste */
.rcd-pagina h3 small{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink2,#54534E);
}
/* gli avvisi in rosso del tema: qui il rosso e' quello della testata e il
   testo torna leggibile, non un blocco di h4 grandi */
.rcd-pagina h4.text-danger,
.rcd-pagina h3.text-danger{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px; font-weight:400; line-height:1.55;
  color:var(--ink2,#54534E) !important;
  border-left:2px solid var(--rosso,#9B1B1B);
  padding:2px 0 2px 15px; margin:0 0 16px;
}

/* le etichette a pillola del tema */
.rcd-pagina .label{
  display:inline-block;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  border-radius:0; padding:3px 7px;
}
.rcd-pagina .label-danger{ background:var(--rosso,#9B1B1B); }
.rcd-pagina .label-warning{ background:var(--ink2,#54534E); }

/* le ombre portate del tema non servono piu' */
.rcd-pagina .ombra, .rcd-pagina .ombraavviso,
.rcd-pagina .ombra:hover, .rcd-pagina .ombraavviso:hover{ box-shadow:none; }

/* La colonna di destra e' stretta: giustificata apriva voragini fra le
   parole. Allineata a sinistra, come le note a margine delle altre pagine. */
.rcd-pagina .rightSidebar,
.rcd-pagina .rightSidebar p{ text-align:left; }

/* Le due colonne di lista_argomenti.asp: tre quarti al contenuto, un
   quarto alla spalla. Sommano a cento, quindi restano affiancate. */
.rcd-pagina .rcd-col-larga{ width:75%; }
.rcd-pagina .rcd-col-stretta{ width:25%; }

/* =======================================================================
   La ricerca (ricerca.asp)

   Il campo e' l'elemento principale della pagina: grande, con il filetto
   sotto come tutti gli altri campi del sito. Sotto, il riquadro che si
   riempie mentre si scrive; piu' in basso l'elenco completo, che arriva
   premendo Invio ed e' quello indirizzabile.
   ======================================================================= */
.rcd-pagina .rcd-cerca{ margin:0 20px 20px; }
.rcd-pagina .rcd-cerca form{ display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.rcd-pagina .rcd-cerca input[type=text]{
  flex:1 1 380px; width:auto !important;
  background:var(--bianco,#FBFAF7) !important;
  border:0 !important; border-bottom:1px solid var(--ink,#141412) !important;
  border-radius:0; height:auto !important;
  padding:6px 2px !important; margin:0;
  font-family:var(--serif,Georgia,serif) !important;
  font-size:26px !important; color:var(--ink,#141412);
}
.rcd-pagina .rcd-cerca input[type=text]:focus{ outline:0; background:#fff !important; }
.rcd-pagina .rcd-cerca ::placeholder{ color:#A9A79F; }

/* ---------- il riquadro che risponde mentre si scrive ---------- */
.rcd-pagina .rcd-live{ margin:-18px 0 26px; }
.rcd-pagina .rcd-live.viva{
  border-top:2px solid var(--ink,#141412);
  padding-top:10px;
}
/* il tema mette un quadratino davanti a ogni voce di elenco dentro
   .contenuto: qui i risultati non sono un elenco puntato */
.rcd-pagina .rcd-live__elenco{ list-style:none; margin:0; padding:0; }
.rcd-pagina .rcd-live__elenco li{ list-style:none !important; margin-left:0 !important; }
.rcd-pagina .rcd-live__elenco li{
  padding:7px 0; border-bottom:.5px solid var(--fil2,#E4E1DA);
}
.rcd-pagina .rcd-live__elenco li:last-child{ border-bottom:0; }
.rcd-pagina .rcd-live__elenco a{
  display:block;
  font-family:var(--serif,Georgia,serif);
  font-size:15.5px; line-height:1.3; color:var(--ink,#141412);
}
.rcd-pagina .rcd-live__elenco a:hover{ color:var(--rosso,#9B1B1B); }
.rcd-pagina .rcd-live__dati{
  display:block; margin-top:2px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink2,#54534E);
}
.rcd-pagina .rcd-live__nulla,
.rcd-pagina .rcd-live__oltre{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12px; color:var(--ink2,#54534E); margin:6px 0 0;
}

/* ---------- l'elenco completo ---------- */
.rcd-pagina .panel, .rcd-pagina .panel-default,
.rcd-pagina .panel-heading, .rcd-pagina .panel-body{
  background:none !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding-left:0; padding-right:0;
}
.rcd-pagina .panel-heading{ border-bottom:2px solid var(--ink,#141412) !important; padding:0 0 7px; margin-bottom:14px; }
.rcd-pagina .panel-title{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif) !important;
  font-size:11.5px !important; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink2,#54534E) !important;
}
.rcd-pagina .panel-title b{ font-size:11.5px !important; color:var(--ink,#141412); }
.rcd-pagina .post-cat a{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--rosso,#9B1B1B);
}
.rcd-pagina .panel-body strong.text-info{
  font-family:var(--serif,Georgia,serif);
  font-size:17px; font-weight:600; line-height:1.25;
  color:var(--ink,#141412) !important;
}
/* l'indirizzo per esteso sotto ogni risultato: era verde da motore di ricerca */
.rcd-pagina .panel-body sp{
  display:block; margin:2px 0 4px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif) !important;
  font-size:11px; color:var(--ink2,#54534E) !important; font-weight:400 !important;
}
/* il termine cercato, evidenziato: il giallo da evidenziatore diventa un
   fondo di carta con il testo in rosso */
.rcd-pagina .panel-body span[style*="background"]{
  background:var(--carta,#F3F2EE) !important;
  color:var(--rosso,#9B1B1B) !important;
  padding:0 2px;
}

/* Autore e data dei risultati: il tema li faceva verde brillante, colore
   che nella rivista non esiste. Restano in secondo piano, come il resto
   dei dati di servizio. */
.rcd-pagina .panel-body span[style*="float:left"],
.rcd-pagina .panel-body span[style*="float:right"]{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px !important; letter-spacing:.05em; text-transform:uppercase;
  color:var(--ink2,#54534E) !important;
}
.rcd-pagina .panel-body span[style*="float:left"] b,
.rcd-pagina .panel-body span[style*="float:right"] b{
  color:var(--ink,#141412) !important; font-weight:600;
}
.rcd-pagina .panel-body p{
  font-family:var(--serif,Georgia,serif);
  font-size:14px !important; line-height:1.5 !important; color:var(--ink2,#54534E) !important;
}
.rcd-pagina .panel-title *{ color:inherit !important; }

/* La riga di Bootstrap porta margini negativi di 15px per compensare il
   margine interno delle colonne. Qui dentro non ci sono colonne, quindi
   quel margine faceva sporgere il contenuto di 15px per lato oltre la
   testata. Azzerato, il corpo torna allineato al menu e al piede. */
/* niente spazio fra le due classi: stanno sullo stesso elemento, non una
   dentro l'altra */
.rcd-pagina.about-page-area .row{ margin-left:0; margin-right:0; }

/* Le risposte stanno sotto al riquadro del modulo, non dentro: allineate
   a lui, con lo stesso rientro di venti pixel. */
.rcd-pagina .rcd-live{ margin:0 20px 26px; }
.rcd-pagina .rcd-live.viva{ padding-top:14px; }
/* le parole trovate, segnate nel titolo */
.rcd-pagina .rcd-live mark{
  background:none; padding:0;
  color:var(--rosso,#9B1B1B); font-weight:600;
}

/* Interlinea dei risultati: venti pixel su tutte le righe del blocco -
   titolo, indirizzo, sommario, autore e data - cosi' il passo verticale
   e' uno solo e le voci non si accavallano. */
.rcd-pagina .panel-body .col-md-12,
.rcd-pagina .panel-body .col-md-12 *{ line-height:20px !important; }

/* Quaranta pixel fra un risultato e il successivo: dentro il blocco le
   righe stanno a venti, fra un contributo e l'altro serve il doppio,
   altrimenti la fine di uno e l'inizio dell'altro si confondono. */
.rcd-pagina .panel-body .col-md-12{ margin-bottom:40px; }
.rcd-pagina .panel-body hr{
  border:0; border-top:.5px solid var(--fil2,#E4E1DA);
  margin:0 0 40px;
}
.rcd-pagina .panel-body .col-md-12 + hr{ margin-top:-20px; }

/* =======================================================================
   Il modulo di ricerca in evidenza

   E' l'elemento per cui esiste la pagina: deve leggersi come una cosa
   sola - campo piu' comando - dentro un riquadro di carta con il filetto
   d'inchiostro sopra, non come un campo qualsiasi perso nella pagina.
   ======================================================================= */
.rcd-pagina .rcd-cerca{
  background:var(--bianco,#FBFAF7);
  border:.5px solid var(--fil,#C8C6BE);
  border-top:2px solid var(--ink,#141412);
  padding:18px 20px 20px;
}
.rcd-pagina .rcd-cerca:focus-within{ border-color:var(--ink,#141412); }
.rcd-pagina .rcd-cerca:before{
  content:'Cerca fra i contributi pubblicati';
  display:block; margin-bottom:8px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:10px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--rosso,#9B1B1B);
}
.rcd-pagina .rcd-cerca input[type=text]{
  background:none !important;
  border-bottom-width:2px !important;
}
.rcd-pagina .rcd-cerca .btn{
  background:var(--ink,#141412) !important; color:var(--bianco,#FBFAF7) !important;
  border:0 !important; border-radius:0 !important;
  padding:11px 22px !important;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px !important; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase;
}
.rcd-pagina .rcd-cerca .btn:hover{ background:var(--rosso,#9B1B1B) !important; }
/* la riga del suggerimento sta dentro il riquadro, non appesa sotto */
.rcd-pagina .rcd-cerca + h7{
  display:block; margin:-14px 20px 26px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; color:var(--ink2,#54534E);
}

/* I titoli dei contributi trovati vanno in maiuscolo, sia nelle risposte
   che compaiono scrivendo sia nell'elenco completo. Si fa con il foglio di
   stile e non toccando il testo: cosi' il titolo resta come l'autore lo ha
   scritto e le parole evidenziate restano al loro posto. */
.rcd-pagina .rcd-live__elenco a,
.rcd-pagina .panel-body strong.text-info{
  text-transform:uppercase;
  letter-spacing:.01em;
}

/* Quanti ne ha trovati: sta sopra l'elenco, sulla riga d'inchiostro che
   separa il modulo dai risultati. */
.rcd-pagina .rcd-live__conto{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink2,#54534E);
  margin:0 0 12px; padding-bottom:8px;
  border-bottom:2px solid var(--ink,#141412);
}
.rcd-pagina .rcd-live__conto b{ color:var(--ink,#141412); font-weight:600; }

/* senza il tasto, il campo prende tutta la riga */
.rcd-pagina .rcd-cerca form{ display:block; }
.rcd-pagina .rcd-cerca input[type=text]{ flex:none; width:100% !important; }

/* Le pagine di testo (pagina.asp) non hanno gli involucri che altrove
   distanziano il contenuto dal menu: senza questo l'occhiello finiva
   attaccato al filetto della barra. */
.rcd-pagina.rcd-testo > .container{ padding-top:20px; }

/* =======================================================================
   Pagine consigliate (la spalla di pagina.asp)
   ======================================================================= */
.rcd-pagina .rcd-segue{
  /* segue la lettura restando sotto la barra del menu, che e' fissa */
  position:sticky; top:calc(var(--bsnav-h,0px) + 16px);
  align-self:start;
}
.rcd-pagina .rcd-segue .title-holder{
  margin:0 0 12px; padding-bottom:7px;
  border-bottom:2px solid var(--ink,#141412);
}
.rcd-pagina .rcd-segue h3.title{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink2,#54534E);
  margin:0; text-align:left;
}
/* il tratteggio del tema accanto al titolo non serve */
.rcd-pagina .rcd-segue .title-shape{ display:none; }

.rcd-pagina .rcd-segue .latest_post{
  margin:0; padding:9px 0;
  border-bottom:.5px solid var(--fil2,#E4E1DA);
}
.rcd-pagina .rcd-segue .latest_post:last-child{ border-bottom:0; }
.rcd-pagina .rcd-segue .media-body{ display:block; width:auto; }
/* il tema centra i titoli della spalla con una regola piu' forte: qui
   serve l'important per riportarli a sinistra */
.rcd-pagina .rcd-segue .media-heading,
.rcd-pagina .rcd-segue .latest_post{
  margin:0; text-align:left !important;
}
.rcd-pagina .rcd-segue .media-heading a{
  font-family:var(--serif,Georgia,serif);
  font-size:14px; font-weight:400; line-height:1.35;
  color:var(--ink,#141412); text-align:left;
}
.rcd-pagina .rcd-segue .media-heading a:hover{ color:var(--rosso,#9B1B1B); }

/* Il corpo delle pagine di testo prende i caratteri della prima pagina:
   lo stesso serif, la stessa misura, lo stesso inchiostro. Il tema
   imponeva un Alegreya Sans grigio a 17px, che qui stonava. */
.rcd-pagina.rcd-testo .post_details,
.rcd-pagina.rcd-testo .post_details p,
.rcd-pagina.rcd-testo .post_details li,
.rcd-pagina.rcd-testo .post_details td{
  font-family:var(--serif,Georgia,serif);
  font-size:14.5px; line-height:1.62; color:#26251F;
}
.rcd-pagina.rcd-testo .post_details p{ margin:0 0 12px; }
.rcd-pagina.rcd-testo .post_details h3{
  font-family:var(--serif,Georgia,serif); font-style:italic;
  font-size:16px; font-weight:400; line-height:1.3;
  color:var(--ink2,#54534E);
}

/* Nella spalla i titoli non si tagliano: vanno a capo per intero, senza
   sillabazione, cosi' si legge di che pagina si tratta. */
.rcd-pagina .rcd-segue .media-heading a{
  display:block; hyphens:none; -webkit-hyphens:none;
  overflow-wrap:break-word;
}

/* =======================================================================
   Pagine di errore (404 e sorelle)
   ======================================================================= */
.rcd-pagina.rcd-errore > .container{ padding-top:20px; padding-bottom:50px; }
.rcd-pagina.rcd-errore .rcd-err-testo{
  font-family:var(--serif,Georgia,serif);
  font-size:14.5px; line-height:1.62; color:#26251F;
  margin:0 0 12px; max-width:62ch;
}
.rcd-pagina.rcd-errore .rcd-err-azioni{
  margin:20px 0 0; padding-top:16px;
  border-top:.5px solid var(--fil,#C8C6BE);
  display:flex; gap:18px; align-items:center; flex-wrap:wrap;
}
.rcd-pagina.rcd-errore .rcd-err-btn{
  display:inline-block; background:var(--ink,#141412); color:var(--bianco,#FBFAF7);
  padding:11px 22px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
}
.rcd-pagina.rcd-errore .rcd-err-btn:hover{ background:var(--rosso,#9B1B1B); color:var(--bianco,#FBFAF7); }
.rcd-pagina.rcd-errore .rcd-err-alt{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:12.5px; letter-spacing:.04em; color:var(--rosso,#9B1B1B);
}
/* La provenienza la vede solo chi cura il sito: nota di servizio, non
   parte del discorso rivolto al lettore. */
.rcd-pagina.rcd-errore .rcd-err-da{
  margin:26px 0 0; padding:9px 12px;
  background:var(--bianco,#FBFAF7); border:.5px solid var(--fil,#C8C6BE);
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; color:var(--ink2,#54534E); word-break:break-all;
}
.rcd-pagina.rcd-errore .title-holder{
  margin:0 0 12px; padding-bottom:7px;
  border-bottom:2px solid var(--ink,#141412);
}
.rcd-pagina.rcd-errore h3.title{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink2,#54534E);
  margin:0; text-align:left;
}
.rcd-pagina.rcd-errore .rcd-err-elenco{ list-style:none; margin:0; padding:0; }
.rcd-pagina.rcd-errore .rcd-err-elenco li{
  border-bottom:.5px solid var(--fil2,#E4E1DA);
}
.rcd-pagina.rcd-errore .rcd-err-elenco li:last-child{ border-bottom:0; }
.rcd-pagina.rcd-errore .rcd-err-elenco a{
  display:block; padding:9px 0;
  font-family:var(--serif,Georgia,serif);
  font-size:14px; line-height:1.35; color:var(--ink,#141412);
}
.rcd-pagina.rcd-errore .rcd-err-elenco a:hover{ color:var(--rosso,#9B1B1B); }

/* L'elenco dei dati che mancano per attivarsi come autore: e' un vincolo,
   non un avviso di passaggio, quindi si legge come tale. */
.rcd-pagina .rcd-manca__elenco ol{ margin:8px 0 10px; padding-left:20px; }
.rcd-pagina .rcd-manca__elenco li{
  margin-bottom:6px; line-height:1.45;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif); font-size:13px;
}
.rcd-pagina .rcd-manca__elenco a{ color:var(--rosso,#9B1B1B); font-weight:600; }
.rcd-pagina .rcd-manca__elenco small{ color:var(--ink2,#54534E); font-size:11.5px; }

/* =======================================================================
   Il tasto Aiuto nella barra delle sezioni
   Sta all'altro capo della barra rispetto alle voci: quelle portano
   dentro la pagina, questo la spiega. E' l'unico comando rosso della
   barra perche' non porta da nessuna parte - apre un pannello e lo si
   richiude - e deve trovarsi al primo sguardo di chi non sa cosa fare.
   ======================================================================= */
.rcd-pagina .rcd-indice a.rcd-aiuto{
  margin-left:auto;            /* lo spinge al margine destro */
  align-self:center;
  padding:5px 14px;
  margin-bottom:6px;
  background:var(--rosso,#9B1B1B);
  color:var(--bianco,#FBFAF7);
  border-bottom:0;
  letter-spacing:.12em;
}
.rcd-pagina .rcd-indice a.rcd-aiuto:hover{
  background:var(--ink,#141412);
  color:var(--bianco,#FBFAF7);
}

/* =======================================================================
   Il salvataggio nella barra delle sezioni
   Stava in fondo alla pagina e compariva solo quando c'era qualcosa da
   salvare: su una scheda lunga bisognava scendere per trovarlo, e non si
   sapeva se ci fosse. Adesso sta nella barra che resta in cima, accanto
   all'Aiuto - i due comandi della pagina, sempre nello stesso posto.
   Le regole qui sotto disfano quelle della vecchia barra in fondo, che
   restano per le altre pagine che la usano.
   ======================================================================= */
.rcd-pagina .rcd-indice .rcd-salva,
.rcd-pagina .rcd-indice .rcd-salva.viva{
  display:inline-flex; align-items:center; gap:10px;
  position:static;
  border-top:0; box-shadow:none;
  padding:0; margin:0 10px 6px 0;
  background:none;
  align-self:center;
}
.rcd-pagina .rcd-indice .rcd-salvatasto{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  border:1px solid var(--ink,#141412); border-radius:0;
  padding:5px 14px;
  background:var(--ink,#141412); color:var(--bianco,#FBFAF7);
  box-shadow:none;
}
.rcd-pagina .rcd-indice .rcd-salvatasto:hover{
  background:var(--rosso,#9B1B1B); border-color:var(--rosso,#9B1B1B);
}
/* Quando c'e' qualcosa da salvare il comando si accende: e' l'unico
   segnale che avverte, ora che la barra non compare piu' da sola. */
.rcd-pagina .rcd-indice .rcd-salva.viva .rcd-salvatasto{
  /* !important perche' piu' su, in questo stesso foglio, i comandi delle
     pagine sono fissati in nero con la stessa parola: senza, il rosso
     dell'avviso non passerebbe. */
  background:var(--rosso,#9B1B1B) !important; border-color:var(--rosso,#9B1B1B) !important;
}
.rcd-pagina .rcd-indice .rcd-salva__nota{ font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; }

/* I due comandi hanno lo stesso stacco dal margine. */
.rcd-pagina .rcd-indice a.rcd-aiuto{ margin-right:10px; }

/* L'asterisco dei campi che servono per pubblicare. Non e' una
   decorazione: sono le stesse voci che compaiono nell'elenco "manca
   questo" in cima alla scheda, e finche' ne manca una il tasto che
   attiva come autore non compare. */
.rcd-pagina .rcd-obb{
  color:var(--rosso,#9B1B1B);
  font-weight:600;
  margin-left:3px;
  cursor:help;
}
.rcd-pagina .rcd-legenda{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11.5px; line-height:1.5; color:var(--ink2,#54534E);
  margin:0 0 12px; padding-bottom:10px;
  border-bottom:1px solid var(--fil,#C8C6BE);
}

/* La colonna del ritratto, dentro la sezione Biografia. Tiene la foto e
   le due qualifiche: e' stretta, quindi l'immagine si adatta invece di
   restare inchiodata ai suoi 300 punti. */
.rcd-pagina .rcd-ritratto iframe{
  width:100% !important; max-width:300px; height:300px !important;
  display:block; margin:0 auto 6px;
}
.rcd-pagina .rcd-ritratto .rcd-sez__aiuto{ display:block; margin-bottom:16px; }
.rcd-pagina .rcd-ritratto select{ width:100%; margin-bottom:12px; }
.rcd-pagina .rcd-ritratto h7{ display:block; margin-top:4px; }

/* I due blocchi arrivano da una riga a due colonne e si portavano dietro
   il col-md-6: dentro una colonna stretta diventavano due mezze colonne
   da un centinaio di pixel, con la foto rimpicciolita e i menu tagliati.
   Qui tornano larghi quanto la colonna, uno sotto l'altro. */
.rcd-pagina .rcd-ritratto > div{
  width:100% !important;
  float:none;
  padding-left:0; padding-right:0;
}
.rcd-pagina .rcd-ritratto select{ max-width:100%; }

/* Il filo fra il ritratto e le qualifiche: sopra c'e' una faccia, sotto
   due voci scelte da un elenco. Sono due cose diverse nella stessa
   colonna, e il filo lo dice senza scriverlo. */
.rcd-pagina .rcd-ritratto .rcd-filo{
  border:0; border-top:1px solid var(--fil,#C8C6BE);
  margin:16px 0 14px;
}

/* L'avviso sotto un campo: dice cosa manca senza aspettare il salvataggio.
   Neutro quando ricorda, rosso quando quello che c'e' scritto non regge. */
.rcd-pagina .rcd-avvisocampo{
  display:block; min-height:14px; margin-top:2px;
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; line-height:1.35; color:var(--ink2,#54534E);
}
.rcd-pagina .rcd-avvisocampo.storto{ color:var(--rosso,#9B1B1B); }

/* Il titolino che separa i gruppi di campi dentro una sezione. Non e' un
   titolo di sezione - quelli sono i riquadri - ma un respiro: dice che da
   qui in giu' si parla di un'altra cosa. */
.rcd-pagina .rcd-gruppo{
  font-family:var(--stretto,'Archivo Narrow',Arial,sans-serif);
  font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink2,#54534E);
  margin:22px 0 10px; padding-bottom:6px;
  border-bottom:1px solid var(--fil,#C8C6BE);
}