/* Divulgazione e articolo del nuovo sito: le classi che il runtime del blog scrive
   (.blog-featured, .blog-card, .blog-categories, .blog-search-form, .post-hero-*, .dcms-toc,
   .blog-related-*, .blog-share) nell'aspetto del prototipo (editorial.css + magazine-light.css). */

/* ── Divulgazione: una griglia sola che tiene in evidenza, le due schede affiancate,
   il titolo dell'archivio e il resto. .blog-grid sparisce come scatola (display:contents),
   così le schede del runtime e quelle dello scroll infinito entrano nella stessa griglia. */
.magazine-page .front-page{margin-top:85px}
.mag-layout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:35px;row-gap:60px}
.mag-layout .blog-grid{display:contents}
.mag-layout .blog-featured{grid-column:1/-1;grid-row:1}
.mag-layout .blog-grid>.blog-card{grid-column:span 2}
.mag-layout .blog-grid>.blog-card:nth-child(-n+2){grid-column:span 3;grid-row:2}
.mag-layout .archive-heading{grid-column:1/-1;grid-row:3;margin-top:40px}
.mag-layout .blog-categories{grid-column:1/-1;grid-row:4;margin-top:-35px}
.mag-layout .blog-grid>p{grid-column:1/-1}
.front-page:not(:has(.blog-featured)) .magazine-section-heading{display:none}
.mag-layout:not(:has(.blog-featured)) .blog-grid>.blog-card:nth-child(-n+2){grid-column:span 2;grid-row:auto}
.mag-layout:not(:has(.blog-featured)) .archive-heading{grid-row:1;margin-top:0}
.mag-layout:not(:has(.blog-featured)) .blog-categories{grid-row:2}

.blog-featured{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center}
.blog-featured-content{order:-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 18px}
.magazine-page .blog-featured-content h2{order:1;flex-basis:100%;font-size:clamp(30px,3.6vw,52px);line-height:1.1;margin-bottom:10px;text-wrap:pretty}
.blog-featured-content .blog-category{order:3;color:#a6112a;font-size:12px}
.blog-featured-content .blog-meta{order:4;display:flex;gap:18px;color:#595960;font-size:12px}
.blog-featured-content>p{order:2;flex-basis:100%;margin:0 0 12px;max-width:36em;font-size:17px;line-height:1.55;color:#34343a;text-wrap:pretty}
.blog-featured-content .blog-read-more{display:none}
.blog-featured-img{overflow:hidden}
.blog-featured-img img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;transition:filter .2s}
.blog-featured:hover img,.blog-card:hover img{filter:brightness(1.08)}
.blog-featured:hover h2,.blog-card:hover .blog-card-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

.blog-card{display:block;min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px}
.blog-card-img{overflow:hidden;background:#e4e4e2}
.blog-card-img img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;display:block;transition:filter .2s}
.blog-card-img:empty{aspect-ratio:1.35}
.blog-card-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 18px}
.magazine-page .blog-card-title{order:1;flex-basis:100%;font-size:clamp(23px,2vw,28px);line-height:1.2;margin-top:20px;margin-bottom:10px;letter-spacing:-.025em;text-wrap:pretty}
.blog-card-cat{order:3;color:#a6112a;font-size:12px}
.blog-card-date{order:4;color:#595960;font-size:12px}
.blog-card-abstract{order:2;flex-basis:100%;margin:0 0 10px;font-size:15px;line-height:1.55;color:#34343a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.blog-card-abstract:empty{display:none}
.mag-layout .blog-grid>.blog-card:nth-child(-n+2){border-bottom:0;padding-bottom:0}
.mag-layout .blog-grid>.blog-card:nth-child(-n+2) .blog-card-img img{aspect-ratio:1.9}
.mag-layout .blog-grid>.blog-card:nth-child(-n+2) .blog-card-title{font-size:clamp(26px,2.5vw,36px);max-width:580px}
.mag-layout:not(:has(.blog-featured)) .blog-grid>.blog-card:nth-child(-n+2) .blog-card-img img{aspect-ratio:1.35}
.mag-layout:not(:has(.blog-featured)) .blog-grid>.blog-card:nth-child(-n+2) .blog-card-title{font-size:clamp(23px,2vw,28px)}

.magazine-page .archive-heading{border-top:2px solid var(--fg);padding-top:40px}
.blog-search-form{display:flex;align-items:end;gap:10px;border-bottom:1px solid #8a8a90;min-width:280px}
.blog-search-input{flex:1;background:transparent;border:0;color:var(--fg);font:400 15px Raleway,sans-serif;padding:12px 0;min-height:48px;caret-color:#ae132c}
.blog-search-input::placeholder{color:#65656b}
.blog-search-input:focus{outline:none}
.blog-search-form:focus-within{border-bottom-color:var(--fg)}
.blog-search-btn{background:none;border:0;color:var(--fg);padding:10px 2px;display:grid;place-items:center}
.blog-categories{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px}
.blog-cat-pill{color:#56565b;padding-block:6px;border-bottom:1px solid transparent}
.blog-cat-pill:hover{color:var(--fg)}
.blog-cat-pill.active{color:var(--fg);border-bottom-color:#cc1731}
.blog-pages-section{grid-column:1/-1}

/* ── Articolo ── */
.article-byline .post-hero-category{width:100%;color:#a6112a}
.article-byline .post-hero-category+.post-hero-category{width:auto}
.article-byline .post-hero-meta{display:contents}
.article-cover .post-hero-bg{margin:0}
.article-cover .post-hero-abstract{margin:22px 0 0;max-width:38em;font-size:19px;line-height:1.55;color:#34343a;text-wrap:pretty}
@media(max-width:760px){.article-cover .post-hero-abstract{font-size:17px;margin-top:18px}}
.reading-layout:has(.article-outline[hidden]){grid-template-columns:minmax(0,740px);justify-content:center}
.article-outline nav ol{list-style:none;padding:0;margin:25px 0 0}
.post-body .dcms-toc{display:none}
.blog-share{display:flex;align-items:center;gap:18px;margin-top:60px;padding-top:25px;border-top:1px solid var(--line);font-size:13px;color:#56565b}
.blog-share-links{display:flex;gap:10px}
.blog-share-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--fg)!important;text-decoration:none!important}
.blog-share-btn:hover{border-color:var(--fg)}
.blog-share-btn svg{width:16px;height:16px}
.blog-share-copy span{position:absolute;margin-top:60px;font-size:12px}
.article-page .blog-related-title{font:750 clamp(38px,4vw,58px)/1.1 Montserrat,sans-serif;letter-spacing:-.045em;color:var(--fg)}
.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:45px;margin-block:40px}
.blog-related-card{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:start}
.blog-related-img img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover}
.blog-related-body{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.article-page .blog-related-body h4{order:1;flex-basis:100%;font:700 22px/1.2 Montserrat,sans-serif;letter-spacing:-.035em;color:var(--fg);margin:0 0 6px;text-wrap:pretty}
.blog-related-cat{order:2;color:#a6112a;font-size:12px}
.blog-related-body p{display:none}
.blog-related-card:hover h4{text-decoration:underline;text-underline-offset:5px}

@media(min-width:761px) and (max-width:1100px){.mag-layout .blog-grid>.blog-card{grid-column:span 3}.blog-featured{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
.magazine-page .front-page{margin-top:60px}
.mag-layout{grid-template-columns:minmax(0,1fr);row-gap:48px}
.mag-layout>*,.mag-layout .blog-grid>*{grid-column:1/-1!important;grid-row:auto!important}
.mag-layout .blog-featured{order:1}
.mag-layout .blog-grid>.blog-card{order:5}
.mag-layout .blog-grid>.blog-card:nth-child(-n+2){order:2}
.mag-layout .archive-heading{order:3;margin-top:10px;display:block}
.mag-layout .blog-categories{order:4;margin-top:-25px}
.mag-layout:not(:has(.blog-featured)) .archive-heading{order:0}
.mag-layout:not(:has(.blog-featured)) .blog-categories{order:0}
.mag-layout:not(:has(.blog-featured)) .blog-grid>.blog-card{order:5}
.blog-featured{grid-template-columns:1fr;gap:24px}
.blog-search-form{margin-top:22px;min-width:0}
.blog-related-grid{grid-template-columns:1fr}
}
/* Le tabelle degli articoli scorrono dentro la colonna invece di allargare la pagina. */
.reading-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.reading-body img{max-width:100%;height:auto}
.reading-body iframe{max-width:100%}