/* Light SVG horizon icons; compact day labels without disturbing the phase. */
.moon444-event{display:flex;align-items:center;gap:8px}
.moon445-icon{display:block;width:23px;height:27px;flex:0 0 23px;fill:none;stroke:#8b74b8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.moon445-copy{min-width:0}
.moon445-copy>span{display:block;font-size:10px;line-height:1.4;font-weight:650;color:#7a8d98;white-space:nowrap}
.moon445-copy small{font-size:inherit;font-weight:500;color:inherit}
.moon445-copy>strong{display:block;font-size:17px;line-height:1.35;white-space:nowrap;color:#23495e}
.moon445-copy b{font-size:.8em;font-weight:750;margin-left:3px}
@media(max-width:500px){.moon444-event{gap:5px}.moon445-icon{width:19px;height:24px;flex-basis:19px}.moon445-copy>strong{font-size:16px}}
html.page-weather body #wx440Panel .moon444-tv .moon444-event{display:flex!important;align-items:center!important;gap:.45vw!important}
html.page-weather body #wx440Panel .moon444-tv .moon445-icon{width:1.35vw;height:1.65vw;flex:0 0 1.35vw;stroke:#d7c9f4}
html.page-weather body #wx440Panel .moon444-tv .moon445-copy>span{font-size:.65vw;color:rgba(255,255,255,.8);line-height:1.4}
html.page-weather body #wx440Panel .moon444-tv .moon445-copy>strong{font-size:1.03vw;line-height:1.2;color:#fff}
/* Explicit margin also works when an older webOS ignores flex gap. */
html.page-weather body #wx440Panel .moon444-tv .moon444-event{gap:0!important}
html.page-weather body #wx440Panel .moon444-tv .moon445-icon{margin-right:.45vw}