/* The existing shell stays; a fluid 2:1 content grid shares a 24px gutter. */
#care-overview{max-width:1240px;margin:0 auto;--muted:#74604f}
#app[data-theme=moon] #care-overview{--muted:#b8c2af}
#care-overview .home-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 12px}
#care-overview .home-top h1{font-size:30px;line-height:1.45;font-weight:600;letter-spacing:-.025em;margin:0}
.home-top>div{min-width:0}.home-top p{font-size:14px;color:var(--muted);line-height:1.7;margin:8px 0 0}
.home-top>.button{display:inline-flex;gap:12px;align-items:center;flex:none;min-height:44px}
.home-top>.button svg{width:18px;height:18px}
.home-day-note{font-size:14px;color:var(--muted);margin:0 0 28px;line-height:1.7}
.home-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:24px;align-items:start}
.home-main,.home-side{min-width:0}
.home-focus{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.home-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
#care-overview h2{font-size:18px;font-weight:600;line-height:1.5;margin:0}
.home-section-head>a,.home-family>div>a{font-size:13px;color:var(--green);white-space:nowrap;text-underline-offset:4px}
.home-focus-content{display:flex;gap:22px;align-items:center}
.home-focus-content>div:last-child{min-width:0}
.home-date{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 82px;min-height:104px;padding:10px 4px;border-radius:10px;background:var(--sage);line-height:1.5}
.home-date>span,.home-date>small{font-size:12px;color:var(--muted)}
.home-date>strong{font-size:30px;line-height:1.3;font-weight:400;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.home-focus h3{font-size:23px;font-weight:600;line-height:1.5;margin:4px 0 8px;overflow-wrap:anywhere}
.home-focus-content p{font-size:14px;line-height:1.85;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}
.home-focus-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.home-focus-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.home-text-action{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:4px 0;min-height:36px;font:inherit;font-size:13px;color:var(--green);text-align:left;cursor:pointer;line-height:1.6;text-underline-offset:4px}
.home-text-action svg{width:16px;height:16px;flex:none}
.home-text-action:hover{text-decoration:underline}
.home-start{padding:8px 0 0}.home-start>h2{margin-bottom:8px!important}
.home-quick-action{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);font:inherit;cursor:pointer}
.home-quick-action>svg{flex:none;width:22px;height:22px;color:var(--green)}
.home-quick-action>svg:last-child{width:17px;height:17px;color:var(--muted)}
.home-quick-action>span{flex:1;min-width:0}.home-quick-action strong{font-size:16px;font-weight:600;display:block;line-height:1.6}
.home-quick-action small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:3px;overflow-wrap:anywhere}
.home-quick-action:hover strong{color:var(--green)}
.home-response{padding-top:26px}.home-response .home-section-head{margin-bottom:12px}
.home-response .home-section-head>span{font-size:15px;font-variant-numeric:tabular-nums}
.home-quiet{font-size:14px;color:var(--muted);line-height:1.8;margin:8px 0 12px}
.home-response>.home-text-action{margin-right:16px}
.home-response-row{display:block;width:100%;padding:10px 0;border:0;background:transparent;text-align:left;color:var(--ink);font:inherit;cursor:pointer}
.home-response-row strong{display:block;font-weight:500;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.home-response-row small{display:block;color:var(--muted);font-size:12px;line-height:1.7}
.home-agenda{margin-top:26px}.home-agenda .home-section-head{margin-bottom:8px}
.home-agenda-row{display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);padding:16px 0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.home-agenda-row>time{width:85px;flex:none;font-size:12px;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums}
.home-agenda-row>span{flex:1;min-width:0}.home-agenda-row strong{display:block;font-weight:500;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.home-agenda-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.7}.home-agenda-row>svg{flex:none;width:17px;height:17px;color:var(--muted)}
.home-check-preview{list-style:none;margin:18px 0 0;padding:0}.home-check-preview li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;padding:5px 0;color:var(--muted)}
.home-check-mark{height:17px;width:17px;border:1px solid var(--line);border-radius:4px;flex:none;margin-top:2px}.home-check-mark.is-checked{background:var(--sage);border-color:var(--green);color:var(--green)}.home-check-mark svg{width:15px;height:15px}
.home-attention{font-size:13px;color:var(--ink);line-height:1.7;margin:16px 0 0}
.home-family{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:24px 0;margin-top:24px;border-block:1px solid var(--line)}
.home-family>div{flex:none}.home-family>div>a{display:inline-block;margin-top:7px}
.home-family ul{display:flex;flex-wrap:wrap;gap:14px 24px;list-style:none;padding:0;margin:0}.home-family li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.home-person{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--sage);color:var(--green);font-size:13px}.home-person svg{height:18px;width:18px}
#care-overview .page-ai{background:transparent;border:0;padding:18px 0 0;margin:0;border-radius:0}
#care-overview .page-ai-intro{align-items:center}#care-overview .page-ai-intro strong{font-weight:500;font-size:14px}#care-overview .page-ai-intro p{display:none}
#care-overview .page-ai-body{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
#care-overview :is(.home-quick-action,.home-text-action,.home-response-row,.home-agenda-row):focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}
@media(max-width:1050px){.home-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.home-focus{padding:20px}.home-focus-content{gap:16px}.home-date{flex-basis:64px}.home-family{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:850px){.home-grid{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.home-response{padding-top:8px}.home-top>.button{flex:none}.home-family ul{gap:12px 20px}}
@media(max-width:600px){#care-overview .home-top{align-items:flex-start;gap:16px;flex-wrap:wrap}#care-overview .home-top h1{font-size:25px}.home-top>.button{font-size:13px!important}.home-day-note{margin-bottom:20px}.home-focus{padding:18px}.home-focus-content{align-items:flex-start;gap:14px}.home-date{flex-basis:58px;min-height:92px}.home-date>strong{font-size:26px}.home-focus h3{font-size:20px}.home-focus-content p{font-size:14px}.home-side{grid-template-columns:1fr;gap:16px}.home-response{padding-top:4px}.home-family{padding:20px 0}.home-family ul{gap:14px 18px}.home-focus-footer{gap:8px}.home-agenda-row{gap:12px}.home-agenda-row>time{width:70px}}
html[data-text-size=large] #care-overview :is(p,small,.home-text-action,.home-quick-action small,.home-agenda-row time,.home-agenda-row small,.home-response-row small,.home-family li){font-size:16px;line-height:1.8}
html[data-text-size=large] #care-overview .home-focus h3{font-size:24px}
/* One continuous photo, with a reading shade only where the welcome text sits. */
#app[data-view=overview] main{position:relative;isolation:isolate;background-color:var(--bg)}
#app[data-view=overview] main::before{content:none}
.home-welcome{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:#1b2a20;margin-bottom:24px;border:0}
.home-welcome-visual{position:absolute;inset:0;overflow:hidden;z-index:-1}
.home-welcome-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.home-welcome-copy{position:relative;min-width:0;min-height:300px;box-sizing:border-box;padding:30px 32px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 0%,rgba(16,28,20,.34) 30%,rgba(16,28,20,.88) 74%,rgba(16,28,20,.96) 100%)}
#care-overview .home-welcome .home-top{align-items:flex-end;flex-direction:row;justify-content:space-between;gap:24px;margin:0 0 8px}
#app[data-view=overview] #care-overview .home-welcome .home-top h1{font-size:28px;line-height:1.5;color:#fff7e5;background:none;-webkit-text-fill-color:currentColor}
#app[data-view=overview] #care-overview .home-welcome :is(.home-top p,.home-day-note){color:#eee8d8}
#app[data-view=overview] #care-overview .home-welcome .button.primary{background:#f4ebd5;color:#343c2e;border-color:#f4ebd5}
#app[data-view=overview] #care-overview .home-welcome .home-top>div:first-child{flex:0 1 auto}
.home-welcome .home-day-note{margin:0}
.home-welcome .home-top>.button{font-size:13px!important;white-space:normal}
#care-overview .home-side{background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:12px}
#care-overview .home-agenda{background:var(--paper);padding:20px;border-radius:12px;border:1px solid var(--line)}
#care-overview .home-agenda-row:last-child{border-bottom:0;padding-bottom:2px}
#care-overview .home-family{background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:12px}
#app[data-view=overview] #care-overview .page-ai{background:var(--paper);padding:16px 20px;margin-top:20px;border:1px solid var(--line);border-radius:12px}
#app[data-theme=moon] .home-welcome-image{filter:brightness(.88) saturate(.88)}
@media(max-width:1050px){.home-welcome-copy{padding:26px}#app[data-view=overview] #care-overview .home-welcome .home-top h1{font-size:25px}}
@media(max-width:850px){#care-overview .home-welcome .home-top{align-items:flex-start;flex-wrap:wrap;gap:16px}.home-welcome-copy{min-height:320px}}
@media(max-width:600px){.home-welcome-image{object-fit:contain;object-position:center top}.home-welcome-copy{min-height:380px;padding:22px;background:linear-gradient(180deg,transparent 0%,rgba(27,42,32,.12) 24%,rgba(27,42,32,.86) 50%,#1b2a20 72%)}#care-overview .home-welcome .home-top{flex-direction:column;align-items:flex-start;gap:16px}#app[data-view=overview] #care-overview .home-welcome .home-top h1{font-size:24px}#care-overview .home-side,#care-overview .home-agenda,#care-overview .home-family{padding:18px}}
