:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--rail: 14rem;--content: 64rem;--measure: 40rem;--form: 28rem;--rule: 1px solid #ddd}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;line-height:1.5}h1,h2,h3,p,ul,ol,dl,dd,fieldset,form{margin:0}h1,h2,h3{line-height:1.25;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}p{max-width:var(--measure)}code{font-size:.9375rem}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100vh}.shell>nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);border-right:var(--rule)}.shell>nav .brand{font-weight:600;padding:0 var(--space-3);margin-bottom:var(--space-6)}.shell>nav ul{list-style:none;padding:0;display:grid;gap:var(--space-1)}.shell>nav a{display:block;padding:var(--space-2) var(--space-3);color:inherit;text-decoration:none;border-left:2px solid transparent}.shell>nav a[aria-current=page]{font-weight:600;border-left-color:currentColor}.shell>nav .who{margin-top:auto;padding:var(--space-4) var(--space-3) 0;border-top:var(--rule);display:grid;gap:var(--space-2);justify-items:start;font-size:.875rem;overflow-wrap:anywhere}.shell>main{width:100%;max-width:var(--content);padding:var(--space-8) var(--space-8) var(--space-12)}@media(max-width:48rem){.shell{grid-template-columns:1fr}.shell>nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-right:0;border-bottom:var(--rule)}.shell>nav .brand{margin:0;padding:0}.shell>nav ul{display:flex;flex-wrap:wrap;width:100%}.shell>nav a{border-left:0;padding:var(--space-1) var(--space-2)}.shell>nav .who{margin:0 0 0 auto;padding:0;border:0;grid-auto-flow:column;align-items:center}.shell>main{padding:var(--space-6) var(--space-4) var(--space-12)}}#root>main{max-width:32rem;margin:0 auto;padding:var(--space-12) var(--space-4)}main{display:grid;gap:var(--space-6);align-content:start}main>header{display:grid;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:var(--rule)}section{display:grid;gap:var(--space-4);align-content:start}section+section{padding-top:var(--space-6);border-top:var(--rule)}.steps{list-style:none;padding:0;counter-reset:step;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);font-size:.875rem}.steps li{counter-increment:step;display:flex;align-items:center;gap:var(--space-2)}.steps li:before{content:counter(step);display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid currentColor;border-radius:50%;font-size:.75rem}.steps li[aria-current=step]{font-weight:600}.tasks{list-style:none;padding:0}.tasks li{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-top:var(--rule)}.tasks li:last-child{border-bottom:var(--rule)}@media(max-width:48rem){.tasks li{grid-template-columns:1fr}}.tabs{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-6);border-bottom:var(--rule)}.tabs a{display:block;padding:var(--space-2) 0;margin-bottom:-1px;color:inherit;text-decoration:none;border-bottom:2px solid transparent}.tabs a[aria-current=page]{font-weight:600;border-bottom-color:currentColor}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-4);max-width:none}.filters label{flex:1 1 12rem;max-width:24rem}form{display:grid;gap:var(--space-4);align-content:start;max-width:var(--form)}label{display:grid;gap:var(--space-1)}label:has(input[type=checkbox]){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}fieldset{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4)}legend{padding:0 var(--space-1);font-weight:600}input,select,textarea,button{font:inherit}input:not([type=checkbox]):not([type=file]),select,textarea{padding:var(--space-2) var(--space-3)}textarea{min-height:6rem}button{padding:var(--space-2) var(--space-4);justify-self:start}details>summary{cursor:pointer;padding:var(--space-2) 0;font-weight:600}details[open]>summary{margin-bottom:var(--space-4)}dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-6)}dt{font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:var(--space-2) var(--space-3);border-bottom:var(--rule)}th{font-weight:600}td form{gap:var(--space-2)}td button+button{margin-left:var(--space-2)}main ul:not([class]){padding-left:var(--space-6)}main ul:not([class]) li+li{margin-top:var(--space-1)}tbody tr:last-child td{border-bottom:0}[role=alert]{color:#a00}fieldset.grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-3) var(--space-4)}