/* Calm, aligned surfaces. This stylesheet belongs to this application only. */
:root{--border:#d9e4df;--muted:#687e76}
.page-heading{gap:24px;margin:24px 0 20px;align-items:flex-end;min-height:32px}
.page-heading>div:first-child{display:flex;align-items:flex-end;min-width:0}
#page-title{line-height:1.4;letter-spacing:.015em;font-weight:650}
.progress-wrap{display:grid;padding-top:0;gap:7px;align-self:center;line-height:1.4;min-width:112px}
.progress-wrap progress{display:block;margin:0;width:100%;height:4px;border-radius:4px}
#workspace-main:has(#area-choices:not([hidden])) #page-title{font-size:18px;transform:translateY(3px)}
#area-choices{gap:16px}
.area-choice{border-radius:12px;min-height:92px;padding:24px!important;display:flex!important;flex-direction:row;align-items:center!important;justify-content:space-between;gap:20px;border:1px solid #d5e4dd;box-shadow:0 3px 14px rgba(48,78,64,.025)}
.area-choice[data-area=strategic]{background:#f7fbf8}
.area-choice[data-area=daily]{background:#fbf9f3;border-color:#e6e2d4}
.area-choice[data-area=strategic] strong{color:#287262}
.area-choice[data-area=daily] strong{color:#827044}
.area-choice strong{font-size:18px!important;line-height:1.45;letter-spacing:.035em;margin:0!important}
.area-choice .choice-arrow{position:static!important;transform:none;color:inherit;opacity:.65;flex:none;font-size:20px}
#context-nav{gap:6px;padding-bottom:10px;margin-bottom:18px;align-items:center;border-bottom:1px solid #d7e2dc}
#context-nav .nav-item{border:1px solid transparent!important;border-radius:7px;padding:9px 12px;min-height:40px;line-height:1.4;color:#557d70;background:transparent}
#context-nav .nav-item:nth-child(3n+2){color:#65734c}
#context-nav .nav-item:nth-child(3n){color:#8a6c4d}
#context-nav .nav-item[aria-current=page]{background:#e2eee7;border-color:#cbded3!important;color:#206e59;font-weight:650}
#page-tools{align-items:center;margin-bottom:16px}
.workspace-fold{border-radius:10px;margin-bottom:12px;border-color:#d9e5df;background:#fff;box-shadow:0 2px 8px rgba(35,72,56,.018)}
.workspace-fold>summary{min-height:56px;padding:14px 18px;align-items:center;gap:12px;background:#fcfefd}
.workspace-fold .fold-title{color:#357461;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.02em}
.workspace-fold:nth-of-type(3n+2) .fold-title{color:#6c774d}
.workspace-fold:nth-of-type(3n) .fold-title{color:#8b6c4c}
.workspace-fold>summary:hover,.workspace-fold[open]>summary{background:#f1f6f2}
.fold-arrow{flex:none;line-height:1;color:#7e978b}
.fold-content{padding:18px}
.bullet-list{line-height:1.8}
.list-row,.followup-row{gap:8px}
input:not([type=checkbox]),textarea{border-radius:7px;border-color:#d4e0da;background:#fff;line-height:1.5}
input[type=checkbox]{accent-color:#287e67}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #b49b6e;outline-offset:3px}
.cycle-strip{border-radius:10px;background:#e4eee7;border-color:#d6e3da}
@media(max-width:700px){
 main{padding:20px 18px 40px}
 .page-heading{gap:16px;margin:22px 0 20px}
 #page-title{font-size:20px}
 .progress-wrap{min-width:100px;max-width:120px;font-size:10px}
 .area-choice{min-height:84px;padding:22px 20px!important}
 .area-choice strong{font-size:17px!important}
 #context-nav{gap:3px;margin-bottom:16px}
 #context-nav .nav-item{padding:9px 10px;font-size:12px;white-space:nowrap}
 .fold-content{padding:15px 14px}
 .workspace-fold>summary{padding:14px 15px}
}

/* Compact input typography and stronger navigation hierarchy. */
#context-nav .nav-item,.workspace-fold>summary,.workspace-fold .fold-title,details>summary{font-weight:700!important}
input:not([type=checkbox]):not([type=radio]),textarea,[contenteditable=true]{font-size:12px!important;line-height:1.5}