/* NuvolaTech - articolo singolo e pagine */

.nt-entry{padding-bottom:20px}

/* ---- testata dell'articolo ---------------------------------------------- */
.nt-entry__header{margin-bottom:28px;text-align:center}
.nt-entry__header .nt-badge{margin-bottom:14px}
.nt-entry__title{margin:0 0 .4em;font-size:var(--nt-title-main);
  line-height:var(--nt-title-main-lh);color:var(--nt-ink)}
.nt-entry__standfirst{max-width:var(--nt-reading-width);margin:0 auto 1em;
  font-size:var(--nt-subtitle);line-height:var(--nt-subtitle-lh);font-weight:400;
  color:var(--nt-grey-5)}
.nt-entry__header .nt-meta{justify-content:center}

/* riga autore */
.nt-byline{display:flex;align-items:center;justify-content:center;gap:12px;
  margin-top:18px;padding:14px 18px;background:var(--nt-surface-2);
  border-radius:var(--nt-radius);width:fit-content;margin-inline:auto;max-width:100%}
.nt-byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.nt-byline__name{font-size:.875rem;font-weight:700;color:var(--nt-ink);text-align:left}
.nt-byline__meta{font-size:var(--nt-meta);color:var(--nt-grey-4);text-align:left}

/* Immagine in evidenza.
   Regola d'oro: MAI ingrandirla oltre la sua dimensione reale, altrimenti
   una foto piccola diventa un rettangolo sfocato alto mezzo schermo.
   width:auto + max-width:100% fa riempire la colonna alle immagini grandi
   e lascia alla dimensione nativa quelle piccole, centrate. */
.nt-entry__thumb{
  display:flex;flex-direction:column;align-items:center;
  margin:0 auto 32px;max-width:var(--nt-content-width);
  background:var(--nt-surface-3);border-radius:var(--nt-radius);overflow:hidden}
.nt-entry__thumb img{
  width:auto;max-width:100%;height:auto;
  max-height:min(72vh,620px);object-fit:contain}
.nt-entry__thumb figcaption{
  align-self:stretch;margin:0;padding:10px 16px;text-align:left;
  background:var(--nt-surface-2)}

/* riga di aggiornamento nel box autore */
.nt-byline__updated{margin-top:3px;font-size:var(--nt-meta);color:var(--nt-grey-4);
  text-align:left}
.nt-byline__updated time{font-style:italic}

/* (le briciole di pane stanno in components.css: servono anche negli archivi) */

/* ---- corpo dell'articolo ------------------------------------------------ */
.nt-entry__content{font-size:var(--nt-body);line-height:var(--nt-body-lh);
  color:var(--nt-ink-3)}
.nt-entry__content > *{margin-inline:auto;max-width:var(--nt-reading-width)}
.nt-entry__content h2{margin:1.6em auto .6em;font-size:1.5rem}
.nt-entry__content h3{margin:1.5em auto .5em;font-size:1.25rem}
.nt-entry__content h4{margin:1.4em auto .5em}
.nt-entry__content ul,.nt-entry__content ol{margin:0 auto 1.35em;
  max-width:var(--nt-reading-width);padding-left:1.4em}
.nt-entry__content li{margin-bottom:.5em}
.nt-entry__content li::marker{color:var(--nt-brand)}
.nt-entry__content figure{margin:0 auto 1.8em}
.nt-entry__content img{border-radius:var(--nt-radius)}
.nt-entry__content a{text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;text-decoration-color:rgba(var(--nt-link-rgb),.4)}
.nt-entry__content a:hover{text-decoration-color:currentColor}

/* blocchi larghi dentro un testo stretto */
.nt-entry__content .alignwide{max-width:var(--nt-content-width)}
.nt-entry__content .alignfull{max-width:none;width:100%}
.nt-entry__content .wp-block-table,
.nt-entry__content .wp-block-embed{max-width:var(--nt-reading-width)}
.nt-entry__content .wp-block-embed__wrapper{position:relative;padding-top:56.25%}
.nt-entry__content .wp-block-embed__wrapper iframe{position:absolute;inset:0;
  width:100%;height:100%;border:0;border-radius:var(--nt-radius)}

/* riquadro di richiamo */
.nt-entry__content .is-style-nt-callout{padding:18px 22px;background:var(--nt-surface-2);
  border-left:4px solid var(--nt-brand);border-radius:var(--nt-radius-sm)}

/* ---- pie dell'articolo -------------------------------------------------- */
.nt-entry__footer{max-width:var(--nt-reading-width);margin:40px auto 0;
  padding-top:24px;border-top:1px solid var(--nt-border)}
.nt-entry__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nt-entry__tags .nt-label{font-size:.75rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--nt-grey-4);margin-right:4px}
.nt-entry__tags a{padding:5px 11px;font-size:.75rem;font-weight:600;color:var(--nt-ink);
  background:var(--nt-surface-3);border-radius:5px}
.nt-entry__tags a:hover{color:#fff;background:var(--nt-ink)}

.nt-author-box{display:flex;gap:16px;max-width:var(--nt-reading-width);
  margin:32px auto 0;padding:22px;background:var(--nt-surface-2);
  border-radius:var(--nt-radius)}
.nt-author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}
.nt-author-box h3{margin:0 0 .3em;font-size:1.0625rem}
.nt-author-box p{margin:0;font-size:.875rem;line-height:1.6;color:var(--nt-grey-5)}

/* navigazione tra articoli */
.nt-post-nav{display:grid;gap:14px;max-width:var(--nt-reading-width);margin:32px auto 0}
@media (min-width:600px){
  .nt-post-nav{grid-template-columns:1fr 1fr}
  /* con un solo articolo accanto occupa tutta la larghezza */
  .nt-post-nav--single{grid-template-columns:1fr}
}
.nt-post-nav a{display:block;padding:16px 18px;background:var(--nt-surface-2);
  border-radius:var(--nt-radius)}
.nt-post-nav a:hover{background:var(--nt-surface-3)}
.nt-post-nav span{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--nt-grey-4);margin-bottom:5px}
.nt-post-nav strong{font-size:.9375rem;line-height:1.4;color:var(--nt-ink);font-weight:600}
.nt-post-nav .nt-post-nav__next{text-align:right}

/* correlati */
.nt-related{margin-top:50px;padding-top:35px;border-top:2px solid var(--nt-surface-4)}

/* ---- commenti ----------------------------------------------------------- */
.nt-comments{max-width:var(--nt-reading-width);margin:50px auto 0;padding-top:35px;
  border-top:2px solid var(--nt-surface-4)}
.nt-comments .comment-list{margin:0 0 30px;padding:0;list-style:none}
.nt-comments .comment-list ul.children{list-style:none;padding-left:22px}
.nt-comments article.comment-body{padding:18px 0;border-bottom:1px solid var(--nt-border)}
.nt-comments .comment-author{display:flex;align-items:center;gap:10px;font-size:.875rem;
  font-weight:600;color:var(--nt-ink)}
.nt-comments .comment-author img{width:36px;height:36px;border-radius:50%}
.nt-comments .comment-metadata{font-size:.75rem;color:var(--nt-grey-4);margin:4px 0 10px}
.nt-comments .comment-content{font-size:.9375rem;line-height:1.7}
.nt-comments .reply{margin-top:8px;font-size:.8125rem;font-weight:600}
.nt-comments .comment-respond{margin-top:30px}
.nt-comments .comment-form p{margin-bottom:14px}
.nt-comments .comment-form label{display:block;margin-bottom:5px;font-size:.8125rem;
  font-weight:600;color:var(--nt-grey-5)}

/* ---- pagina 404 --------------------------------------------------------- */
.nt-404{padding:70px 0;text-align:center}
.nt-404 .nt-404__code{font-size:clamp(4rem,12vw,7rem);font-weight:700;line-height:1;
  color:var(--nt-brand);margin:0}