:root{--nav:#111c33;--canvas:#f4f6fa;--ink:#152035;--blue:#174ea6;--accent:#f4a340;--focus:#d66c00;--line:#d5dceb}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.5 system-ui,sans-serif}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:5}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}nav{background:var(--nav);color:white;padding:1.5rem;position:sticky;top:0;height:100vh}.brand{font-weight:750;margin-bottom:2rem;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--accent);color:#161c2c;margin-right:.5rem}.navlinks{display:flex;flex-direction:column;gap:.5rem}nav a{color:#dce4f6;text-decoration:none;padding:.7rem;border-radius:.45rem;min-height:44px}.active,nav a:hover{background:#253553}main{padding:2rem;max-width:1280px;width:100%}header{display:flex;justify-content:space-between;gap:2rem;align-items:start}h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;margin:.3rem 0 1.25rem;max-width:720px}h2,h3{line-height:1.2}.eyebrow{color:var(--blue);font-weight:750;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:.25rem}.pill{padding:.45rem .75rem;background:#e8edf7;border-radius:99px;white-space:nowrap}.mobile-action{display:none}.context{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ccd5e5;border:1px solid #ccd5e5}.context div{background:white;padding:.8rem 1rem}.context small,.context strong{display:block}.workspace{margin:1.5rem 0;background:white;border:1px solid var(--line)}.workspace-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.workspace-head h2,.workspace-head p{margin:.1rem 0}label{display:grid;gap:.3rem;font-weight:700}input,textarea,select{width:100%;border:1px solid #aab5c8;border-radius:.4rem;padding:.65rem;background:white;color:var(--ink);font:inherit}textarea{min-height:90px;resize:vertical}#create{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;align-items:end;gap:.75rem;padding:1rem 1.25rem;background:#f8f9fc;border-bottom:1px solid var(--line)}.board{display:grid;grid-template-columns:180px minmax(240px,1fr) minmax(280px,1.1fr);min-height:340px}.board aside,.tasks,.inspector{padding:1rem 1.25rem}.board aside,.tasks{border-right:1px solid var(--line)}.board h3{margin-top:0}#list-buttons{display:grid;gap:.4rem}#list-buttons button{text-align:left;border-color:transparent}.tasks ul{list-style:none;margin:0;padding:0}.tasks li+li{border-top:1px solid #e6eaf1}.tasks li button{width:100%;display:flex;gap:.75rem;align-items:center;text-align:left;border:0;border-radius:0;padding:.75rem .25rem;color:var(--ink);font-weight:600}.check{color:var(--blue);font-size:1.25rem}.inspector form{display:grid;gap:.8rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.button,button{border:1px solid var(--blue);border-radius:.45rem;padding:.65rem .9rem;min-height:44px;background:white;color:var(--blue);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button{background:var(--blue);color:white}.danger{border-color:#a02b2b;color:#8c1f1f}.lane{position:relative;margin:1.5rem 0;background:white;border:1px solid var(--line);padding:1.25rem 1.25rem 1.25rem 3rem;max-width:850px}.track{position:absolute;left:1.25rem;top:1.5rem;bottom:1.5rem;width:4px;background:linear-gradient(var(--blue),var(--accent));border-radius:5px}.lane h2{margin:.2rem 0}.lane dl div{display:grid;grid-template-columns:150px 1fr;border-top:1px solid #e1e6ef;padding:.65rem 0}.lane dt{font-weight:700}.lane dd{margin:0}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--focus);outline-offset:2px}dialog{border:0;border-radius:.6rem;box-shadow:0 1rem 4rem #1118;max-width:420px}dialog::backdrop{background:#1118}footer{color:#566178;font-size:.85rem}
@media(max-width:700px){.shell{display:block}nav{height:auto;position:sticky;z-index:3;padding:.7rem 1rem;display:flex;align-items:center;gap:.5rem}.brand{margin:0 auto 0 0}.navlinks{display:flex;flex-direction:row;overflow-x:auto}.navlinks a{padding:.55rem;font-size:.9rem}main{padding:1rem}header{display:flex;align-items:center}h1{font-size:1.85rem;margin-bottom:.7rem}.pill{font-size:.8rem}.mobile-action{display:block;margin-bottom:.75rem}.mobile-action .button{display:block;text-align:center}.context{grid-template-columns:1fr}.context div{padding:.55rem .75rem}.workspace{margin-top:1rem}.workspace-head{padding:.8rem}.workspace-head .eyebrow{display:none}#create{grid-template-columns:1fr;padding:.8rem}.board{display:block;min-height:0}.board aside,.tasks,.inspector{padding:.8rem}.board aside,.tasks{border-right:0;border-bottom:1px solid var(--line)}#list-buttons{grid-template-columns:1fr 1fr}.tasks{min-height:110px}.actions{display:grid;grid-template-columns:1fr 1fr}.lane{padding:1rem 1rem 1rem 2.25rem}.track{left:.8rem}.lane dl div{display:block}.lane dd{margin-top:.25rem}}
@media(max-width:380px){.brand{font-size:0}.brand span{font-size:1rem;margin:0}.navlinks a{font-size:.82rem;padding:.5rem .4rem}.context div:nth-child(3){display:none}.actions{grid-template-columns:1fr}}
@media(max-width:700px){header{display:block}.pill{display:inline-block;margin-bottom:.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}