/* Research workspace: hierarchy, navigation and small-screen ergonomics. */
:root{--bg:#f5f7fb;--sidebar:#fff;--line:#e4e9f2;--line-soft:#edf0f6;--ink:#202b40;--muted:#647087;--radius:14px}
.sidebar{border-right:1px solid var(--line)}
.brand strong{letter-spacing:2px}.brandmark{box-shadow:0 4px 12px #2a62e626}
.navlabel{font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:20px}
.navitem{margin-bottom:4px;min-height:42px}
.navitem.active{background:var(--blue-light);color:var(--blue);font-weight:600;box-shadow:inset 3px 0 var(--blue)}
.topbar{background:#ffffffed}.searchbox{border-radius:10px;background:var(--bg)}
.pagehead h1{font-size:28px;letter-spacing:-.6px;line-height:1.4}
.welcome-date{font-size:13px;color:var(--muted);white-space:nowrap}
.panel{box-shadow:0 3px 16px #25385804}.panelhead h2,.panel h2{font-size:17px}
.focus{background:linear-gradient(115deg,#f0f5ff,#fff 75%);border-color:#ccdaf5;position:relative}
.focus h2{font-size:23px;line-height:1.5}.focus .deliverable{background:#ffffffbf}
.btn{min-height:38px}.btn.primary{box-shadow:0 3px 8px #2a62e619}
.row{transition:background .15s}.row:hover{background:#f7f9fd}
.progress{border-radius:20px;overflow:hidden}.progress span{border-radius:20px}
.content .stack,.grid2>*{min-width:0}.row-main{min-width:0;overflow-wrap:anywhere}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(min-width:1100px){.content{padding:36px 40px 56px}.grid2{gap:24px}.padded{padding:24px}.panelhead{padding:18px 24px}}
@media(max-width:1000px){.grid2{grid-template-columns:minmax(0,1fr)}.pagehead{flex-wrap:wrap}.welcome-date{white-space:normal}}
@media(max-width:600px){.content{padding:22px 16px 40px}.pagehead{gap:10px;margin-bottom:20px}.pagehead h1{font-size:23px}.padded{padding:18px}.panelhead{padding:15px 18px}.btn,.navitem{min-height:44px}.modal{max-width:calc(100vw - 24px);max-height:90dvh}.modal-body{overflow:auto}.focus h2{font-size:20px}.between{flex-wrap:wrap;gap:12px}.searchbox input{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
