/* A.5: home decoration and calendar category colours only. */
body[data-screen=home]>header{background:#fffef4 url('images/home-garden.svg') center bottom/100% 100% no-repeat;min-height:108px;padding:6px 12px 10px;gap:5px;isolation:isolate}
body[data-screen=home] .home-mascot{width:94px;height:92px;object-fit:contain;filter:drop-shadow(0 2px 2px #356b2525)}
body[data-screen=home]>header>div{background:#fffef4b8;border-radius:10px;padding:3px 4px}
body[data-screen=home]>header strong{font-size:clamp(17px,4.5vw,22px);letter-spacing:-.055em;line-height:1.15;color:#005b31}
body[data-screen=home]>header small{color:#1b4f50}
body[data-screen=home] main{padding-top:4px}
body[data-screen=home] .home-grid{gap:6px;margin-top:5px;align-items:start}
body[data-screen=home] .home-grid>.home-card{padding:7px;min-height:0;border-color:#dceadd;background:linear-gradient(135deg,#fff,#f2f9ed);box-shadow:0 2px 5px #16552c0b}
body[data-screen=home] .home-card h2{margin-bottom:2px;font-size:.86rem}
body[data-screen=home] .home-card p{margin:4px 0;line-height:1.3}
body[data-screen=home] .home-card button{min-height:44px}
body[data-screen=home] .home-grid>.home-value{background:linear-gradient(135deg,#fff,#fff5df);border-color:#f1dfb7}
body[data-screen=home] .home-weight h2:before,body[data-screen=home] .home-value h2:before{display:none}
.a5-metric{display:flex;align-items:center;gap:6px;min-width:0}.a5-metric .home-number{font-size:clamp(16px,4.7vw,21px);color:#083b49;letter-spacing:-.04em;overflow-wrap:anywhere}
.a5-ring{display:block;position:relative;flex:0 0 46px;width:46px;height:46px;color:#239647}.a5-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.a5-ring circle{fill:none;stroke-width:5}.ring-track{stroke:currentColor;opacity:.17}.ring-arc{stroke:currentColor;stroke-linecap:round;animation:a5-ring-in .8s ease-out both}.a5-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;font-weight:bold}.home-value .a5-ring{color:#efa51a}
@keyframes a5-ring-in{from{stroke-dashoffset:100}to{stroke-dashoffset:var(--ring-offset)}}
.home.no-motion .ring-arc{animation:none}@media(prefers-reduced-motion:reduce){.ring-arc{animation:none!important}}
body[data-screen=home] .compact-metric-details>summary{padding:3px 0;min-height:24px}
body[data-screen=home] .home-grid>.home-weather{background:linear-gradient(120deg,#eef8ff,#fffbe9)!important}
body[data-screen=home] .home-grid>.home-weather.a5-alert{background:linear-gradient(120deg,#fff4e4,#ffe9ed)!important;border-color:#f4bbc6}
body[data-screen=home] .compact-weather-more>summary{padding:3px 0;min-height:25px}
body[data-screen=home] .compact-weather-link{min-height:44px!important;margin-top:0!important}
body[data-screen=home] .compact-forecast-day{padding:3px 1px}
body[data-screen=home] .compact-weather-time{margin:3px 0}
body[data-screen=home] .home-goal{background:linear-gradient(130deg,#fff,#e9f7df)!important}
body[data-screen=home] .home-suggestion{background:linear-gradient(130deg,#fff,#fff7dc)!important}
body[data-screen=home] .home-goal progress{accent-color:#168844}
[data-activity=sow]{--activity:#217d35;--activity-bg:#eaf7dc}[data-activity=plant]{--activity:#7950ad;--activity-bg:#f0e5fc}[data-activity=care]{--activity:#a45a00;--activity-bg:#fff1da}[data-activity=harvest]{--activity:#ba3451;--activity-bg:#ffe9ef}[data-activity=observe]{--activity:#2567ac;--activity-bg:#e9f3ff}[data-activity=other]{--activity:#477780;--activity-bg:#ecf5f5}
body[data-screen=calendar] .calendar-entry[data-activity]{border-left:4px solid var(--activity);background:linear-gradient(100deg,var(--activity-bg),#fff 75%)}
body[data-screen=calendar] .calendar-entry[data-activity] h3{color:var(--activity)}
body[data-screen=calendar] .calendar-entry .tag:not(.late){background:var(--activity-bg);color:var(--activity)}
body[data-screen=calendar] [data-cal-day]{position:relative}
.a5-calendar-dots{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:center;gap:2px;pointer-events:none}.a5-calendar-dots i{width:4px;height:4px;border-radius:50%;background:var(--activity)}

/* a.6: only the Home weather summary; full details remain expandable. */
body[data-screen=home] .home-grid>.home-weather{padding:5px 7px}
body[data-screen=home] .home-weather>h2{margin:0;min-height:32px}
body[data-screen=home] .home-weather .compact-forecast{margin:0;gap:3px}
body[data-screen=home] .home-weather .compact-forecast-day{padding:1px 2px}
body[data-screen=home] .home-weather .weather-symbol{font-size:21px;line-height:1;margin:1px 0}
body[data-screen=home] .home-weather .compact-forecast-day small{font-size:.68rem;line-height:1.1}
body[data-screen=home] .home-weather .compact-forecast-day strong{font-size:.8rem;line-height:1.1}
body[data-screen=home] .home-weather .compact-alert{margin:3px 0 0;padding:3px 5px;line-height:1.2}
body[data-screen=home] .home-weather .compact-weather-more{margin:0}
body[data-screen=home] .home-weather .compact-weather-more>summary{min-height:44px;padding:10px 0;line-height:24px;box-sizing:border-box}
body[data-screen=home] .home-weather .weather-empty p{margin:2px 0}

/* a.7: only the two Home metric cards. */
body[data-screen=home] .home-grid>:is(.home-weight,.home-value){display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:5px;row-gap:0;padding:5px 7px}
body[data-screen=home] :is(.home-weight,.home-value)>h2.ui-card-handle{grid-column:2;grid-row:1;min-height:28px!important;padding:0!important;margin:0;line-height:1.1;font-size:.82rem}
body[data-screen=home] :is(.home-weight,.home-value)>.a5-metric{display:contents}
body[data-screen=home] :is(.home-weight,.home-value) .a5-ring{grid-column:1;grid-row:1/3;width:40px;height:40px;align-self:center}
body[data-screen=home] :is(.home-weight,.home-value) .home-number{grid-column:2;grid-row:2;min-height:24px;font-size:20px;line-height:1.2;margin:0}
body[data-screen=home] :is(.home-weight,.home-value)>.compact-metric-details{grid-column:1/-1;margin:0}
body[data-screen=home] :is(.home-weight,.home-value)>.compact-metric-details>summary{min-height:24px;padding:2px 0;line-height:20px;box-sizing:border-box}