/* Web1 Design System Lite
   Shared visual grammar for Web1 work-status pages.
   Page-specific content/layout rules remain local. */
:root{--w1-space-1:4px;--w1-space-2:8px;--w1-space-3:12px;--w1-space-4:16px;--w1-space-5:24px;--w1-space-6:32px;--w1-radius-sm:8px;--w1-radius-md:12px;--w1-radius-lg:16px;--w1-control:36px;--w1-surface:#fff;--w1-surface-soft:#f8fafb}
.hero{border-radius:var(--w1-radius-lg);padding:28px 26px}.hero h1{font-size:28px;line-height:1.3;letter-spacing:-.6px}.section{margin-top:var(--w1-space-5)}.section-head{margin:0 2px var(--w1-space-3)}.section-head h2{font-size:19px;letter-spacing:-.25px}.grid{gap:var(--w1-space-3)}.card{border-radius:var(--w1-radius-md);padding:var(--w1-space-4)}.card h3{margin:var(--w1-space-2) 0 6px}.private-rail-page .subitems{gap:0;margin-top:var(--w1-space-3);border-top:1px solid var(--line)}.private-rail-page .subitem{background:transparent;border-radius:0;padding:10px 0;border-bottom:1px solid #edf0f3}.private-rail-page .brief{margin-top:var(--w1-space-3);padding-top:var(--w1-space-3)}.private-rail-page .card-actions{margin-top:var(--w1-space-3);padding-top:var(--w1-space-3)}.private-rail-page .mini-add,.private-rail-page .card-action,.private-rail-page .action-btn,.private-rail-page .brief-btn{min-height:32px;border-radius:var(--w1-radius-sm)}.private-rail-page .formcard,.private-rail-page .timeline-toggle,.private-rail-page .update,.private-rail-page .empty,.private-rail-page .note{border-radius:var(--w1-radius-md)}.private-rail-page .formcard{padding:var(--w1-space-4)}.private-rail-page .field input,.private-rail-page .field textarea,.private-rail-page .field select{border-radius:var(--w1-radius-sm)}.private-rail-page .save{min-height:var(--w1-control);border-radius:var(--w1-radius-sm)}.private-rail-page .update{box-shadow:none}.private-rail-page .event{padding:13px var(--w1-space-4)}
@media(max-width:650px){.hero{padding:24px 20px}.hero h1{font-size:26px}.card{padding:15px}.section{margin-top:20px}.section-head{align-items:center}.event{padding:12px}.formcard{padding:14px}}

/* Private-rail pilot: scan hierarchy and mobile resilience */
.private-rail-page #taskCards{align-items:start}.private-rail-page .section-tools>span{font-size:12px;color:var(--muted);font-weight:700}.private-rail-page .steps{scrollbar-width:thin}.private-rail-page .step{min-width:136px}.private-rail-page .step b{line-height:1.35}.private-rail-page .material-cat{border-radius:var(--w1-radius-md)}.private-rail-page .material-cat>summary{padding:13px var(--w1-space-4)}.private-rail-page .material-body{padding:8px var(--w1-space-4) 13px}.private-rail-page .material-item{padding:9px 2px}.private-rail-page .timeline-toggle:not([open]) summary,.private-rail-page .material-cat:not([open])>summary{background:var(--w1-surface)}
@media(max-width:650px){.private-rail-page .section-head{align-items:flex-start}.private-rail-page .section-tools{margin-left:auto}.private-rail-page .steps{margin-right:-15px;padding-right:15px}.private-rail-page .step{min-width:128px}.private-rail-page .material-cat>summary{padding:12px}.private-rail-page .material-body{padding:7px 12px 12px}.private-rail-page .material-actions{flex-wrap:wrap}.private-rail-page .material-btn{min-height:32px;display:inline-flex;align-items:center}.private-rail-page .timeline-toggle summary{min-height:48px}}

/* Cross-page baseline: intentionally low-specificity so page identity remains local. */
:where(.hero){box-shadow:none}:where(.hero h1){max-width:24ch}:where(.section-head h2,.group-head h2,.sectionHead h2){line-height:1.35}:where(.card,.area,.group,.project-list,.summary,.sum){box-shadow:none}:where(.card,.area){transition:background-color .12s,border-color .12s}:where(.card:hover,.area:hover){transform:none}:where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(53,95,134,.22);outline-offset:2px}:where(button){font-family:inherit}:where(.badge,.tag,.pill,.status){line-height:1.25}:where(.footer,.foot){margin-bottom:env(safe-area-inset-bottom)}
@media(max-width:760px){:where(.wrap,main){padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}:where(.hero h1){max-width:none}:where(.section-head,.group-head,.sectionHead){gap:8px}:where(.section-head>span,.group-head>.count){white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
