/* The blog moved from WordPress (docs/SITO_TRASLOCO_MAPPA_DATI.md § 2.10): the article with Uncode's header of the
   type (cover, title, date | category | author), the archives of the categories and the months (the block 6773:
   title, description, grid, categories widget), the author archive (whole posts, sidebar blocks, pagination), the
   FAQ category archive and the blog index pages. Same structure as WordPress, our own stylesheet. */
.itl-post-header{position:relative;min-height:300px;background:#11214a center/cover no-repeat;color:#fff;display:flex;align-items:center;text-align:center}
.itl-post-header-overlay{position:absolute;inset:0;background:rgba(13,30,52,.31)}
.itl-post-header-inner{position:relative;padding:72px 16px}
.itl-post-header .header-title{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;margin:0 0 18px;font-weight:700}
.itl-post-header .post-info{display:flex;flex-wrap:wrap;justify-content:center;gap:0 10px;font-size:14px;color:#e8edf5}
.itl-post-header .post-info span{margin-right:10px;opacity:.7}
.itl-post-header .post-info a{color:#fff;text-decoration:underline}
.itl-post-page .page-body,.itl-archive-page .page-body,.itl-author-page .page-body,.itl-faq-category-page .page-body,.itl-blog-index .page-body{padding:48px 16px 24px}
.itl-post-content{max-width:860px;font-size:17px;line-height:1.7;color:#1e2a3b}
.itl-post-content h2{font-size:1.6rem;color:#0d1e34;margin:36px 0 14px}
.itl-post-content h3{font-size:1.25rem;color:#0d1e34;margin:28px 0 10px}
.itl-post-content p,.itl-post-content ul,.itl-post-content ol{margin:0 0 16px}
.itl-post-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.itl-post-content a{color:#b46f0c;font-weight:600}
.itl-post-content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}
.itl-post-content td,.itl-post-content th{border:1px solid #e3eaf3;padding:8px 10px;text-align:left}
.post-navigation .navigation{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:40px 0 0;padding:28px 0 0;border-top:1px solid #e3eaf3}
.post-navigation .btn-link{color:#0d1e34;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.post-navigation .btn-link:hover{color:#e89820}
.post-navigation .nav-back .btn-link{color:#b46f0c}
.itl-basic-header{background:#f4f7fb;padding:64px 0 48px;text-align:center;min-height:200px;display:flex;align-items:center}
.itl-basic-header .header-title{margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem);color:#0d1e34;font-weight:700}
.itl-archive-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:48px}
@media (max-width:900px){.itl-archive-columns{grid-template-columns:1fr;gap:32px}}
.itl-archive-main .h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 0 10px;color:#0d1e34}
.itl-archive-main .h2{font-size:1.15rem;font-weight:400;color:#5a6b7f;margin:0 0 28px}
.itl-archive-filters{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 28px;padding:0 0 14px;border-bottom:1px solid #e3eaf3;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.itl-archive-filters a{color:#5a6b7f;text-decoration:none;font-weight:700}
.itl-archive-filters a.active,.itl-archive-filters a:hover{color:#0d1e34}
.itl-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}
.itl-post-grid--index{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}
.itl-post-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(13,30,52,.08);transition:transform .25s,box-shadow .25s}
.itl-post-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(13,30,52,.14)}
.itl-post-card__img{position:relative;display:block;aspect-ratio:3/2;background:#0d1e34 center/cover no-repeat}
.itl-post-card__link{position:absolute;inset:0}
.itl-post-card__img .t-entry-category{position:absolute;top:12px;right:12px}
.bordered-cat{display:inline-block;border:1px solid #fff;color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;text-decoration:none;background:rgba(13,30,52,.35)}
.itl-post-card__body{padding:16px 18px 20px}
.itl-post-card .t-entry-meta{margin:0 0 6px;font-size:12px;color:#5a6b7f}
.itl-post-card .t-entry-title{margin:0;font-size:1.05rem;line-height:1.35}
.itl-post-card .t-entry-title a{color:#0d1e34;text-decoration:none}
.itl-post-card .t-entry-title a:hover{color:#e89820}
.itl-post-grid--index .t-entry-title{text-transform:uppercase;font-size:.95rem;letter-spacing:.02em}
.widget{margin:0 0 32px}
.widgettitle,.wp-block-heading{font-size:1.05rem;color:#0d1e34;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e89820;display:inline-block}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:6px 0;border-bottom:1px solid #eef2f7;font-size:15px}
.widget a{color:#1e2a3b;text-decoration:none}
.widget a:hover,.widget .current-cat a{color:#b46f0c;font-weight:700}
.no-comments{font-size:15px;color:#5a6b7f}
.tmb-post{padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid #e3eaf3}
.tmb-post .t-entry-title{font-size:1.5rem;margin:0 0 16px;line-height:1.25}
.tmb-post .t-entry-title a{color:#0d1e34;text-decoration:none}
.tmb-post .t-entry-title a:hover{color:#e89820}
.itl-author-cover{display:block;aspect-ratio:16/9;border-radius:12px;background:#0d1e34 center/cover no-repeat;margin:0 0 20px}
.tmb-post hr{border:0;border-top:1px solid #e3eaf3;margin:20px 0 10px}
.t-entry-author{margin:0;font-size:13px}
.t-entry-author a{color:#5a6b7f;text-decoration:none}
.itl-faq-grid .tmb-post p{font-size:16px;line-height:1.6;color:#1e2a3b}
.pagination{list-style:none;display:flex;align-items:center;gap:10px;margin:8px 0 0;padding:0}
.pagination .page-numbers{display:inline-block;min-width:36px;padding:8px 10px;text-align:center;border-radius:8px;text-decoration:none;color:#0d1e34;font-weight:700;border:1px solid #e3eaf3}
.pagination .page-numbers.current{background:#0d1e34;color:#fff;border-color:#0d1e34}
.pagination .btn-link{color:#0d1e34}
.pagination .btn-disable-hover{opacity:.3}
.itl-blog-index .row-breadcrumb{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 16px;font-size:13px;color:#5a6b7f;border-bottom:1px solid #e3eaf3}
.itl-blog-index .breadcrumb{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.itl-blog-index .breadcrumb li+li::before{content:'›';margin-right:8px;opacity:.6}
.itl-blog-index .breadcrumb a{color:#0d1e34;text-decoration:none}
.itl-blog-index .h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 0 24px;color:#0d1e34}
.loadmore-button{text-align:center;margin:40px 0 0}
.loadmore-button .btn{display:inline-block;background:#0d1e34;color:#fff;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:700}
.loadmore-button .btn:hover{background:#e89820;color:#0b1829}
.itl-blog-empty .post-title{font-size:1.8rem;color:#0d1e34;margin:0 0 12px}
.itl-blog-empty p{color:#5a6b7f}

/* 9/11/2026, the eye comparison: the blog of WordPress is dark (the index row and the post content are
   style-color-jevc-bg, #000, style-dark text), four columns from 1200 px (tmb-iso-w3), «mostra tutto» at the
   right of the categories; the header of a post is 60 % of the viewport (data-height="60", min 300 px) */
.itl-blog-index{background:#000;color:#fff}
.itl-blog-index .row-breadcrumb{color:#9aa4b2;border-bottom-color:#222}
.itl-blog-index .breadcrumb a,.itl-blog-index .h1{color:#fff}
.itl-blog-index .itl-archive-filters{border-bottom:0;font-size:11px}
.itl-blog-index .itl-archive-filters li:first-child{order:2;margin-left:auto}
.itl-blog-index .itl-archive-filters a{color:#9aa4b2}
.itl-blog-index .itl-archive-filters a.active,.itl-blog-index .itl-archive-filters a:hover{color:#fff}
.itl-post-grid--index{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
@media (max-width:1199px){.itl-post-grid--index{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:959px){.itl-post-grid--index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.itl-post-grid--index{grid-template-columns:1fr}}
.itl-blog-index .itl-post-card{background:transparent;border-radius:0;box-shadow:none}
.itl-blog-index .itl-post-card:hover{transform:none;box-shadow:none}
.itl-blog-index .itl-post-card__body{padding:14px 0 0}
.itl-blog-index .itl-post-card .t-entry-title a{color:#fff;font-weight:700}
.itl-blog-index .itl-post-card .t-entry-meta{color:#9aa4b2}
.itl-blog-index .loadmore-button .btn{background:#fff;color:#000}
.itl-post-page{background:#000;color:#fff}
.itl-post-header{height:60vh}
.itl-post-page .itl-post-content,.itl-post-page .itl-post-content h2,.itl-post-page .itl-post-content h3,.itl-post-page .itl-post-content h4{color:#fff}
.itl-post-page .itl-post-content a{color:inherit;text-decoration:underline}
.itl-post-page .itl-post-content table{color:#fff}
.itl-post-page .itl-post-content th,.itl-post-page .itl-post-content td{border-color:#333}
.itl-post-page .post-navigation,.itl-post-page .post-navigation a{color:#fff;border-color:#333}
/* the category of the FAQ on WordPress: a white page header 60 % of the viewport (data-height="60") with the
   name centred, then three columns of white cards with a shadow (tmb-iso-w4, tmb-shadowed), no sidebar */
.itl-faq-category-page .itl-basic-header{background:#fff;min-height:300px;height:60vh;padding:0;justify-content:center}
.itl-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 32px}
@media (max-width:959px){.itl-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.itl-faq-grid{grid-template-columns:1fr}}
.itl-faq-grid .tmb-post{margin:0;padding:28px;border:0;border-radius:4px;background:#fff;box-shadow:0 6px 24px rgba(13,30,52,.08)}
.itl-faq-grid .tmb-post .t-entry-title{font-size:1.25rem}
.itl-faq-grid .tmb-post p{font-size:14px}