* { box-sizing: border-box; }
body {margin: 0;}
body{margin:0px 0px 0px 0px;}
#env-card-ua-image{grid-row-start:img;grid-row-end:img;grid-column-start:img;grid-column-end:img;}
#env-card-ua-image img{display:block;width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover;}
#env-card-ua-terms{grid-row-start:terms;grid-row-end:terms;grid-column-start:terms;grid-column-end:terms;display:block;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:0.08em;text-transform:uppercase;color:rgb(1, 119, 159);margin:16px 0px 6px 0px;}
#env-card-ua-terms a{color:inherit;text-decoration-color:currentcolor;text-decoration-line:none;text-decoration-style:solid;text-decoration-thickness:auto;}
#env-card-ua-title{grid-row-start:title;grid-row-end:title;grid-column-start:title;grid-column-end:title;font-family:Fraunces, Georgia, serif;font-size:20px;font-weight:600;line-height:1.25;color:rgb(20, 35, 43);margin:0px 0px 0px 0px;}
#env-card-ua-title a{color:inherit;text-decoration-color:currentcolor;text-decoration-line:none;text-decoration-style:solid;text-decoration-thickness:auto;}
#env-card-ua-excerpt{grid-row-start:excerpt;grid-row-end:excerpt;grid-column-start:excerpt;grid-column-end:excerpt;font-size:14px;line-height:1.55;color:rgb(91, 103, 112);margin:12px 0px 0px 0px;}
#env-card-ua-date{grid-row-start:date;grid-row-end:date;grid-column-start:date;grid-column-end:date;margin-top:10px;font-size:12px;line-height:1.4;color:rgb(122, 133, 144);}
#env-card-ua-reading{grid-row-start:read;grid-row-end:read;grid-column-start:read;grid-column-end:read;margin-top:10px;font-size:12px;line-height:1.4;color:rgb(122, 133, 144);}
#env-card-ua-reading::before{content:"·";margin:0px 6px 0px 6px;}
.env-loop-grid > .env-loop-item:has(> #env-card-ua-title){display:grid;grid-template-columns:auto minmax(0px, 1fr);grid-template-areas:"img img" "terms terms" "title title" "date read";align-content:start;background-color:rgb(255, 255, 255);padding:12px 12px 18px 12px;box-shadow:0px 1px 2px rgba(60, 40, 10, 0.1), 0px 6px 16px rgba(60, 40, 10, 0.1);}
.env-loop-grid > .env-loop-item:has(> #env-card-ua-title) #env-card-ua-excerpt{display:none;}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title){flex-basis:100%;grid-template-columns:minmax(0px, 1fr) auto minmax(0px, 1fr);grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:"img . ." "img terms terms" "img title title" "img excerpt excerpt" "img date read" "img . .";background-color:rgb(255, 255, 255);padding:14px 14px 14px 14px;border-radius:0px 0px 0px 0px;box-shadow:0px 1px 2px rgba(60, 40, 10, 0.1), 0px 6px 16px rgba(60, 40, 10, 0.1);}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-excerpt{display:block;padding-left:32px;padding-right:16px;}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-image img{aspect-ratio:16 / 11;}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-terms{margin-top:0px;padding-left:32px;}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-terms::before{content:"In evidenza";display:inline-block;margin-right:12px;background-color:rgb(1, 119, 159);color:rgb(255, 255, 255);padding:5px 8px 5px 8px;border-radius:0px 0px 0px 0px;}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-title{margin-top:8px;font-size:28px;line-height:1.2;padding-left:32px;padding-right:16px;}
.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-date{padding-left:32px;}
@media (max-width: 767px){.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title){grid-template-columns:auto minmax(0px, 1fr);grid-template-rows:none;grid-template-areas:"img img" "terms terms" "title title" "excerpt excerpt" "date read";}.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-image img{aspect-ratio:16 / 10;}.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-terms{margin-top:16px;padding-left:0px;}.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-title{font-size:22px;padding-left:0px;padding-right:0px;}.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-excerpt{padding-left:0px;padding-right:0px;}.env-loop-grid > .env-loop-item:first-child:has(> #env-card-ua-title) #env-card-ua-date{padding-left:0px;}}
