/* Biblioteca del mare — la Manualistica (portata da MySea, sezione «aula studio» di mysea.css).
   Solo variabili dei temi di sito.css (qui nessun colore scritto), niente opacity, caratteri e spazi in rem.
   I riquadri si distinguono per bordo e titolo scritto, mai per il solo colore. */

/* elenco dei manuali */
.griglia{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:1rem 0}
.scheda-manuale{border:1px solid var(--linea);border-radius:.45rem;background:var(--superficie);padding:.2rem 1rem .6rem;
  overflow-wrap:break-word}
.scheda-manuale h2{font-size:1.2rem;margin:.8rem 0 .4rem}
.scheda-manuale .etichetta{margin-right:.3rem}
.piccolo{font-size:.9rem}
.tenue{color:var(--testo-2)}

/* briciole e sfoglia */
.briciole ol{list-style:none;margin:1rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:.92rem}
.briciole li{overflow-wrap:anywhere}
.briciole li+li::before{content:"›";margin-right:.5rem;color:var(--testo-2)}
.sfoglia{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:2rem;max-width:48rem}
.sfoglia a{max-width:100%;white-space:normal;text-align:left;overflow-wrap:break-word}

/* il manuale */
.manuale{max-width:48rem;overflow-wrap:break-word}
.manuale h1{margin-top:.2em}
.manuale .sottotitolo{font-size:1.2rem;color:var(--testo-2);margin-top:-.3rem}
.manuale li{margin:.2rem 0}
.manuale p em:only-child{color:var(--testo-2)}
.manuale code{overflow-wrap:anywhere}
.manuale pre{overflow-x:auto;background:var(--superficie);border:1px solid var(--linea);padding:.7rem;border-radius:.3rem}
.manuale blockquote{border-left:.3rem solid var(--accento);margin:1rem 0;padding:.1rem 1rem;background:var(--superficie)}
.manuale .tabella table{min-width:0}
.manuale th,.manuale td{border:1px solid var(--linea)}
.manuale thead th{background:var(--campo);font-weight:700}
.avviso-bozza{border:1px solid var(--nota-bordo);border-left:.4rem solid var(--nota-bordo);background:var(--nota);
  color:var(--testo);border-radius:.4rem;padding:.6rem .9rem}
.revisione{font-size:.92rem}
.lingue ul{list-style:none;display:flex;flex-wrap:wrap;gap:.8rem;padding:0;margin:.5rem 0}
.lingue a[aria-current]{font-weight:700}
.indice-manuale ul{padding-left:1.2rem}
.indice-manuale > ul{padding-left:0;list-style:none}
.indice-manuale > ul > li{margin:.45rem 0}
.intro-gruppo{color:var(--testo-2)}

/* riquadri :::nome */
.box{border:1px solid var(--linea);border-left:.4rem solid var(--bordo-campo);background:var(--superficie);
  border-radius:.5rem;padding:.3rem 1rem .6rem;margin:1.2rem 0}
.box-titolo{font-weight:800;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;margin:.4rem 0}
.box > :last-child{margin-bottom:.2rem}
.box-obiettivi{border-left-color:var(--accento)}
.box-sicurezza{border:2px solid var(--errore);border-left-width:.5rem}
.box-sicurezza .box-titolo{color:var(--errore)}
.box-avvertenza{border:2px solid var(--cta);border-left-width:.5rem}
.box-ricorda,.box-regola-doro{border-left-color:var(--ok)}
.box-approfondimento,.box-advanced{border-left-style:double;border-left-width:.5rem}
.box-verifica,.box-esercizio,.box-attrezzatura{border-left-color:var(--testo-2)}
.box-sfida{border:2px dashed var(--accento);border-left:.4rem solid var(--accento)}
.box-sfida ul{list-style:none;padding-left:.2rem}
.box-soluzioni{border:2px solid var(--accento);background:var(--campo)}
.box-da-definire{background:var(--nota);border-color:var(--nota-bordo)}
.casella{display:inline-block;width:1em;height:1em;border:2px solid var(--testo);border-radius:.2rem;
  vertical-align:-.12em;margin-right:.45em}
.in-definizione{border:1px dashed var(--nota-bordo);background:var(--nota);color:var(--testo);border-radius:.25rem;
  padding:0 .3rem;font-weight:600}

/* figure */
.figura{margin:1.4rem 0}
.figura img{display:block;border-radius:.5rem}
.figura.segnaposto{border:2px dashed var(--bordo-campo);border-radius:.5rem;background:var(--campo);padding:.8rem 1rem;min-height:6rem}
.figura-etichetta{font-weight:600;margin:0 0 .3rem;color:var(--testo-2)}
.figura.segnaposto figcaption{font-style:italic}