.wedding-body[class] .wedding-nav .wedding-monogram.theme-monogram{display:flex;align-items:center;justify-content:center;width:76px;flex:0 0 76px;height:76px;padding:0;color:var(--theme-ink);--monogram-accent:var(--theme-accent)}
.wedding-body[class] .wedding-nav .wedding-monogram.theme-monogram>svg{display:block;width:72px;height:72px;max-width:100%;overflow:visible}
.wedding-body[class] .wedding-nav .theme-monogram>.atelier-monogram>g:first-child{stroke-width:1.4}
.wedding-body[class] .w-finale .theme-finale-monogram{display:block;width:clamp(150px,16vw,190px);max-width:50%;margin:0 auto 32px;color:var(--theme-ink);--monogram-accent:var(--theme-accent)}
.wedding-body[class] .theme-finale-monogram>svg{display:block;width:100%;height:auto}
@media(max-width:760px){.wedding-body[class] .wedding-nav .wedding-monogram.theme-monogram{width:58px;flex-basis:58px;height:58px}.wedding-body[class] .wedding-nav .wedding-monogram.theme-monogram>svg{width:58px;height:58px}.wedding-body[class] .w-finale .theme-finale-monogram{width:150px;margin-bottom:24px}}

/* The legacy flex strip assigns width:25% to each unit. Grid themes must fill
   their own track so the separator stays between units instead of over digits. */
.wedding-body[class] .w-countdown .w-countdown-grid > div {
  box-sizing:border-box;
  width:auto;
  min-width:0;
}

/* Size tracks by the longest value as well as the viewport: four-digit days
   keep their own space without pushing a divider into the neighbouring unit. */
.wedding-body[class] .w-countdown .w-countdown-grid {
  grid-template-columns:repeat(4,minmax(min-content,1fr));
}
.wedding-body[class] .w-countdown .w-countdown-grid > div {
  text-align:center;
}

/* Circular counters reserve their border on all four units. At narrow widths
   trim internal space so the circle does not impose a wider grid than the page. */
.wedding-body[class].signature-family-music .w-countdown .w-countdown-grid > div:last-child {
  border:1px solid var(--sig-line);
}
@media(max-width:760px) {
  .wedding-body[class].signature-family-music .w-countdown .w-countdown-grid > div {
    padding:6px 2px;
  }
  .wedding-body[class].signature-family-music .w-countdown .w-countdown-grid strong {
    font-size:clamp(23px,6.7vw,30px);
  }
  .wedding-body[class].signature-family-music .w-countdown .w-countdown-grid span {
    margin-top:4px;
  }
}
