/* Ninja Creami wiki — stile condiviso delle pagine generate. */
*{box-sizing:border-box}
html,body{overflow-x:clip}
body{margin:0;background:var(--color-paper);color:var(--color-ink);
     font-family:var(--font-body);font-size:18px;line-height:1.62;
     -webkit-font-smoothing:antialiased}

.sheet{max-width:var(--measure);margin:0 auto;padding:0 var(--space-md) var(--space-3xl)}

a{color:var(--color-accent);text-underline-offset:2px;
  transition:color var(--dur-short) var(--ease-out)}
a:hover{color:var(--color-ink)}
a:focus-visible{outline:2px solid var(--color-focus);
  outline-offset:2px;border-radius:1px}

.masthead{display:flex;justify-content:space-between;align-items:baseline;
          gap:var(--space-sm);padding:var(--space-md) 0;
          font-family:var(--font-data);font-size:var(--text-xs);
          letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}
.masthead a{text-decoration:none}
.masthead a:hover{text-decoration:underline}
.masthead .stato{color:var(--color-accent)}

.apertura{margin-bottom:var(--space-2xl);max-width:var(--measure)}
.apertura.nofigure{margin-bottom:var(--space-xl)}
figure{margin:0 0 var(--space-xl);
       padding:var(--space-xs) var(--space-xs) var(--space-lg);
       background:var(--color-paper-3);
       box-shadow:0 1px 2px oklch(30% .02 63 / .16), 0 6px 14px oklch(30% .02 63 / .10);
       transform:rotate(-1.6deg);transform-origin:60% 40%}
figure img{width:100%;height:auto;display:block}

h1{font-weight:400;font-size:var(--text-2xl);line-height:1.06;
   letter-spacing:-.02em;margin:0 0 var(--space-sm);
   overflow-wrap:anywhere;min-width:0}
.standfirst{margin:0 0 var(--space-lg);color:var(--color-ink-2);
            font-style:italic}

.meta{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);
      margin:0;padding:var(--space-sm) 0 0;
      border-top:2px solid var(--color-ink);align-self:end}
.meta div{margin:0}
.meta dt{font-family:var(--font-data);font-size:var(--text-xs);
         letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);
         margin-bottom:var(--space-3xs)}
.meta dd{margin:0;font-family:var(--font-data);font-size:1.3rem;
         line-height:1;color:var(--color-ink);font-variant-numeric:tabular-nums}

.corpo{margin-bottom:var(--space-2xl);max-width:var(--measure)}
.corpo:last-of-type{margin-bottom:var(--space-3xl)}
.corpo > h2{font-family:var(--font-body);font-weight:400;font-size:var(--text-lg);
            line-height:1.15;letter-spacing:-.01em;color:var(--color-ink);
            margin:0 0 var(--space-md)}

.apparato{margin-bottom:var(--space-2xl);max-width:var(--measure)}
.apparato > h2{font-family:var(--font-data);font-weight:700;font-size:var(--text-xs);
               letter-spacing:.12em;text-transform:uppercase;
               color:var(--color-ink);margin:0 0 var(--space-sm);
               padding-bottom:var(--space-2xs);
               border-bottom:2px solid var(--color-ink)}

.pairs{list-style:none;margin:0;padding:0;font-size:var(--text-md)}
.pairs li{display:flex;align-items:baseline;gap:var(--space-md);
          padding:var(--space-sm) 0;
          border-bottom:var(--rule-hair) dotted var(--color-rule)}
.pairs li:first-child{border-top:var(--rule-hair) solid var(--color-ink)}
.pairs .v{font-family:var(--font-data);font-size:var(--text-md);
          color:var(--color-ink);min-width:5.6rem;flex:none;
          font-variant-numeric:tabular-nums;text-align:right}
.pairs__total{border-bottom:2px solid var(--color-ink)}
.pairs__total .v,.pairs__total span{color:var(--color-ink)}
.pairs__total .v{font-weight:700}
.apparato .pairs{max-width:26rem;font-size:var(--text-sm)}
.apparato .pairs li{padding:var(--space-3xs) 0;gap:var(--space-sm)}
.apparato .pairs li:first-child{border-top-width:var(--rule-hair);
                                border-top-color:var(--color-rule)}
.apparato .pairs .v{font-size:var(--text-sm);color:var(--color-data);
                    min-width:5.2rem}

.scroll{overflow-x:auto;margin:0;background:var(--color-paper-3);
        padding:var(--space-sm) var(--space-md);
        border:var(--rule-hair) solid var(--color-rule)}
.matrix{width:100%;border-collapse:collapse;font-size:var(--text-sm);
        min-width:26rem}
.matrix th{font-family:var(--font-data);font-weight:700;font-size:var(--text-xs);
           letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);
           text-align:left;padding:var(--space-2xs) var(--space-sm) var(--space-2xs) 0;
           border-bottom:var(--rule-hair) solid var(--color-rule)}
.matrix td{padding:var(--space-3xs) var(--space-sm) var(--space-3xs) 0;
           border-bottom:var(--rule-hair) dotted var(--color-rule)}
.matrix .n{text-align:right;font-family:var(--font-data);
           font-size:var(--text-sm);color:var(--color-data);
           font-variant-numeric:tabular-nums}
.matrix th:last-child,.matrix td:last-child{padding-right:0}
.matrix tr:last-child td{border-bottom:0}
.matrix__total td{border-top:var(--rule-hair) solid var(--color-rule);
                  color:var(--color-ink)}

.apparato__note{font-size:var(--text-sm);color:var(--color-muted);
                margin:var(--space-2xs) 0 0;padding-left:var(--space-md)}

.aside{background:var(--color-paper-2);padding:var(--space-sm) var(--space-md);
       border-top:var(--rule-hair) solid var(--color-rule);
       border-bottom:var(--rule-hair) solid var(--color-rule);
       color:var(--color-ink-2)}
.aside p{margin:0}
.aside p + p{margin-top:var(--space-2xs)}
.aside ul{margin:0;padding-left:var(--space-md)}
.aside li{margin:var(--space-3xs) 0}

.sources{font-size:var(--text-sm);line-height:1.5;color:var(--color-ink-2)}
.sources ol{padding-left:1.2rem;margin:0}
.sources li{margin-bottom:var(--space-2xs)}
sup a{text-decoration:none;padding:0 .1em}

code{font-family:var(--font-data);font-size:var(--text-sm);background:var(--color-paper-2);padding:var(--space-3xs)}
pre{background:var(--color-paper-3);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);overflow-x:auto;font-size:var(--text-sm);line-height:1.5}
pre code{background:none;padding:0;font-size:inherit}

.corpo ul,.corpo ol{margin:var(--space-sm) 0;padding-left:var(--space-md);color:var(--color-ink-2)}
.corpo li{margin:var(--space-3xs) 0}

.colophon{margin-top:var(--space-2xl);padding-top:var(--space-sm);
          border-top:2px solid var(--color-ink);
          font-size:var(--text-sm);color:var(--color-ink-2)}
.colophon h2{font-family:var(--font-data);font-weight:700;font-size:var(--text-xs);
             letter-spacing:.12em;text-transform:uppercase;
             color:var(--color-ink);margin:0 0 var(--space-2xs)}
.colophon ul{list-style:none;margin:0 0 var(--space-md);padding:0}
.colophon li{padding:var(--space-3xs) 0}
.colophon .file{font-family:var(--font-data);font-size:var(--text-xs);
                letter-spacing:.04em;color:var(--color-muted)}

@media (max-width:34rem){
  body{font-size:17px}
  h1{font-size:var(--text-xl)}
  .sheet{padding:0 var(--space-sm) var(--space-xl)}
  figure{margin:0 calc(var(--space-sm) * -1) var(--space-md)}
}

@media print{
  body{background:#fff;color:#000;font-size:11pt}
  .sheet{max-width:none;padding:0}
  .masthead,figure{display:none}
  figure{transform:none;box-shadow:none;background:none}
  .aside,.scroll{background:none;padding:0}
  a{color:#000;text-decoration:underline}
  .sources a::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
  .corpo,.apparato{max-width:var(--measure);margin-bottom:1.2em;page-break-inside:avoid}
}