@font-face{font-family:CN4Merriweather;src:url('fonts/merriweather-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:CN4Merriweather;src:url('fonts/merriweather-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.cn4{--cn4-accent:#a52532;max-width:100%;margin:24px 0;font-family:CN4Merriweather,Merriweather,Georgia,serif!important;color:#202731}
.cn4,.cn4 *{box-sizing:border-box}
.cn4 .cn4-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.cn4 .cn4-heading h2{font-size:clamp(22px,2vw,30px);line-height:1.2;margin:0;padding:0;color:inherit}
.cn4 .cn4-heading>a{font-size:14px;color:var(--cn4-accent)}
.cn4 .cn4-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cn4 .cn4-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden}
.cn4 .cn4-image{display:flex;align-items:center;justify-content:center;aspect-ratio:8/5;background:#f0ece9;color:#795e60;text-decoration:none;font-size:30px;font-weight:700;overflow:hidden}
.cn4 .cn4-image img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}
.cn4 .cn4-body{display:flex;flex-direction:column;flex:1;padding:18px;gap:12px}
.cn4 time{font-size:13px;color:#626873;line-height:1.4}
.cn4 .cn4-body h3{font-size:18px;line-height:1.4;margin:0;padding:0;font-weight:700;overflow-wrap:anywhere}
.cn4 h3 a{color:#202731;text-decoration:none}
.cn4 h3 a:hover{color:var(--cn4-accent);text-decoration:underline}
.cn4 .cn4-read{margin-top:auto;padding-top:8px;color:var(--cn4-accent);font-size:14px;font-weight:600;text-decoration:none}
.cn4 .cn4-read:hover{text-decoration:underline}
.cn4 a:focus-visible{outline:3px solid var(--cn4-accent);outline-offset:3px}
@media(max-width:980px){.cn4 .cn4-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cn4 .cn4-grid{grid-template-columns:minmax(0,1fr)}}
/* Isolamento dagli stili di Divi, Elementor e del tema. */
.cn4.cn4 *{font-family:CN4Merriweather,Merriweather,Georgia,serif!important;letter-spacing:normal;text-transform:none}
.cn4.cn4 .cn4-card,.cn4.cn4 .cn4-body{background:#fff!important;color:#202731!important;border-style:none!important;box-shadow:none!important}
.cn4.cn4 .cn4-card{border:1px solid #e1e4e8!important}
.cn4.cn4 .cn4-body h3,.cn4.cn4 .cn4-body h3 a,.cn4.cn4 .cn4-body h3 a:visited{color:#202731!important;background:transparent!important;-webkit-text-fill-color:#202731!important;opacity:1!important}
.cn4.cn4 .cn4-heading h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.cn4.cn4 time{color:#626873!important;-webkit-text-fill-color:#626873!important}
.cn4.cn4 .cn4-read,.cn4.cn4 .cn4-read span,.cn4.cn4 .cn4-heading>a{color:var(--cn4-accent)!important;-webkit-text-fill-color:var(--cn4-accent)!important;background:transparent!important}
.cn4.cn4 a{border:0!important;box-shadow:none!important;text-shadow:none!important;text-decoration:none}
.cn4.cn4 a::before,.cn4.cn4 a::after,.cn4.cn4 .cn4-card::before,.cn4.cn4 .cn4-card::after{content:none!important;display:none!important}
.cn4.cn4 a:focus:not(:focus-visible){outline:none!important}
.cn4.cn4 a:focus-visible{outline:3px solid var(--cn4-accent)!important;outline-offset:3px}

.cn4.cn4 .cn4-heading>a{color:#fff!important;-webkit-text-fill-color:#fff!important}
