:root{color:#24244c;font-synthesis:none;--surface:#fff;--line:#d8d5e6;--muted:#5f5d79;--accent:#5953a6;background:#f7f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f6fb;min-width:20rem}body{min-height:100vh;margin:0}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:.2rem;outline:.2rem solid #e39a3b}.skip-link{z-index:10;color:#fff;background:#24244c;border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.site-header,main,footer{width:min(74rem,100% - 2rem);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand span{color:#fff;background:#24244c;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:grid}nav a{border-radius:.6rem;min-height:2.75rem;padding:.7rem .9rem;font-weight:700;text-decoration:none;display:inline-block}nav a[aria-current=page]{background:#e8e5f6}main{padding-block:clamp(2rem,7vw,5rem)}.page-heading{max-width:52rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.page-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.98}.page-heading>p:last-child{max-width:60ch;color:var(--muted);font-size:1.05rem;line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:800}footer{border-top:1px solid var(--line);color:var(--muted);padding-block:1.5rem;font-size:.9rem}button,textarea{font:inherit}button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:.7rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:750}button:disabled{cursor:wait;opacity:.65}.auth-panel,.create-panel,.detail{border:1px solid var(--line);background:var(--surface);border-radius:1.15rem;max-width:52rem;padding:clamp(1.25rem,4vw,2rem)}.auth-panel h2,.auth-panel p,.create-panel h2,.create-panel p,.detail h2,.detail h3,.detail p{margin-top:0}.auth-panel p:not(.eyebrow,.error-code),.session-note,.detail>p{color:var(--muted);line-height:1.6}.error-code{color:#a32929;margin-bottom:.4rem;font-weight:850}.session-note{margin-bottom:1rem}.create-panel{grid-template-columns:minmax(10rem,.55fr) minmax(0,1fr);gap:clamp(1rem,4vw,2.5rem);max-width:none;display:grid}.create-panel form,.create-panel label{gap:.5rem;display:grid}.create-panel label{font-weight:750}.create-panel textarea{resize:vertical;width:100%;min-height:10rem;color:inherit;background:#fff;border:1px solid #aaa6c3;border-radius:.7rem;padding:.8rem;line-height:1.5}.form-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.inline-error{color:#9c2424}.success{color:#26613b}.my-section{margin-top:clamp(2.5rem,6vw,4.5rem)}.workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:start;gap:1.25rem;display:grid}.incident-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.incident-card{border:1px solid var(--line);width:100%;color:inherit;background:var(--surface);text-align:left;gap:.55rem;padding:1rem;display:grid}.incident-card:hover,.incident-card.selected{border-color:var(--accent);box-shadow:0 0 0 .12rem #5953a62e}.card-topline{color:var(--accent);justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.card-title{overflow-wrap:anywhere;font-size:1.05rem;font-weight:750}.card-meta{color:var(--muted);font-size:.88rem}.load-more{width:100%;margin-top:1rem}.detail{min-width:0;position:sticky;top:1rem}.detail h2,.description{overflow-wrap:anywhere}.detail dl{gap:.75rem;margin-block:1.25rem;display:grid}.detail dl div{grid-template-columns:minmax(6rem,.55fr) 1fr;gap:.75rem;display:grid}.detail dt{color:var(--muted)}.detail dd{min-width:0;margin:0}.description{color:inherit;white-space:pre-wrap}@media (width<=50rem){.workspace,.create-panel{grid-template-columns:minmax(0,1fr)}.detail{position:static}}@media (width<=36rem){.brand strong{max-width:8rem}.site-header,main,footer{width:min(100% - 1rem,74rem)}.auth-panel,.create-panel,.detail{border-radius:.85rem}.form-footer{flex-direction:column;align-items:stretch}.detail dl div{grid-template-columns:minmax(0,1fr);gap:.15rem}}
