/* Marina: Wes's v13.6 Home/priority DOM. Load last. Presentation only.
   home-focus-content wraps hero + activation/setup + home-focus-main; composer/settings follow. */
.shell:has(>.main>.home-focus){height:100dvh;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.shell>.main:has(>.home-focus){height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:18px clamp(18px,2.5vw,32px) 14px}
.main:has(>.home-focus)>.notice{flex:none;margin:0}
.overview.home-focus{width:100%;max-width:880px;margin-inline:auto;display:flex;flex-direction:column;flex:1;min-height:0;gap:12px;overflow:auto}
.home-focus-content{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:3px 4px 8px;scrollbar-gutter:stable}
.home-focus-content>*{flex:none;min-width:0}
.home-focus-hero{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:20px;align-content:center;align-items:center;min-height:126px;padding:8px 12px;max-width:680px;width:100%;margin-inline:auto}
.home-focus-hero .pose.home-focus-art{grid-column:1;grid-row:1/4;width:100px;height:100px;object-fit:contain;object-position:center;background:none;border:0;border-radius:0;margin:0}
.home-focus-hero .home-eyebrow{grid-column:2;margin:0 0 6px;font:400 .875rem/1.45 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.home-focus-hero h1{grid-column:2;margin:0;font:450 clamp(1.65rem,2.5vw,2rem)/1.2 var(--serif);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
.home-focus-hero .home-guidance{grid-column:2;margin:8px 0 0;font:400 .9375rem/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.home-focus-main{display:grid;gap:14px;min-width:0}
.home-focus-inbox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;min-height:68px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.home-focus-inbox:hover{background:var(--surface-2);border-color:var(--accent)}
.home-focus-inbox-label{font:600 1rem/1.4 var(--sans)}
.home-focus-inbox-state{grid-column:1;font:400 .875rem/1.45 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.home-focus-inbox-count{grid-column:2;grid-row:1/3;min-width:32px;min-height:32px;display:grid;place-items:center;margin:0;padding:4px 8px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;font:600 1rem/1.2 var(--sans);font-variant-numeric:tabular-nums}
.home-focus-priorities{display:grid;gap:6px;min-width:0}
.home-focus-priorities-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.home-focus-priorities-head h2{margin:0;font:600 1rem/1.4 var(--sans)}
.home-focus-priorities-head .btn{min-height:36px;padding:6px 10px;font-size:.875rem}
.home-focus-priority-list{display:grid;list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.home-focus-priority{margin:0;min-width:0}
.home-focus-priority+.home-focus-priority{border-top:1px solid var(--line)}
.home-focus-priority-link{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;gap:3px 10px;align-items:center;min-height:68px;padding:11px 14px;color:var(--ink);text-decoration:none}
.home-focus-priority-link::before{content:attr(data-slot);grid-column:1;grid-row:1/3;font:500 .875rem/1.4 var(--sans);color:var(--muted);text-align:center}
.home-focus-priority-link::after{content:'›';grid-column:3;grid-row:1/3;font:400 1.5rem/1 var(--sans);color:var(--muted)}
.home-focus-priority-link:hover{background:var(--surface-2)}
.home-focus-priority-title{grid-column:2;font:600 1rem/1.4 var(--sans);overflow-wrap:anywhere}
.home-focus-priority-summary{grid-column:2;font:400 .875rem/1.45 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.home-focus-priority-link[data-attention="blocked"] .home-focus-priority-summary{color:var(--wait-ink)}
.home-focus-priorities.is-empty .btn{justify-self:start;min-height:44px}
.home-focus-composer{flex:none;display:grid;gap:8px;min-width:0;max-height:45dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0;box-shadow:0 3px 12px #00000006}
.home-focus-composer textarea{font:400 1rem/1.5 var(--sans);width:100%;min-height:64px;height:64px;max-height:22dvh;resize:vertical;border:0;border-radius:4px;padding:4px 2px;background:transparent;color:var(--ink)}
.home-focus-composer-row{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0}
.home-focus-composer-row label{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font:400 .875rem/1.4 var(--sans);color:var(--muted);flex:1 1 10rem}
.home-focus-composer-row label>span{flex:none}
.home-focus-composer-row select{width:auto;min-width:0;max-width:100%;flex:1;font:400 .9375rem/1.4 var(--sans);min-height:40px;padding:7px 24px 7px 9px;color:var(--ink);background:var(--surface-2)}
.home-focus-composer-row>.btn{min-height:40px;padding:8px 12px;flex:0 1 auto;white-space:normal;overflow-wrap:anywhere}
.home-focus-composer .notice{margin:0;padding:10px 12px;font-size:.9375rem}
.home-focus-composer .draft-status{margin:0;font-size:.8125rem;line-height:1.4}
.home-focus-receipt{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px;font:.875rem/1.5 var(--sans);color:var(--muted)}
.home-focus-receipt .message-status{margin:0;font-size:.875rem}
.home-focus-receipt a{min-height:32px;display:inline-flex;align-items:center;text-underline-offset:3px}
.home-focus .daily-start-choice{flex:none;justify-content:flex-end;gap:6px 8px;padding-inline:4px;margin:0;align-items:center}
.home-focus .daily-start-choice>span{font-size:.8125rem;flex-basis:auto}
.home-focus .daily-start-choice select{flex:none;width:auto;min-height:32px;max-width:100%;padding:4px 24px 4px 8px;font-size:.875rem;line-height:1.4}
.home-focus :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.priority-detail{width:100%;max-width:900px;margin-inline:auto;display:grid;gap:18px;min-width:0;align-content:start}
.priority-detail>*{min-width:0}
.priority-detail-back{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font:500 .9375rem/1.4 var(--sans);text-decoration:none;color:var(--accent)}
.priority-detail-back:hover{text-decoration:underline;text-underline-offset:3px}
.priority-detail-head{display:grid;gap:8px;min-width:0}
.priority-detail .home-eyebrow{margin:0;font:400 .875rem/1.45 var(--sans);color:var(--muted)}
.priority-detail h1{margin:0;font:450 clamp(1.65rem,2.8vw,2.1rem)/1.25 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}
.priority-detail-note{font:400 1rem/1.6 var(--sans);color:var(--muted);margin:0;overflow-wrap:anywhere}
.priority-detail-summary{font:400 .9375rem/1.5 var(--sans);color:var(--muted);margin:0;overflow-wrap:anywhere}
.priority-detail-summary[data-attention="blocked"]{color:var(--wait-ink)}
.priority-detail-head>.btn{justify-self:start;min-height:44px}
.priority-detail-work{display:grid;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.priority-detail-item{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--line);min-width:0}
.priority-detail-item>.chip{justify-self:start;font-size:.8125rem}
.priority-detail-item .priority-detail-title{font:600 1.0625rem/1.45 var(--sans);color:var(--ink);margin:0;overflow-wrap:anywhere}
.priority-detail-title a{color:inherit;text-decoration:none}
.priority-detail-title a:hover{text-decoration:underline;text-underline-offset:3px}
.priority-detail-meta{color:var(--muted);font:400 .875rem/1.5 var(--sans);margin:0;overflow-wrap:anywhere}
.priority-detail-latest{font:400 1rem/1.6 var(--sans);margin:0;overflow-wrap:anywhere;max-width:none}
.priority-detail-earlier>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-size:.9375rem}
.priority-detail :is(a,button,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-height:760px) and (min-width:821px){.home-focus-hero{min-height:106px;padding-block:2px;grid-template-columns:88px minmax(0,1fr)}.home-focus-hero .pose.home-focus-art{width:88px;height:88px}.home-focus-content{gap:12px}}
@media(max-width:820px){
 .shell:has(>.main>.home-focus){grid-template-rows:auto minmax(0,1fr)}
 .shell>.main:has(>.home-focus){padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:8px}
 .overview.home-focus{gap:10px}.home-focus-content{gap:12px;padding-inline:3px;scrollbar-gutter:auto}
 .home-focus-hero{min-height:100px;grid-template-columns:76px minmax(0,1fr);column-gap:12px;padding:4px 0}
 .home-focus-hero .pose.home-focus-art{width:76px;height:76px}.home-focus-hero h1{font-size:1.5rem}.home-focus-hero .home-eyebrow{font-size:.8125rem;margin-bottom:5px}
 .home-focus-inbox{padding:12px;min-height:72px}.home-focus-priority-link{padding:12px;grid-template-columns:18px minmax(0,1fr) 10px;column-gap:8px;min-height:76px}
 .home-focus-priorities-head .btn{min-height:44px}.home-focus-composer{padding:10px 12px;max-height:48dvh}.home-focus-composer-row{gap:8px}
 .home-focus-composer-row label{flex-basis:10rem}.home-focus-composer-row select{min-height:44px}.home-focus-composer-row>.btn{min-height:44px;width:100%;flex-basis:100%}
 .home-focus-receipt a{min-height:44px}.home-focus .daily-start-choice select{min-height:36px}.priority-detail{gap:16px}
}
@media(prefers-reduced-motion:reduce){.home-focus *{scroll-behavior:auto}}
/* Recent history is flat beside requests; only additional history expands on request. */
.answer-inbox .inbox-columns{align-items:stretch;gap:20px}
.answer-inbox .inbox-pending,.answer-inbox .inbox-history{min-height:0;display:flex;flex-direction:column}
.answer-inbox .inbox-history{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.answer-inbox .inbox-history .inbox-col-head{display:grid;gap:5px;align-content:start;justify-content:start;margin-bottom:12px}
.answer-inbox .inbox-history-counts{margin:0;font:.875rem/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.answer-inbox .inbox-entries{display:grid;gap:0;min-width:0}
.answer-inbox .inbox-entry{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:11px 0;min-width:0;border-top:1px solid var(--line)}
.answer-inbox .inbox-entry:first-child{padding-top:11px;border-top:1px solid var(--line)}
.answer-inbox .inbox-entry-mark{font:500 1rem/1.4 var(--sans);color:var(--muted);padding-top:1px;text-align:center}
.answer-inbox .inbox-entry-body{display:grid;gap:4px;min-width:0}
.answer-inbox .inbox-synopsis{font:400 .9375rem/1.45 var(--sans);color:var(--ink);margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.answer-inbox .is-completed .inbox-synopsis{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--muted)}
.answer-inbox .is-cleared .inbox-synopsis{color:var(--muted);text-decoration:none}
.answer-inbox .is-cleared .inbox-entry-mark{border:1px dashed var(--line);border-radius:50%;width:18px;height:18px;line-height:15px;margin-top:2px}
.answer-inbox .inbox-entry-meta{display:flex;align-items:baseline;gap:2px 6px;flex-wrap:wrap;margin:0;font:.8125rem/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.answer-inbox .inbox-entry-state{font-weight:600;color:var(--muted)}
.answer-inbox .inbox-entry-meta .inbox-source{min-height:28px;display:inline-flex;align-items:center;margin-left:2px;font-size:.8125rem}
.answer-inbox .inbox-history-more{align-self:start;margin-top:auto;min-height:44px;padding:8px 10px}
.answer-inbox .inbox-history-pager{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font:.875rem/1.5 var(--sans);color:var(--muted)}
.answer-inbox .inbox-history-pager .btn{min-height:44px;padding:8px 10px}
.answer-inbox .inbox-pending>.work-list{max-height:min(570px,65dvh);overflow:auto;overscroll-behavior:contain;padding:3px}
.answer-inbox :is(a,button,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.answer-inbox [hidden]{display:none!important}
@media(max-width:760px){.answer-inbox .inbox-history{padding:14px}.answer-inbox .inbox-entry-meta .inbox-source{min-height:44px}.answer-inbox .inbox-pending>.work-list{max-height:none;overflow:visible}}
/* Three priorities stay concise; their work opens on the real priority page.
   With one or two, the additional real subevents use the available space. */
.home-focus-priorities[data-count="3"] .home-focus-subevents{display:none}
.home-focus-priority.is-done{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}
.home-focus-priority-link[data-state="done"]::before{display:none}
.home-focus-priority-mark{grid-column:1;grid-row:1/3;font:500 1rem/1.4 var(--sans);color:var(--muted);text-align:center}
.home-focus-priority-link[data-state="done"] .home-focus-priority-title{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--muted)}
.home-focus-next{margin-right:12px;min-height:40px;padding:7px 9px;font-size:.875rem}
.home-focus-add{justify-self:start;min-height:44px;font-size:.9375rem}
.home-focus-subevents{list-style:none;display:grid;gap:7px;margin:0;padding:0 16px 14px 48px;font:.875rem/1.45 var(--sans);color:var(--muted)}
.home-focus-subevent{min-width:0;overflow-wrap:anywhere}
.home-focus-subevent .chip{font-size:.75rem;line-height:1.4;white-space:normal}
.home-focus-subevent-more a{min-height:32px;display:inline-flex;align-items:center;text-underline-offset:3px}
.priority-detail-head.is-done h1{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--muted)}
.priority-detail-actions{margin:6px 0 0;gap:8px}
.priority-detail-actions .btn{min-height:44px}
.priority-detail-accomplished{border-top:1px solid var(--line);padding-top:16px}
.priority-detail-accomplished h2{font:600 1rem/1.5 var(--sans);margin:0 0 10px}
.priority-detail-accomplished ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.priority-detail-accomplished li{font:400 .9375rem/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
@media(max-width:820px){.home-focus-priority.is-done{grid-template-columns:minmax(0,1fr)}.home-focus-next{margin:0 12px 10px 38px;justify-self:start;min-height:44px}.home-focus-subevents{padding-left:38px}.home-focus-subevent-more a{min-height:44px}}
/* A tucked-away unfinished setup is one compact row, not another Home card. */
.overview.home-focus .daily-setup{padding:14px;gap:10px}
.overview.home-focus .daily-setup>summary{min-height:44px;padding:10px 12px;font:600 .9375rem/1.5 var(--sans)}
.overview.home-focus .daily-setup:not([open]){display:block;padding:0;border:0;background:transparent;gap:0}
@media(max-height:760px) and (min-width:821px){.home-focus-hero{min-height:90px;grid-template-columns:76px minmax(0,1fr)}.home-focus-hero .pose.home-focus-art{width:76px;height:76px}.home-focus-content{gap:8px}}
/* Native progress counts actual linked steps; the owner still decides Done.
   Color bands supplement the explicit count and native progress semantics. */
.home-focus-progress{display:grid;gap:5px;min-width:0;--progress-fill:var(--bad-ink)}
.home-focus-progress[data-band="mid"]{--progress-fill:var(--wait-ink)}
.home-focus-progress[data-band="high"]{--progress-fill:var(--ok-ink)}
.home-focus-progress-bar{appearance:none;-webkit-appearance:none;width:100%;height:7px;display:block;overflow:hidden;border:0;border-radius:4px;background:var(--surface-2);color:var(--progress-fill)}
.home-focus-progress-bar::-webkit-progress-bar{background:var(--surface-2);border-radius:4px;box-shadow:inset 0 0 0 1px var(--line)}
.home-focus-progress-bar::-webkit-progress-value{background:var(--progress-fill);border-radius:4px}
.home-focus-progress-bar::-moz-progress-bar{background:var(--progress-fill);border-radius:4px}
.home-focus-progress-label{font:400 .8125rem/1.4 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.home-focus-priority-link{grid-template-columns:24px minmax(0,1fr) 110px 12px;column-gap:12px}
.home-focus-priority-link::after{grid-column:4}
.home-focus-priority-link>.home-focus-progress{grid-column:3;grid-row:1/3}
.home-focus-priority-link[data-state="done"] .home-focus-priority-title,.home-focus-priority-link[data-state="done"] .home-focus-priority-summary{grid-column:2/4}
.priority-detail-head>.home-focus-progress{width:180px;max-width:100%;margin:2px 0 4px}
@media(max-width:820px){
 .home-focus-priority-link{grid-template-columns:18px minmax(0,1fr) 10px;column-gap:8px}
 .home-focus-priority-link::after{grid-column:3;grid-row:1/4}
 .home-focus-priority-link>.home-focus-progress{grid-column:2;grid-row:3;grid-template-columns:minmax(45px,90px) minmax(0,1fr);align-items:center;gap:8px;margin-top:4px}
 .home-focus-progress.is-unmeasured{display:block}
 .home-focus-priority-link[data-state="done"] .home-focus-priority-title,.home-focus-priority-link[data-state="done"] .home-focus-priority-summary{grid-column:2}
}
@media(forced-colors:active){.home-focus-progress-bar{forced-color-adjust:auto;color:Highlight;outline:1px solid CanvasText}}
/* Give the five recent synopses enough width to read without a tall history wall. */
@media(min-width:1101px){.answer-inbox .inbox-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
.answer-inbox .inbox-entry,.answer-inbox .inbox-entry:first-child{padding-block:8px}
@media(min-width:821px) and (max-height:760px){
 .shell>.main:has(>.answer-inbox){padding-top:24px}
 .answer-inbox{gap:16px}
 .answer-inbox .page-head h1{font-size:2rem;line-height:1.2}
}
@media(min-width:821px){.home-focus-subevents{display:flex;flex-wrap:wrap;gap:6px 14px}.home-focus-subevent{max-width:100%}}
/* A third-slot prompt stays with the section controls, not below the fold. */
@media(min-width:821px){
 .home-focus-priorities:is([data-count="1"],[data-count="2"]){grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
 .home-focus-priorities:is([data-count="1"],[data-count="2"]) .home-focus-priorities-head{grid-column:1;grid-row:1}
 .home-focus-priorities:is([data-count="1"],[data-count="2"]) .home-focus-priority-list{grid-column:1/-1;grid-row:2}
 .home-focus-priorities:is([data-count="1"],[data-count="2"]) .home-focus-add{grid-column:2;grid-row:1;min-height:36px;padding:6px 10px;font-size:.875rem}
}
.home-focus-hero .home-eyebrow{text-wrap:balance}
@media(min-width:821px){.home-focus-subevents{padding-bottom:10px}}
/* A truthful send receipt uses space too; keep the compact window balanced. */
@media(min-width:821px) and (max-height:760px){
 .overview.home-focus:has(.home-focus-receipt){gap:8px}
 .home-focus:has(.home-focus-receipt) .home-focus-content{gap:6px}
 .home-focus:has(.home-focus-receipt) .home-focus-hero{min-height:68px;grid-template-columns:64px minmax(0,1fr)}
 .home-focus:has(.home-focus-receipt) .home-focus-art{width:64px;height:64px}
 .home-focus:has(.home-focus-receipt) .home-focus-main{gap:10px}
 .home-focus-composer:has(.home-focus-receipt){padding-block:8px}
 .home-focus-composer:has(.home-focus-receipt) textarea{height:56px;min-height:56px}
}