/* Prova locale: gerarchia editoriale con titolo a fianco della foto. */
.note{background:#f3f1ee;color:#4b4641;font-size:12px;padding:8px 16px}
.note a{text-decoration:underline;text-underline-offset:3px;margin-left:12px}
.content{padding-inline:24px}
.section-heading{margin-bottom:16px;padding-top:12px}
.section-title{font-size:28px}
.group{margin-bottom:28px}
.ritmo-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:start}
.ritmo-feature{grid-column:1;grid-row:1}
.ritmo-feature .zox-art-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.85fr);gap:18px;align-items:start}
.ritmo-feature .zox-art-grid>a{grid-column:2;grid-row:1}
.ritmo-feature .zox-art-text{grid-column:1;grid-row:1;padding-top:0}
.ritmo-feature .zox-art-img img{aspect-ratio:3/2}
.ritmo-feature .zox-art-title h2{font-size:25px;line-height:1.17;letter-spacing:-.02em;margin:5px 0 8px}
.ritmo-feature .zox-s-graph{font-size:13px;line-height:1.4;color:#5b5550;margin:8px 0}
.ritmo-side{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;border-left:1px solid #e6e1dc;padding-left:18px}
.ritmo-side .zox-art-img img{aspect-ratio:3/2}
.ritmo-side h2{font-size:17px;line-height:1.22;letter-spacing:-.01em;margin:4px 0 6px}
.ritmo-side .zox-art-text{padding-top:5px}
.ritmo-side .zox-s-graph,.ritmo-bottom .zox-s-graph{display:none}
/* Desktop e tablet: una sola fila di quattro card compatte con titolo sotto. */
.ritmo-bottom{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:1px solid #e6e1dc;padding-top:14px;align-items:start}
.ritmo-bottom .zox-art-grid{display:block}
.ritmo-bottom .zox-art-img img{aspect-ratio:16/9}
.ritmo-bottom .zox-art-text{min-width:0;padding:5px 0 0}
.ritmo-bottom h2{font-size:16px;line-height:1.22;letter-spacing:-.01em;margin:3px 0 5px;overflow-wrap:break-word}
.zox-s-cat .lvdb-category-link{padding-block:3px}
.zox-byline-wrap{font-size:10.5px;line-height:1.4;margin-top:5px}
@media(min-width:1000px){
  .ritmo-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .group.layout-right .ritmo-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .layout-right .ritmo-feature{grid-column:2}
  .layout-right .ritmo-side{grid-column:1;border-left:0;border-right:1px solid #e6e1dc;padding-left:0;padding-right:18px}
}
@media(min-width:768px) and (max-width:999px){
  .ritmo-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
  .ritmo-feature .zox-art-grid{display:flex;flex-direction:column}
  .ritmo-feature .zox-art-grid>a{width:100%}
  .ritmo-feature .zox-art-title h2{font-size:25px}
  .ritmo-bottom{gap:14px}
}
@media(max-width:767px){
  .content{padding-inline:0}
  .section-heading{margin:0 18px 16px}
  .section-title{font-size:25px}
  .ritmo-grid,.ritmo-side,.ritmo-bottom{display:block;border:0;padding:0;margin:0}
  .ritmo-feature .zox-art-grid,.ritmo-bottom .zox-art-grid{display:block}
  .ritmo-grid .zox-art-wrap{margin:0 0 22px;border:0;box-shadow:none;border-radius:0}
  .ritmo-grid .zox-art-img img{width:100%;aspect-ratio:3/2;border:0;border-radius:0}
  .ritmo-grid .zox-art-text{padding:8px 18px 0}
  .ritmo-grid .zox-art-title h2{font-size:21px;line-height:1.22;margin:4px 0 7px}
  .ritmo-feature .zox-art-title h2{font-size:25px}
  .ritmo-feature .zox-s-graph{font-size:14px}
  .ritmo-grid .zox-byline-wrap{font-size:11px}
}

/* Home: due notizie in più nello spazio sotto la principale. */
/* La linea nera dell'header basta a separare la prima sezione. */
.content>.group:first-of-type>.section-heading{border-top:0;padding-top:0}
@media(min-width:768px){
  .ritmo-grid:has(.ritmo-under){container-type:inline-size;--lvdb-home-thumb:calc((100cqw - 18px) / 5.1 - 17.5px);grid-template-rows:min-content 1fr auto;row-gap:18px}
  .ritmo-feature .zox-art-img img{aspect-ratio:4/3}
  .ritmo-grid:has(.ritmo-under) .ritmo-side{grid-row:1 / span 2}
  .ritmo-grid:has(.ritmo-under) .ritmo-bottom{grid-row:3}
  .ritmo-under{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:1px solid #e6e1dc;padding-top:14px;align-items:start}
  .ritmo-under .zox-art-grid{display:grid;grid-template-columns:var(--lvdb-home-thumb) minmax(0,1fr);gap:12px;align-items:start}
  .ritmo-under .zox-art-img img{width:100%;height:auto;aspect-ratio:6/5;object-fit:cover}
  .ritmo-under .zox-art-text{padding-top:0;min-width:0}
  .ritmo-under .zox-art-cat{line-height:14px}
  .ritmo-under .zox-s-cat,.ritmo-under .lvdb-category-link{display:block}
  .ritmo-under .lvdb-category-link{padding-block:0}
  .ritmo-under .zox-art-title h2{font-size:16px;line-height:1.22;margin:3px 0 5px;overflow-wrap:break-word}
  .ritmo-grid:has(.ritmo-under) .ritmo-side h2{font-size:16px}
  .ritmo-grid:has(.ritmo-under) .ritmo-side .zox-art-img{display:block;width:var(--lvdb-home-thumb)}
  .ritmo-grid:has(.ritmo-under) .ritmo-side .zox-art-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
}
@media(min-width:1000px){
  /* La foto usa il riquadro esistente e 12 dei 18 px prima del divisore. */
  .ritmo-feature .zox-art-img{position:relative;width:100%;aspect-ratio:4/3;align-self:stretch}
  .ritmo-feature .zox-art-img img{position:absolute;inset:0 auto auto 0;width:100%;height:calc(100% + 12px);aspect-ratio:auto;object-fit:cover}
  .ritmo-grid:has(.ritmo-under){--lvdb-home-thumb:calc((100cqw - 18px) / 5.6 - 17.5px);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
  .group.layout-right .ritmo-grid:has(.ritmo-under){grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}
  .layout-right .ritmo-under{grid-column:2}
  .ritmo-under{align-self:stretch;align-items:stretch}
  .ritmo-under .zox-art-grid{height:100%;align-items:start}
}
@media(min-width:768px) and (max-width:999px){
  .ritmo-under .zox-art-grid{gap:10px}
  .ritmo-grid:has(.ritmo-under) .ritmo-side{grid-row:1}
  .ritmo-under{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:767px){.ritmo-under{display:block;margin:0;padding:0;border:0}}

/* La foto principale si avvicina al divisore usando 12 dei 18 px liberi. */
@media(min-width:1000px){.ritmo-feature .zox-art-img img{width:calc(100% + 12px);max-width:none}}
/* Stesso fondo della newsletter; allineamenti interni conservati. */
.group.lvdb-fashion-section{background:#eee3d6;margin-inline:-24px;padding:20px 24px 24px}
.group.lvdb-fashion-section>.section-heading{border-top:0;padding-top:0}
@media(max-width:767px){.group.lvdb-fashion-section{margin-inline:0;padding:20px 0 8px}}
