:root{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#1b2941;
  background:#f5f7fb;
  font-synthesis:none;
  font-size:14px;
  --blue:#335bcc;
  --ink:#1b2941;
  --muted:#68758b;
  --line:#e1e6ef;
  --green:#27705c}

*{
  box-sizing:border-box}

body{
  margin:0}

button,input,textarea,select{
  font:inherit}

button,a,input,textarea,select{
  -webkit-tap-highlight-color:transparent}

button{
  cursor:pointer}

button{
  color:inherit}

a{
  color:inherit;
  text-decoration:none}

button:focus-visible,a:focus-visible,summary:focus-visible{
  outline:3px solid #8faafa;
  outline-offset:4px}

button:disabled{
  opacity:.45;
  cursor:not-allowed}

.skip{
  position:fixed;
  top:-70px;
  left:15px;
  background:white;
  padding:15px;
  z-index:10}

.skip:focus{
  top:10px}

.rail{
  position:fixed;
  inset:0 auto 0 0;
  width:228px;
  background:#f0f3f9;
  border-right:1px solid #dfe5ef;
  padding:33px 20px 22px;
  display:flex;
  flex-direction:column}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:24px;
  font-weight:760;
  letter-spacing:-1px;
  padding:0 10px}

.brandmark{
  display:flex;
  flex-direction:column;
  gap:3px;
  transform:rotate(-8deg)}

.brandmark i{
  display:block;
  width:23px;
  height:5px;
  background:#365dcc;
  border-radius:2px}

.brandmark i:nth-child(2){
  width:18px}

.brandmark i:nth-child(3){
  width:13px}

.rail-caption{
  font-size:10px;
  color:#6e7b91;
  margin:11px 10px 0;
  letter-spacing:.15px}

.rail-section{
  font-size:11px;
  color:#7b879a;
  margin:49px 12px 14px}

.nav-item{
  display:flex;
  align-items:center;
  gap:12px;
  background:none;
  border:0;
  text-align:left;
  padding:14px 12px;
  width:100%;
  border-radius:8px;
  margin:3px 0;
  font-size:12px;
  font-weight:550;
  line-height:1.5;
  color:#63728b}

.nav-item>span{
  font-size:20px;
  width:19px;
  flex-shrink:0;
  color:#7c8da7}

.nav-item.active{
  background:#fff;
  box-shadow:0 3px 15px #243e6a08;
  color:#294fbb}

.nav-item.active>span{
  color:#335bcc}

.nav-item:hover,.rail-bottom button:hover{
  background:#e7edf7}

.rail-note{
  padding:34px 12px 0;
  margin-top:12px}

.orbit{
  font-size:36px;
  color:#7796c3;
  margin-bottom:14px}

.rail-note strong{
  font-size:13px;
  line-height:1.6;
  font-weight:550}

.rail-note p{
  font-size:12px;
  color:#7c889a;
  line-height:1.8}

.rail-bottom{
  margin-top:auto;
  padding:30px 10px 0}

.rail-bottom button,.rail-bottom a{
  display:flex;
  width:100%;
  padding:10px 0;
  font-size:11px;
  color:#65738a;
  background:none;
  border:0;
  text-align:left;
  justify-content:space-between}

.save-state{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:#8490a1;
  margin-top:17px}

.save-state i{
  width:5px;
  height:5px;
  background:#509980;
  border-radius:50%}

.shell{
  margin-left:228px}

.topbar{
  height:74px;
  border-bottom:1px solid #e6eaf1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 44px;
  background:#fafbfe;
  font-size:11px;
  color:#62718a}

.topbar>div{
  display:flex;
  align-items:center;
  gap:10px}

.project-dot{
  display:block;
  width:7px;
  height:7px;
  background:#547aad;
  border-radius:50%}

.slash{
  color:#b2bdcb;
  padding:0 8px}

main{
  padding:45px 44px 25px;
  max-width:1700px;
  margin:auto;
  outline:none}

.heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  margin:0 0 34px}

.eyebrow{
  font-size:11px;
  color:#5276ae;
  margin-bottom:15px}

.heading h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:42px;
  letter-spacing:-1.8px;
  line-height:1.14;
  margin:0 0 15px;
  color:#203859}

.heading p{
  font-size:12px;
  line-height:1.7;
  color:#7a8799;
  margin:0}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #dce3ee;
  background:#fff;
  border-radius:7px;
  padding:11px 16px;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
  min-height:37px;
  box-shadow:0 1px 2px #182c4f03}

.button:hover{
  border-color:#a7b9d8;
  background:#f7f9fe}

.button.primary{
  background:#335bcc;
  color:white;
  border-color:#335bcc;
  box-shadow:0 3px 7px #335bcc19}

.button.primary:hover{
  background:#294eb9}

.button.small{
  padding:7px 12px;
  min-height:31px;
  font-size:10px}

.text-button{
  background:none;
  border:0;
  padding:0;
  color:#4267b4;
  font-size:10px;
  font-weight:550;
  line-height:1.5}

.text-button:hover{
  text-decoration:underline}

.journey{
  display:flex;
  align-items:center;
  padding:19px 25px;
  background:#edf2fa;
  border:1px solid #e2e9f4;
  border-radius:10px;
  margin-bottom:35px;
  gap:20px}

.journey-item{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  white-space:nowrap;
  background:none;
  border:0;
  padding:0;
  color:#8090a6}

.journey-item>span{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #cbd6e5;
  border-radius:50%;
  font-size:10px}

.journey-item.done{
  color:#548077}

.journey-item.done>span{
  background:#dcece7;
  border-color:#dcece7}

.journey-item.active{
  color:#335bcc;
  font-weight:600}

.journey-item.active>span{
  background:#335bcc;
  color:white;
  border-color:#335bcc}

.journey>i{
  height:1px;
  background:#d7e1ef;
  flex:1;
  min-width:10px}

.work-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
  gap:20px}

.work-heading>div{
  display:flex;
  gap:12px;
  align-items:center}

.work-heading h2{
  font-size:16px;
  letter-spacing:-.3px;
  margin:0;
  font-weight:650}

.pill{
  display:inline-block;
  padding:5px 8px;
  border-radius:5px;
  background:#ebeff6;
  color:#6a7b94;
  font-size:9px;
  line-height:1.2;
  white-space:nowrap}

.run-picker label{
  font-size:10px;
  color:#7c889b}

.run-picker select{
  font-size:10px;
  border:0;
  background:transparent;
  color:#4a6085;
  max-width:230px}

.decision-layout{
  display:grid;
  grid-template-columns:205px minmax(350px,1fr) 205px;
  gap:18px;
  align-items:start}

.source-panel{
  background:#edf1f7;
  border:1px solid #e4e9f1;
  border-radius:9px;
  overflow:hidden}

.panel-title{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:17px 15px 0;
  align-items:center;
  font-size:11px}

.panel-title span{
  font-size:10px;
  color:#8996a8}

.source-panel>p{
  font-size:10px;
  line-height:1.7;
  color:#8090a5;
  padding:0 15px 11px;
  margin:8px 0 0}

.source-list{
  padding:0 7px;
  max-height:477px;
  overflow:auto}

.source-list>button{
  display:flex;
  gap:8px;
  align-items:center;
  background:transparent;
  border:0;
  text-align:left;
  width:100%;
  padding:11px 8px;
  border-top:1px solid #dfe6f0}

.source-list>button:hover{
  background:white;
  border-radius:5px}

.source-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:28px;
  border-radius:6px;
  background:#e0e7f2;
  color:#7790b1;
  font-size:10px;
  flex-shrink:0}

.source-list>button>span:nth-child(2){
  min-width:0;
  flex:1}

.source-list strong{
  display:block;
  font-size:10px;
  color:#4f627d;
  font-weight:550}

.source-list small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  color:#8a97a9;
  margin-top:4px;
  max-width:116px}

.source-kind{
  font-size:10px;
  color:#a0adbf}

.source-kind.counter{
  color:#5a8c7b}

.source-foot{
  padding:17px 15px;
  font-size:10px;
  color:#8592a6;
  line-height:1.65;
  display:flex;
  gap:9px}

.source-foot>span{
  font-size:17px}

.decision-document{
  background:white;
  border:1px solid #e0e6ef;
  border-radius:10px;
  box-shadow:0 7px 30px #21395b07;
  overflow:hidden}

.document-meta{
  display:flex;
  align-items:center;
  gap:10px;
  padding:21px 24px;
  border-bottom:1px solid #edf0f5}

.document-icon{
  width:33px;
  height:33px;
  background:#e9effb;
  color:#496ccd;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px}

.document-meta strong{
  display:block;
  font-size:11px;
  font-weight:600}

.document-meta small{
  display:block;
  font-size:9px;
  color:#91a0b2;
  margin-top:5px}

.version{
  font-size:9px;
  color:#91a0b2;
  margin-left:auto}

.recommendation{
  padding:26px 26px 16px}

.field-label{
  font-size:10px;
  color:#8795a9;
  display:block;
  margin-bottom:10px}

.recommendation h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:26px;
  line-height:1.28;
  letter-spacing:-.65px;
  color:#263e62;
  margin:0 0 15px}

.recommendation p{
  font-size:12px;
  line-height:1.85;
  color:#6b7b91;
  margin:0}

.evidence-chips{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:center;
  padding:0 26px 21px}

.evidence-chips>span{
  font-size:9px;
  color:#9aa6b7;
  margin-right:6px}

.evidence-chips button,.inline-source{
  font-size:9px;
  padding:4px 6px;
  border:1px solid #e0e7f1;
  background:#f7f9fd;
  color:#5977a8;
  border-radius:4px}

.evidence-chips button:hover,.inline-source:hover{
  background:#e7eefb}

.evidence-table{
  margin:0 26px;
  border:1px solid #e2e8f0;
  border-radius:7px;
  overflow:hidden}

.table-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  background:#f9fafe}

.table-title strong{
  font-size:10px;
  font-weight:600}

.table-title .text-button{
  font-size:9px}

.count-row{
  display:grid;
  grid-template-columns:1fr 60px 62px;
  gap:10px;
  padding:11px 14px;
  border-top:1px solid #edf0f6;
  font-size:10px;
  color:#70809a;
  align-items:center}

.count-row>span:nth-child(n+2),.count-row>strong{
  text-align:right}

.count-row strong{
  font-size:11px;
  font-weight:600;
  color:#415777}

.count-row.table-labels{
  font-size:8px;
  color:#94a1b3}

.fact-reveal{
  padding:16px 0 0;
  background:#eaf2fb;
  border-top:1px solid #cfdfef}

.fact-reveal>strong,.fact-reveal>p{
  display:block;
  margin:0 14px}

.fact-reveal>strong{
  font-size:12px;
  color:#335781}

.fact-reveal>p{
  font-size:10px;
  line-height:1.7;
  margin-top:7px;
  margin-bottom:10px;
  color:#6a82a1}

.counterevidence,.severity-note{
  padding:20px 26px 0}

.counterevidence p,.severity-note p{
  font-size:11px;
  line-height:1.7;
  color:#7e8ba0;
  margin:0}

.severity-note{
  padding-bottom:25px}

.decision-actions{
  background:#f8fafe;
  border-top:1px solid #e8edf4;
  padding:20px 26px}

.decision-actions strong{
  font-size:11px;
  color:#4d6281}

.decision-actions p{
  font-size:10px;
  line-height:1.6;
  color:#8b99ad;
  margin:7px 0 17px}

.decision-actions>div:last-child{
  display:flex;
  gap:8px}

.inspector{
  padding:7px 0 0 3px}

.inspector-heading{
  font-size:10px;
  color:#7990af;
  display:flex;
  align-items:center;
  gap:8px}

.inspector-heading>span{
  font-size:18px}

.inspector h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:-.5px;
  line-height:1.3;
  margin:17px 0 13px;
  color:#375071}

.inspector>p{
  font-size:11px;
  line-height:1.85;
  color:#7d8da2;
  margin:0 0 20px}

.checks{
  border-top:1px solid #dfe6f0}

.check{
  border-bottom:1px solid #dfe6f0;
  padding:13px 0}

.check summary{
  font-size:10px;
  line-height:1.6;
  color:#6e7e94;
  cursor:pointer;
  list-style:none;
  display:flex;
  gap:8px}

.check summary>span{
  flex-shrink:0;
  width:16px;
  height:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e7ecf4;
  color:#8192aa;
  font-size:9px;
  margin-top:1px}

.check.pass summary>span{
  background:#dceee7;
  color:#41866e}

.check.fail summary>span{
  background:#f5e5df;
  color:#ae6859}

.check p{
  font-size:10px;
  line-height:1.8;
  color:#8090a4;
  margin:10px 0 0}

.lesson-tip{
  margin-top:26px;
  padding:17px;
  background:#eaf0f8;
  border-radius:8px}

.lesson-tip>span{
  font-size:9px;
  color:#7490b0}

.lesson-tip h4{
  font-size:12px;
  margin:13px 0 9px;
  font-weight:550;
  color:#4b6486}

.lesson-tip p{
  font-size:10px;
  line-height:1.8;
  color:#7f91a9}

.lesson-tip .text-button{
  font-size:9px}

.next-work{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:26px;
  border:1px solid #dce5f2;
  background:#edf2fa;
  border-radius:10px;
  padding:23px 26px}

.next-work>div{
  display:flex;
  gap:18px;
  align-items:center}

.next-symbol{
  font-size:32px;
  color:#7d9dc7}

.next-work h3{
  font-size:13px;
  letter-spacing:-.1px;
  font-weight:600;
  margin:0 0 8px;
  color:#486487}

.next-work p{
  font-size:11px;
  line-height:1.65;
  color:#8294ad;
  margin:0}

.human-review{
  padding:16px 26px;
  border-top:1px solid #e0e8f0;
  color:#547664}

.human-review strong{
  font-size:11px}

.human-review p{
  font-size:11px;
  line-height:1.7}

footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:16px 44px 30px;
  font-size:9px;
  color:#95a1b3}

footer a{
  color:#7c90ae}

.job-card{
  display:grid;
  grid-template-columns:1fr 230px;
  gap:70px;
  background:#fff;
  padding:32px;
  border:1px solid var(--line);
  border-radius:12px;
  margin-bottom:25px}

.job-card h2{
  font-size:23px;
  margin:0 0 12px;
  letter-spacing:-.6px}

.job-card p{
  font-size:13px;
  color:#78879b;
  line-height:1.8;
  margin:0;
  max-width:660px}

.job-card>div:last-child>strong{
  display:block;
  margin:14px 0 20px}

.standard-list{
  margin-bottom:30px}

.standard-list article{
  display:flex;
  align-items:center;
  gap:20px;
  padding:25px 10px;
  border-bottom:1px solid var(--line)}

.standard-list article>div{
  flex:1}

.standard-list h3{
  font-size:15px;
  margin:0 0 8px}

.standard-list p{
  font-size:12px;
  line-height:1.8;
  color:#7b8ba0;
  margin:0;
  max-width:750px}

.standard-icon{
  width:32px;
  height:32px;
  border:1px solid #cfd9e7;
  color:#9aaabd;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%}

.standard-icon.enabled,.pill.enabled{
  background:#e1eee9;
  color:#39715f;
  border-color:#e1eee9}

.explain-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:35px;
  padding:5px 0 30px}

.explain-grid h3{
  font-size:13px;
  color:#526b8c}

.explain-grid p{
  font-size:12px;
  line-height:1.9;
  color:#8391a4}

.lesson-history article{
  display:flex;
  gap:24px;
  background:white;
  border:1px solid var(--line);
  padding:30px;
  border-radius:10px;
  margin-bottom:18px}

.history-marker{
  font-size:27px;
  color:#6c8cb8}

.lesson-history h2{
  font-size:19px;
  font-weight:500;
  line-height:1.5;
  max-width:700px;
  margin:0 0 12px}

.lesson-history p{
  font-size:13px;
  color:#7c8da4;
  line-height:1.8}

.lesson-history small{
  font-size:10px;
  color:#9aa6b7}

.empty{
  text-align:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:55px 20px}

.empty .orbit{
  margin-bottom:15px}

.empty h2{
  font-size:21px;
  font-weight:500}

.empty p{
  font-size:12px;
  color:#8695a8;
  margin-bottom:24px}

.weekly{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:60px;
  margin-top:40px;
  border-top:1px solid var(--line);
  padding-top:35px}

.weekly h2{
  font-family:Georgia,serif;
  font-size:27px;
  font-weight:400;
  letter-spacing:-.5px}

.weekly p{
  font-size:12px;
  line-height:1.8;
  color:#7c8da2;
  max-width:500px}

.weekly small{
  font-size:10px;
  color:#8f9eb1}

.week-bars{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-content:start;
  padding-top:25px}

.week-bars>div{
  flex:1}

.week-bars>div>span{
  display:block;
  font-size:10px;
  color:#8c9aae;
  margin-bottom:14px}

.week-bars>div>div{
  display:flex;
  flex-direction:column;
  gap:3px}

.week-bars i{
  height:11px;
  border-radius:2px;
  background:#e3e9f2}

.week-bars i.reserved{
  background:#82a5cd}

.week-bars>small{
  width:100%;
  margin-top:10px}

.handoff-hero{
  display:flex;
  gap:30px;
  background:#e9eff9;
  border:1px solid #dbe5f3;
  border-radius:12px;
  padding:38px}

.handoff-symbol{
  font-size:52px;
  color:#7f9fcc}

.handoff-hero h2{
  font-size:25px;
  font-weight:550;
  letter-spacing:-.8px;
  margin:0 0 16px}

.handoff-hero p{
  max-width:680px;
  font-size:13px;
  line-height:1.9;
  color:#7287a3}

.button-row{
  display:flex;
  gap:10px;
  margin:25px 0 16px}

.handoff-hero small{
  font-size:10px;
  color:#879bb5}

.handoff-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  margin:35px 0}

.handoff-steps article>span{
  display:flex;
  width:26px;
  height:26px;
  align-items:center;
  justify-content:center;
  border:1px solid #cdd9e9;
  border-radius:50%;
  font-size:11px;
  color:#8da2bd}

.handoff-steps h3{
  font-size:13px;
  font-weight:550}

.handoff-steps p{
  font-size:12px;
  line-height:1.9;
  color:#8695a9}

.handoff{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:23px 0;
  border-top:1px solid var(--line)}

.handoff h3{
  font-size:14px;
  margin:0 0 9px;
  font-weight:550}

.handoff p{
  font-size:12px;
  line-height:1.8;
  color:#8694a8;
  margin:0}

.terminal-guide{
  margin-top:20px;
  color:#7f91ab;
  font-size:12px}

.terminal-guide summary{
  cursor:pointer}

.terminal-guide pre{
  overflow:auto;
  padding:20px;
  background:#eaf0f8;
  line-height:1.8;
  font-size:11px}

.terminal-guide p{
  font-size:12px;
  line-height:1.8}

dialog{
  border:1px solid #dce4ef;
  border-radius:14px;
  padding:30px;
  width:min(580px,calc(100% - 30px));
  max-height:88vh;
  box-shadow:0 20px 100px #172d5640;
  color:var(--ink)}

dialog::backdrop{
  background:#182f5260;
  backdrop-filter:blur(5px)}

.modal-head{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px}

.modal-head h2{
  font-size:22px;
  font-weight:550;
  letter-spacing:-.6px;
  line-height:1.35;
  margin:0}

.icon-button{
  background:transparent;
  border:0;
  font-size:25px;
  color:#8394aa}

.modal-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:25px}

dialog p{
  font-size:12px;
  color:#7b8ca2;
  line-height:1.9}

dialog label{
  font-size:11px;
  font-weight:600;
  color:#60738f;
  display:block;
  margin:20px 0 9px}

input,textarea,select{
  border:1px solid #d8e1ee;
  border-radius:6px;
  padding:10px;
  background:#fbfcfe;
  color:#526882}

dialog input,dialog textarea,dialog select{
  width:100%;
  font-size:12px;
  line-height:1.7}

textarea{
  resize:vertical}

.lesson-preview{
  background:#edf3fb;
  padding:18px;
  border-radius:8px;
  margin-top:20px}

.lesson-preview strong{
  font-size:12px;
  color:#50719b}

.lesson-preview ul{
  font-size:11px;
  line-height:1.9;
  color:#768ba7;
  padding-left:17px}

.lesson-preview p{
  font-size:11px;
  margin-bottom:0}

.tour{
  padding-left:20px}

.tour li{
  font-size:12px;
  line-height:1.9;
  color:#778ba7;
  padding:8px 0}

.tour strong{
  color:#405d84}

.source-detail blockquote{
  font-family:Georgia,serif;
  font-size:20px;
  line-height:1.6;
  margin:25px 0;
  color:#476285}

.source-detail .pill{
  margin-right:6px}

#toast{
  position:fixed;
  bottom:25px;
  left:50%;
  transform:translate(-50%,20px);
  background:#20395c;
  color:#f2f7fe;
  padding:15px 22px;
  border-radius:9px;
  font-size:12px;
  line-height:1.5;
  max-width:90vw;
  opacity:0;
  pointer-events:none;
  z-index:20;
  box-shadow:0 4px 20px #10244222;
  transition:opacity .15s,transform .15s}

#toast.show{
  opacity:1;
  transform:translate(-50%,0)}

@media(min-width:1550px){
  main{
  padding:55px 60px 30px}

.decision-layout{
  grid-template-columns:240px minmax(400px,1fr) 250px;
  gap:25px}

.source-list small{
  max-width:145px}

.heading h1{
  font-size:48px}

.recommendation h2{
  font-size:31px}

.recommendation p{
  font-size:14px}

.document-meta{
  padding:24px 30px}

.recommendation{
  padding:30px 30px 20px}

.evidence-table{
  margin:0 30px}

.counterevidence,.severity-note,.decision-actions{
  padding-left:30px;
  padding-right:30px}

.inspector h3{
  font-size:25px}

}

@media(max-width:1200px){
  .rail{
  width:190px;
  padding:30px 12px}

.brand{
  font-size:22px}

.rail-caption{
  font-size:9px}

.nav-item{
  font-size:11px;
  gap:8px}

.shell{
  margin-left:190px}

main{
  padding:35px 25px 20px}

.topbar{
  padding:0 25px}

.decision-layout{
  grid-template-columns:170px minmax(310px,1fr);
  gap:15px}

.inspector{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 30px;
  padding:20px 5px}

.inspector-heading{
  grid-column:1}

.inspector h3{
  grid-column:1;
  margin:5px 0}

.inspector>p{
  grid-column:1}

.checks{
  grid-column:2;
  grid-row:1/5}

.lesson-tip{
  grid-column:1;
  margin:0}

.source-list small{
  max-width:84px}

.source-avatar{
  display:none}

.journey{
  gap:12px;
  padding:17px}

.journey-item{
  font-size:10px}

.heading h1{
  font-size:37px}

.topbar>div{
  font-size:10px}

}

@media(max-width:760px){
  .rail{
  position:static;
  width:100%;
  height:auto;
  padding:16px;
  border:0;
  border-bottom:1px solid var(--line)}

.brand{
  padding:0;
  font-size:23px}

.rail-caption,.rail-section,.rail-note,.rail-bottom{
  display:none}

.rail nav{
  display:flex;
  margin-top:14px;
  gap:3px;
  overflow-x:auto}

.nav-item{
  flex:1;
  min-width:125px;
  padding:9px;
  font-size:10px;
  margin:0;
  align-items:center}

.nav-item>span{
  font-size:16px;
  width:15px}

.shell{
  margin:0}

.topbar{
  height:56px;
  padding:0 18px}

.topbar>div{
  max-width:70%;
  overflow:hidden;
  white-space:nowrap}

.topbar .slash{
  padding:0}

.topbar .button{
  font-size:9px;
  padding:6px 9px}

main{
  padding:28px 18px 18px}

.heading{
  display:block;
  margin-bottom:24px}

.heading h1{
  font-size:34px;
  letter-spacing:-1.5px;
  line-height:1.15}

.heading p{
  font-size:11px}

.heading>.button{
  margin-top:18px}

.eyebrow{
  font-size:10px}

.journey{
  overflow-x:auto;
  gap:13px;
  padding:14px;
  margin-bottom:26px}

.journey-item{
  font-size:9px}

.journey-item>span{
  width:19px;
  height:19px;
  font-size:9px}

.journey>i{
  min-width:8px}

.work-heading{
  align-items:start}

.work-heading>div{
  display:block}

.work-heading h2{
  font-size:14px;
  margin-bottom:9px}

.run-picker label{
  display:block;
  font-size:9px;
  margin-bottom:8px}

.run-picker select{
  font-size:9px;
  padding:0;
  max-width:155px}

.decision-layout{
  display:flex;
  flex-direction:column}

.source-panel{
  width:100%;
  order:2}

.source-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-height:240px}

.source-list small{
  max-width:120px}

.source-avatar{
  display:flex;
  width:22px;
  height:25px}

.source-foot{
  padding:12px 15px}

.source-panel>p br{
  display:none}

.decision-document{
  width:100%;
  order:1}

.inspector{
  display:block;
  order:3;
  padding:15px 2px}

.inspector h3{
  margin:13px 0}

.inspector .checks{
  margin:20px 0}

.lesson-tip{
  margin-top:20px}

.next-work{
  align-items:start;
  padding:20px;
  display:block;
  margin-top:15px}

.next-work>div{
  gap:10px;
  align-items:start}

.next-work .button{
  margin:18px 0 0 36px}

.next-work h3{
  font-size:12px}

.next-work p{
  font-size:10px}

.recommendation{
  padding:23px 20px 17px}

.recommendation h2{
  font-size:25px}

.document-meta{
  padding:18px 20px}

.document-meta small{
  font-size:8px}

.evidence-table{
  margin:0 20px}

.table-title{
  display:block}

.table-title .text-button{
  display:block;
  margin-top:8px}

.evidence-chips{
  padding:0 20px 18px}

.counterevidence,.severity-note,.decision-actions{
  padding-left:20px;
  padding-right:20px}

.decision-actions>div:last-child{
  flex-wrap:wrap}

.count-row{
  font-size:9px;
  grid-template-columns:1fr 48px 55px}

.job-card{
  grid-template-columns:1fr;
  gap:25px;
  padding:25px}

.standard-list article{
  gap:12px;
  align-items:start}

.standard-list h3{
  font-size:13px}

.standard-list p{
  font-size:11px}

.standard-icon{
  width:25px;
  height:25px;
  flex-shrink:0}

.standard-list article>.pill{
  display:none}

.explain-grid{
  grid-template-columns:1fr;
  gap:10px}

.weekly{
  grid-template-columns:1fr;
  gap:10px}

.handoff-hero{
  padding:24px;
  gap:15px}

.handoff-symbol{
  display:none}

.handoff-hero h2{
  font-size:23px}

.handoff-hero p{
  font-size:12px}

.button-row{
  flex-wrap:wrap}

.handoff-steps{
  grid-template-columns:1fr;
  gap:15px}

.handoff{
  display:block}

.handoff .button{
  margin-top:17px}

.lesson-history article{
  padding:22px;
  gap:12px}

.lesson-history h2{
  font-size:16px}

footer{
  display:block;
  padding:12px 18px 25px;
  font-size:9px;
  line-height:1.8}

footer a{
  display:block;
  margin-top:10px}

dialog{
  padding:23px}

.modal-head h2{
  font-size:20px}

}

@media(prefers-reduced-motion:reduce){
  *{
  transition:none!important;
  scroll-behavior:auto!important}

}