/* A vector QR with the unchanged canonical VTSS image centered over it.
   The H-level code keeps four clear modules around every edge. */
.voice .next-body{display:flex;align-items:center;grid-gap:0;gap:0}
.voice .action-details{flex:1;min-width:0}
.voice .qr{flex:0 0 9em;width:9em;margin-left:.9em;font-size:1em;gap:0}
.vtss-qr{display:block;position:relative;width:100%;height:0;padding:0 0 100%;background:#fff;box-sizing:border-box}
.qr .vtss-qr-pattern{position:absolute;left:0;top:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#fff}
.qr .vtss-qr-badge{position:absolute;left:35%;top:38%;display:block;width:30%;height:24%;margin:0;padding:1.2%;background:#fff;box-sizing:border-box}
.qr .vtss-qr-logo{display:block;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#fff;object-fit:contain;filter:none;opacity:1}
.qr .vtss-qr-caption{display:block;margin-top:.4em;color:inherit;font-size:.62em;line-height:1.2;text-align:center;font-weight:900}
.qr-action-body{display:flex;align-items:center;padding:2% 4%;color:#111417}
.qr-action-details{flex:1;min-width:0;margin-right:.8em}
.qr-action-details .field-view{margin-bottom:.65em}
.qr-action-details .field-view:last-child{margin-bottom:0}
.qr-action-details .field-view strong{font-size:.75em}
.qr-action-details .field-value{font-size:.72em;overflow-wrap:break-word;word-wrap:break-word}
.qr-action-body .qr{display:block;flex:0 0 28%;width:28%;font-size:1em;text-decoration:none;color:#111417}
.qr-action-card .card-head{height:19%;min-height:2.5em}
@media(min-width:1051px){
  /* Match this compact card to the preview beside the 390px editor and 48px padding. */
  body:not(.tv-mode) .qr-action-card{font-size:calc(1vw - 4.38px);font-size:min(1em,calc(1vw - 4.38px),calc(1.777778vh - .853333px))}
}

/* The right column reserves space for weather and participation above the logos. */
.cover-information{position:absolute;right:4%;top:28.5%;bottom:27.5%;z-index:4;width:36%;display:flex;flex-direction:column;justify-content:space-between}
.cover-information .raglan-weather{position:static;width:100%;padding:.65em .85em;flex:0 0 auto}
.cover-information .raglan-weather-title{margin-bottom:.4em}
.cover-information .raglan-weather-now{padding-bottom:.45em}
.cover-information .raglan-weather-periods{padding:.45em 0}
.cover-information .raglan-weather-periods p{font-size:.78em;line-height:1.3}
.cover-information .raglan-weather-updated{margin:.4em 0 .2em}
.cover-participation{display:flex;align-items:center;flex:0 0 auto;margin-top:.45em;padding:.55em .65em;color:#fff;background:rgba(9,11,13,.94);border-left:.18em solid #f4d211}
.cover-participation-copy{flex:1;min-width:0;margin-right:1em}
.cover-participation-copy h2{margin:0 0 .4em;color:#f4d211;font-size:1.12em;line-height:1.15;font-weight:900}
.cover-participation-copy p{margin:0 0 .75em;font-size:.94em;line-height:1.35}
.cover-participation-copy strong{display:block;font-size:.72em;line-height:1.25;letter-spacing:.025em}
.cover-participation .qr{display:block;flex:0 0 9em;width:9em;margin:0;font-size:1em}
@media(min-width:1051px){
  body:not(.tv-mode) .cover-screen .cover-information,body:not(.tv-mode) .cover-screen .cover-dates{font-size:calc(1vw - 4.38px);font-size:min(1em,calc(1vw - 4.38px),calc(1.777778vh - .853333px))}
}