/* Shared structure; page palettes and typography remain in their existing stylesheets. */
.main-nav>.nav-group{min-width:0;width:100%}
.main-nav .task-subnav{display:flex;flex-direction:column;gap:3px;margin:3px 0 8px 22px;padding-left:11px;border-left:1px solid #d4ddca}
.task-nav-link{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 9px;border-radius:8px;color:#7b8575;font-size:12px;text-decoration:none}
.task-nav-link:hover{background:#e8eddf}
.task-nav-link.active{background:#e0e8d7;color:#244c3d;font-weight:650}
.task-view-tabs{display:none}
.page-breadcrumb{color:#727c68;font-size:12px;line-height:1.6;margin-bottom:18px;overflow-wrap:anywhere}
.sidebar,.life-sidebar{overflow-y:auto}
.sidebar .main-nav,.life-sidebar .main-nav{flex-shrink:0}
.sidebar .sidebar-note,.life-sidebar .sidebar-note{padding-top:20px;padding-bottom:20px}
.routine-page .layout{display:block;margin-left:240px}
.routine-page .routine-header{margin-left:240px}
.routine-page .life-sidebar{min-height:0}
.routine-page .life-sidebar a{margin:0}
.routine-page .life-sidebar>.brand{display:flex;align-items:center;padding:0;letter-spacing:normal}
.routine-page .life-sidebar .main-nav{margin-top:0}
.routine-page .life-sidebar .task-nav-link{padding:7px 9px;font-size:12px}
.routine-page .life-sidebar .icon-button{width:auto;margin:0}
.routine-page .routine-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.routine-page .routine-tabs button{font-size:13px}
.routine-page .heading h2{margin:10px 0}
@media(max-width:1200px){.routine-page .layout,.routine-page .routine-header{margin-left:210px}}
@media(max-width:960px){.routine-page .layout,.routine-page .routine-header{margin-left:185px}}
@media(max-width:700px){
 .sidebar,.life-sidebar{overflow:visible}
 .main-nav>.nav-group,.main-nav>[data-main]{flex:1 1 0;width:0;min-width:0}
 .main-nav .task-subnav{display:none!important}
 .sidebar .main-nav .nav-item,.life-sidebar .main-nav .nav-item{width:100%;min-width:0;min-height:65px;padding-left:1px;padding-right:1px;text-align:center;justify-content:flex-start;white-space:normal;font-size:9px}
 .main-nav .nav-item>span{max-width:100%;line-height:1.25;min-height:23px;display:flex;align-items:center;justify-content:center}
 .task-view-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
 .task-view-tabs .task-nav-link{min-height:40px;font-size:12px;padding:9px 10px;border:1px solid #dfe4d6}
 .task-view-tabs .nav-count{display:inline-block;margin-left:3px;font-size:10px;min-width:18px;padding:1px 4px;border-radius:5px;background:#c9d8bf;color:#244c3d}
 .page-breadcrumb{font-size:11px;margin-bottom:14px}
 .routine-page .layout,.routine-page .routine-header{margin-left:0}
 .routine-page .layout main{padding:24px 18px calc(110px + env(safe-area-inset-bottom))}
 .routine-page .routine-tabs{gap:6px}
 .routine-page .routine-tabs button{font-size:12px;padding:9px}
 .routine-page .life-sidebar{min-height:0}
 .routine-page .life-sidebar>.brand{display:none}
 .breadcrumb{flex-wrap:wrap;gap:6px;letter-spacing:0}
}