/* Shared day-rating component (day-rating.js). Uses the existing palette only. */
.day-rating{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);min-width:0;color:var(--text,#e8e4d8);font-family:var(--font,'DM Sans',system-ui,sans-serif)}
.day-rating[hidden]{display:none}
.day-rating-caption{margin:0;color:var(--muted,#969890);font:500 12px/1.5 var(--font,'DM Sans',system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.day-rating:is(:lang(hi),:lang(gu)) .day-rating-caption{font-size:13px;letter-spacing:.02em;text-transform:none}
.day-rating-meter{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;line-height:1}
.day-rating-glyphs{display:inline-flex;gap:2px;color:var(--gold,#c9a227);font-size:16px;line-height:1;letter-spacing:0;white-space:nowrap;font-family:'Segoe UI Symbol','Apple Symbols','Noto Sans Symbols 2',var(--font,'DM Sans',system-ui,sans-serif)}
.day-rating-star{display:inline-block}
.day-rating-star:not(.is-on){color:var(--muted,#969890)}
.day-rating-value{color:var(--text,#e8e4d8);font:500 14px/1.4 var(--mono,'IBM Plex Mono',ui-monospace,monospace);white-space:nowrap}
.day-rating-why{margin:0;max-width:62ch;color:var(--text,#e8e4d8);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.day-rating-why-label{color:var(--gold,#c9a227);font-weight:600}
.day-rating--full{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border:1px solid var(--line,#e8e4d81c);border-left:2px solid var(--gold,#c9a227);border-radius:var(--sp-3);background:var(--panel,#121419)}
.day-rating--full .day-rating-glyphs{font-size:22px;gap:var(--sp-1)}
.day-rating--full .day-rating-value{font-size:15px}
.day-rating--full .day-rating-why{font-size:15px}
.day-rating--compact{gap:var(--sp-1)}
.day-rating--compact .day-rating-glyphs{font-size:14px}
.day-rating--compact .day-rating-value{font-size:13px}
.day-rating--compact .day-rating-caption{font-size:12px;letter-spacing:.02em;text-transform:none}
.day-rating-domains{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3) var(--sp-5);width:100%;margin:0;padding:var(--sp-3) 0 0;border-top:1px solid var(--line,#e8e4d81c)}
.day-rating-domain{min-width:0}
.day-rating-domain dt{margin:0 0 var(--sp-1);color:var(--muted,#969890);font-size:13px;line-height:1.4}
.day-rating-domain dd{display:flex;align-items:center;gap:var(--sp-2);margin:0}
.day-rating-domain .day-rating-glyphs{font-size:14px}
.day-rating-domain .day-rating-value{font-size:13px}
.day-rating-details{width:100%;border-top:1px solid var(--line,#e8e4d81c)}
.day-rating-summary{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-1) 0;color:var(--gold,#c9a227);font-size:14px;line-height:1.4;cursor:pointer;list-style:none}
.day-rating-summary::-webkit-details-marker{display:none}
.day-rating-summary::before{content:'';flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.day-rating-details[open]>.day-rating-summary::before{transform:rotate(45deg)}
.day-rating-summary:focus-visible{outline:2px solid var(--gold,#c9a227);outline-offset:2px;border-radius:4px}
.day-rating-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-1)}
.day-rating-factors,.day-rating-caps{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;list-style:none}
.day-rating-factor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:var(--sp-1) var(--sp-3);align-items:baseline;padding-bottom:var(--sp-2);border-bottom:1px solid var(--line,#e8e4d81c);font-size:13px;line-height:1.5}
.day-rating-factor-label{color:var(--text,#e8e4d8)}
.day-rating-factor-detail{color:var(--muted,#969890);overflow-wrap:anywhere}
.day-rating-factor-points{color:var(--gold,#c9a227);font-family:var(--mono,'IBM Plex Mono',ui-monospace,monospace);white-space:nowrap;text-align:right}
.day-rating-total{margin:0;color:var(--text,#e8e4d8);font-size:13px}
.day-rating-caps li{color:var(--text,#e8e4d8);font-size:13px;line-height:1.5}
.day-rating-caps li::before{content:'◆ ';color:var(--gold,#c9a227)}
.day-rating-disclaimer{margin:0;color:var(--muted,#969890);font-size:12px;line-height:1.5}
@media (max-width:560px){
 .day-rating--full{padding:var(--sp-3) var(--sp-4)}
 .day-rating-factor{grid-template-columns:minmax(0,1fr) auto}
 .day-rating-factor-detail{grid-column:1/-1;grid-row:2}
}
@media (forced-colors:active){
 .day-rating-star:not(.is-on){color:GrayText}
 .day-rating--full{border-color:CanvasText}
}
/* Motion only when the reader has not asked to reduce it. */
@media (prefers-reduced-motion:no-preference){
 .day-rating-star.is-on{animation:day-rating-in .45s ease-out both}
 .day-rating-star.is-on:nth-child(2){animation-delay:.05s}
 .day-rating-star.is-on:nth-child(3){animation-delay:.1s}
 .day-rating-star.is-on:nth-child(4){animation-delay:.15s}
 .day-rating-star.is-on:nth-child(5){animation-delay:.2s}
 .day-rating-summary::before{transition:transform .2s ease}
 #landing[data-motion=paused] .day-rating-star.is-on{animation:none}
}
@keyframes day-rating-in{from{opacity:.25}to{opacity:1}}