/* Blog DeepCMS (28/10/2026): elenco /it/blog/ e articolo. Riusa i token di style.css e
   le classi wp-* di confronto-wordpress.css; qui solo cio' che serve al blog. */

/* ---------- elenco ---------- */
.blog-hero{min-height:0;padding-bottom:56px}
.blog-hero h1{max-width:12ch}
.blog-list{padding-top:12px}
.blog-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:36px}
.blog-categories{display:flex;flex-wrap:wrap;gap:8px}
.blog-categories:empty,.blog-search:empty{display:none}
.blog-cat-pill{display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--ink-2);background:var(--white)}
.blog-cat-pill:hover{border-color:var(--ink-2)}
.blog-cat-pill.active{background:var(--ink);border-color:var(--ink);color:var(--white)}
.blog-search-form{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 16px;background:var(--white);min-width:min(320px,100%)}
.blog-search-input{flex:1;min-width:0;border:0;background:transparent;font-size:15px;padding:6px 0;outline-offset:6px}
.blog-search-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--ink);color:var(--white)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{display:flex;flex-direction:column;border-radius:var(--r-l);background:var(--white);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);overflow:hidden;transition:box-shadow .3s,transform .4s var(--ease)}
.blog-card:hover{box-shadow:0 24px 50px -28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.08);transform:translateY(-2px)}
.blog-card-img{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--pearl),var(--field))}
.blog-card-img[style]{background:linear-gradient(135deg,var(--pearl),var(--field))!important}
.blog-card-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
.blog-card-cat,.blog-card-cat span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wp-copper)}
.blog-card-cat span+span{margin-left:8px}
.blog-card-title{font-size:23px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.025em;color:var(--ink)}
.blog-card-abstract{font-size:15px;line-height:1.6}
.blog-card-date{margin-top:auto;padding-top:6px;font-size:13px;color:var(--faint)}
.blog-empty{grid-column:1/-1;font-size:17px;line-height:1.7;max-width:60ch}
.blog-empty a{color:var(--wp-copper);text-decoration:underline;text-underline-offset:4px}
.blog-infinite-sentinel{height:1px}
@media(max-width:1000px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-hero h1{font-size:46px}.blog-toolbar{flex-direction:column;align-items:stretch}.blog-search-form{min-width:0}}

/* ---------- articolo ---------- */
.post{width:min(760px,calc(100% - 88px));margin-inline:auto;padding:150px 0 40px}
.post-head .wp-breadcrumb{margin-bottom:26px}
.post-hero-category{display:inline-block;margin-bottom:18px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wp-copper)}
.post-hero-category+.post-hero-category{margin-left:12px}
.post-hero-title{font-size:clamp(36px,4.4vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.035em;max-width:20ch}
.post-hero-abstract{margin-top:22px;font-size:19px;line-height:1.6;max-width:58ch}
.post-hero-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;font-size:13px;color:var(--faint)}
.post-hero-meta:empty{display:none}
.post-hero-bg{margin:40px 0 0;border-radius:var(--r-l);overflow:hidden;background:var(--pearl)}
.post-hero-bg img{width:100%;height:auto}
.post-body{margin-top:44px;font-size:18px;line-height:1.72;color:var(--ink-2)}
.post-body>*+*{margin-top:1.15em}
.post-body p,.post-body li{color:var(--ink-2)}
.post-body h2{margin-top:2.2em;font-size:clamp(28px,3vw,36px)!important;font-weight:500!important;line-height:1.15!important;color:var(--ink);scroll-margin-top:96px}
.post-body h3{margin-top:1.8em;font-size:21px!important;line-height:1.3!important;color:var(--ink)}
.post-body h2+*,.post-body h3+*{margin-top:.6em}
.post-body ul,.post-body ol{padding-left:1.3em}
.post-body li+li{margin-top:.45em}
.post-body strong{font-weight:600;color:var(--ink)}
.post-body a{color:var(--wp-copper);text-decoration:underline;text-underline-offset:3px}
.post-body blockquote{margin:1.6em 0;padding:24px 26px;border-radius:var(--r-m);background:var(--pearl);border:1px solid var(--line)}
/* Box «In sintesi» dello stampo html_di_casa: stili in linea, qui riportati ai colori del sito */
.post-body blockquote[style*="background"]{background:var(--pearl)!important;border-left-color:var(--wp-copper)!important;color:var(--ink-2)!important;font-size:17px;font-style:normal}
.post-body blockquote li+li{margin-top:.55em}
.post-body figure{margin:1.8em 0}
.post-body figure img{border-radius:var(--r-m)}
.post-body figcaption{margin-top:10px;font-size:13px;color:var(--faint)}
.post-body table{font-size:15px!important;line-height:1.5}
.post-body table th{font-weight:600;font-size:14px!important;color:var(--white)!important;letter-spacing:0}
.post-body thead tr[style]{background:var(--ink)!important}
.post-body .dcms-toc{background:var(--white)!important;border-color:var(--line)!important}
.post-body .dcms-toc a{color:var(--ink-2)!important}
.post-body .dcms-toc a:hover{color:var(--wp-copper)!important}
.post-body iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-m)}

.next-step{margin-top:64px;padding:36px 34px;border-radius:var(--r-xl);background:var(--night-2);color:var(--white)}
.next-step-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--copper-lt)!important}
.next-step h2{margin-top:10px;font-size:clamp(26px,3vw,34px)!important;color:var(--white);max-width:22ch}
.next-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.next-step-grid a{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 46px 22px 22px;border-radius:var(--r-m);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .3s}
.next-step-grid a:hover{background:rgba(255,255,255,.12)}
.next-step-grid b{font-size:18px;font-weight:600;color:var(--white)}
.next-step-grid span{font-size:15px;line-height:1.55;color:#c7c7cc}
.next-step-grid .icon{position:absolute;top:22px;right:20px;color:var(--copper-lt)}
.next-step .button.dark{background:var(--white);color:var(--ink)}
@media(max-width:760px){.post{width:calc(100% - 40px);padding-top:112px}.post-hero-title{font-size:34px}.post-hero-abstract{font-size:17px}.post-body{font-size:17px}.next-step{padding:28px 22px}.next-step-grid{grid-template-columns:1fr}}

.blog-share{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px}
.blog-share a,.blog-share button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink-2);font-size:14px}
.blog-share svg{width:16px;height:16px}

.blog-related{width:min(1200px,calc(100% - 88px));margin:40px auto 0;padding:56px 0 80px;border-top:1px solid var(--line)}
.blog-related-title{font-size:30px!important;font-weight:500!important;margin-bottom:28px;color:var(--ink)}
.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-related-card{display:flex;flex-direction:column;border-radius:var(--r-l);background:var(--white);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);overflow:hidden}
.blog-related-img{aspect-ratio:16/9;overflow:hidden;background:var(--pearl)}
.blog-related-img img{width:100%;height:100%;object-fit:cover}
.blog-related-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.blog-related-body h4,.blog-related-body h3{font-size:19px;font-weight:600;line-height:1.25;color:var(--ink);margin:0}
.blog-related-cat,.blog-related-cat span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wp-copper)}
@media(max-width:1000px){.blog-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.blog-related{width:calc(100% - 40px)}.blog-related-grid{grid-template-columns:1fr}}

.blog-related:empty{display:none}