/* Compact services replace the old homepage panels. No font files are bundled. */
.yh-strip,.yh-strip *{box-sizing:border-box}
.yh-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:0;background:#fff;border:1px solid #d9e6fa;border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 16px #153d7510;color:#153258}
.yh-strip [hidden]{display:none!important}
.yh-cell{min-width:0;min-height:108px;padding:13px 18px;display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid #e2ebfa;gap:5px}
.yh-cell:first-child{border-inline-start:0}
.yh-weather-cell{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:17px}
.yh-clock{display:flex;gap:9px;align-items:center;flex-shrink:0}
.yh-clock-icon{width:27px;height:27px;color:#0866ff;display:flex}
.yh-clock time{display:block;direction:ltr;font-size:23px;line-height:1.5;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.2px}
.yh-caption{display:block;color:#5d6f8c;font-size:11px;line-height:1.6}
.yh-weather{display:flex;align-items:center;position:relative;gap:9px;flex:1;min-width:0;padding-inline-start:14px;border-inline-start:1px solid #e2ebfa}
.yh-weather-icon{width:45px;min-width:36px;display:flex;color:#3382e9}
.yh-weather-icon svg{width:100%;height:auto;overflow:visible}
.yh-weather-icon .yh-sun{fill:#ffd468;stroke:#e9b638}.yh-weather-icon .yh-cloud{fill:#dfebfd;stroke:#698fbe}.yh-weather-icon .yh-moon{fill:#ffe097;stroke:#d4aa4c}.yh-weather-icon .yh-drops{stroke:#2687f8}.yh-weather-icon .yh-lightning{fill:#ffce54;stroke:#e7b526}
.yh-weather-text{min-width:0;flex:1}.yh-weather-text>.yh-caption{white-space:normal}
.yh-weather-line{display:flex;align-items:baseline;gap:8px;line-height:1.45;flex-wrap:wrap}
.yh-weather-line strong{font-size:28px;line-height:1.25;color:#0866ff;font-weight:800;direction:ltr}
.yh-weather-line>span{font-size:12px}
.yh-weather-text small{font-size:10px;color:#61718a;line-height:1.6;display:block;overflow-wrap:anywhere}
.yh-attribution{font-family:system-ui,sans-serif;align-self:flex-start;font-size:13px;color:#738ba9;padding:1px 4px}
.yh-cell-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;line-height:1.5}
.yh-cell-title strong{font-size:12px;font-weight:750;color:#215eac}.yh-cell-title small{font-size:10px;color:#61718a;overflow-wrap:anywhere}
.yh-values{display:flex;gap:6px;justify-content:space-between;align-items:center;margin:0;min-width:0}
.yh-values>div{flex:1;text-align:center;min-width:0}.yh-values dt{font-size:12px;color:#526581;white-space:nowrap}
.yh-values dd{font-size:16px;font-weight:750;margin:0;direction:ltr;white-space:nowrap;line-height:1.8;font-variant-numeric:tabular-nums}
.yh-meta{display:block;font-size:9px;color:#687c97;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
.yh-strip .is-stale{color:#a65e18!important}
@media(min-width:1100px){.yh-weather-cell{gap:13px;padding-inline:16px}.yh-strip{grid-template-columns:minmax(355px,1.2fr) repeat(2,minmax(0,1fr))}.yh-strip:not(:has(.yh-prayer-cell:not([hidden]))):not(:has(.yh-currency-cell:not([hidden]))){grid-template-columns:1fr}.yh-strip:has(.yh-prayer-cell[hidden]):has(.yh-currency-cell:not([hidden])),.yh-strip:has(.yh-currency-cell[hidden]):has(.yh-prayer-cell:not([hidden])){grid-template-columns:1.2fr 1fr}}
@media(max-width:1099px){.yh-weather-cell{grid-column:1/-1;border-bottom:1px solid #e2ebfa;min-height:88px}.yh-weather{flex:0 1 auto;max-width:70%}.yh-weather-cell{justify-content:space-between}.yh-cell{min-height:96px}.yh-weather-cell:last-child{border-bottom:0}}
@media(max-width:639px){.yh-strip{grid-template-columns:1fr;margin-bottom:14px;border-radius:13px}.yh-cell{border-inline-start:0;border-top:1px solid #e2ebfa;padding:10px 14px;min-height:82px}.yh-cell:first-child{border-top:0}.yh-weather-cell{border-bottom:0;gap:9px;min-height:88px}.yh-clock time{font-size:21px}.yh-clock-icon{display:none}.yh-weather{padding-inline-start:12px;gap:8px}.yh-weather-icon{width:38px;min-width:32px}.yh-weather-line strong{font-size:27px}.yh-weather-line>span{font-size:11px}.yh-caption{font-size:10px}.yh-weather-text small{font-size:9px}.yh-values dt{font-size:11px}.yh-values dd{font-size:15px}.yh-cell-title strong{font-size:11px}.yh-meta{font-size:9px}}