/* Plain CSS and flexbox keep the live information readable on the Samsung TV. */
[data-raglan-date]{text-transform:uppercase;white-space:nowrap}
[data-raglan-time]{white-space:nowrap;font-variant-numeric:tabular-nums}
.raglan-weather{position:absolute;z-index:4;right:4%;top:31%;width:34%;padding:.85em 1em;color:#fff;background:rgba(9,11,13,.91);border-top:.18em solid #f4d211;box-sizing:border-box;text-align:left}
.raglan-weather-title{margin:0 0 .55em;color:#f4d211;font-size:.9em;font-weight:900;letter-spacing:.05em}
.raglan-weather-now{display:flex;align-items:center;padding-bottom:.65em}
.raglan-weather-now>strong{font-size:2.2em;line-height:1;font-weight:900;white-space:nowrap;margin-right:.65em}
.raglan-weather-now>div{font-size:.9em;line-height:1.35}
.raglan-weather-wind{display:block;color:#d8dde1;font-size:.9em}
.raglan-weather-periods{display:flex;border-top:1px solid #596066;border-bottom:1px solid #596066;padding:.65em 0}
.raglan-weather-periods>div{width:50%;box-sizing:border-box;padding-right:.8em}
.raglan-weather-periods>div+div{padding-right:0;padding-left:.8em;border-left:1px solid #596066}
.raglan-weather-periods b{display:block;color:#f4d211;font-size:.83em;margin-bottom:.4em}
.raglan-weather-periods p{margin:0;font-size:.83em;line-height:1.4}
.raglan-weather-updated{margin:.6em 0 .3em;font-size:.65em;color:#d8dde1}
.raglan-weather-credit{font-size:.58em;color:#b6bec4;line-height:1.3}
.raglan-weather-credit a{color:inherit;text-decoration:underline}
.cover-screen .cover-dates{top:17%;bottom:auto;right:4%}
.cover-screen .raglan-weather{top:33%}
.cover-screen .cover-copy{max-width:54%}
.raglan-weather-inline .weather-inline-heading{display:block;margin-bottom:.4em;font-size:.72em}
.raglan-weather-inline p{margin:.25em 0;font-size:.7em;line-height:1.35}
.raglan-weather-inline p span,.watch-list .raglan-weather-inline p span{display:inline;margin:0;color:inherit;font-size:inherit}
.raglan-weather-inline .weather-inline-current{font-size:.8em;font-weight:700}
.raglan-weather-inline .weather-inline-period strong{display:block;font-size:1em}
.raglan-weather-inline .weather-inline-updated{font-size:.56em;color:#5c6670}
.raglan-weather-inline .weather-inline-credit{font-size:.5em;color:#5c6670}
.raglan-weather-inline a{color:inherit}
.watch-list{grid-gap:.45em;gap:.45em;padding:.7em 1em}
.watch-list>div{padding-bottom:.4em}
.happening-grid .watch .body-pad{padding:3%}
.happening-grid .watch-row{margin-bottom:.7em}
.happening-grid{grid-template-columns:1.35fr 1fr;grid-template-rows:1.65fr 1fr}
.happening-grid .today{grid-column:1;grid-row:1}
.happening-grid .watch{grid-column:2;grid-row:1/3}
.happening-grid .focus{grid-column:1;grid-row:2}

/* Larger clock typography for viewing the TV from across the room. */
.edition [data-raglan-date],.cover-dates [data-raglan-date]{font-size:1.8em;line-height:1.15}
.edition [data-raglan-time],.cover-dates [data-raglan-time]{display:block;margin-top:.25em;font-size:1.35em;line-height:1.15}
.head-edition [data-raglan-date]{font-size:1.55em;line-height:1.15}
.head-edition [data-raglan-time]{display:block;margin-top:.2em;font-size:1.1em;line-height:1.15}