/* Quaderno dei kanji — variabili, reset e tipografia */
/* Quaderno dei kanji — foglio di stile */
  :root{
    --paper:#F5F4F1;
    --paper-edge:#ECEAE3;
    --ink:#20201C;
    --ink-soft:#5A5952;
    --line:#DAD7CD;
    --grid:#E8CFC9;        /* reticolo rosa dei quaderni */
    --grid-strong:#E0BDB6;
    --shu:#C0392B;         /* 朱色 rosso hanko/correzioni */
    --shu-deep:#9E2B21;
    --ai:#274B6D;          /* 藍色 indaco per le letture */
    --ai-soft:#EAF0F5;
    --model:#D9D6CE;       /* kanji-modello sbiadito */
    --sans:"Zen Kaku Gothic New",system-ui,sans-serif;
    /* Tutta l'interfaccia usa il gotico moderno, kanji compresi: il minchō
       aveva un'aria da libro vecchio. Resta però nei PDF, dove il modello da
       ricopiare a mano vuole il tratto calligrafico (js/pdf/pdf-scheda.js). */
    --serif:"Zen Kaku Gothic New",system-ui,sans-serif;
    /* Anche --mincho ora è il gotico: i kanji grandi delle viste, del
       controllo e del dizionario erano rimasti in Shippori Mincho e nella
       stessa schermata si vedevano due grafie. Il minchō vero resta solo nei
       PDF, dove il modello da ricopiare vuole il tratto calligrafico. */
    --mincho:"Zen Kaku Gothic New",system-ui,sans-serif;
    /* I titoli hanno un carattere loro: un gotico moderno, sempre in grassetto. */
    --title:"Zen Kaku Gothic New",system-ui,sans-serif;
    --ctl:40px;            /* altezza comune dei campi: tutto si allinea */
  }
  *{box-sizing:border-box}
  /* ---- Icone: SVG col tratto del testo, uguali su ogni sistema ----
     (le emoji cambiano disegno da Windows ad Android a iPhone) */
  /* le icone: il file in img/icone/ fa da maschera, il colore e' del testo */
  .ic{
    display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.22em;
    background-color:currentColor;
    -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
  }
  .ic-big{width:1.5em;height:1.5em}
  .ic-sm{width:1em;height:1em}
  html,body{margin:0}
  body{
    font-family:var(--sans);
    color:var(--ink);
    background:
      radial-gradient(circle at 1px 1px, rgba(0,0,0,.025) 1px, transparent 0) 0 0/22px 22px,
      var(--paper);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1020px;margin:0 auto;padding:32px 20px 96px}