:root{
  --djr-1:0.4rem;
  --djr-2:0.8rem;
  --djr-3:1.4rem;
  --djr-4:2.2rem;
  --djr-5:3.6rem;
  --djr-6:5.4rem;
  --djr-bg:#bcc294;
  --djr-ink:#37452c;
  --djr-accent:#2f5d16;
  --djr-accent2:#7d7a92;
  --djr-accent2-deep:#514f5f;
  --djr-accent2-lift:#b8b6c3;
  --djr-surface:#aab890;
  --djr-paper:#d6d9bd;
  --djr-paper-deep:#c9cea9;
  --djr-hair:rgba(55,69,44,0.28);
  --djr-hair-strong:rgba(55,69,44,0.55);
  --djr-hair-faint:rgba(55,69,44,0.16);
  --djr-heading:"Signika Negative","Segoe UI",Arial,sans-serif;
  --djr-body:"Titillium Web","Segoe UI",Arial,sans-serif;
}

body{margin:0;background:var(--djr-bg)}

*,*::before,*::after{box-sizing:border-box}

body{
  font-family:var(--djr-body);
  font-size:1rem;
  line-height:1.62;
  color:var(--djr-ink);
  overflow-x:hidden;
  padding:var(--djr-2);
}

a{color:var(--djr-accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--djr-ink);background:var(--djr-paper-deep)}
a:focus-visible{outline:3px solid var(--djr-accent2);outline-offset:2px;background:var(--djr-paper)}

.djr-skip{
  position:absolute;
  left:var(--djr-2);
  top:-5rem;
  z-index:9;
  background:var(--djr-accent);
  color:var(--djr-paper);
  font-family:var(--djr-heading);
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  text-decoration:none;
  padding:var(--djr-2) var(--djr-3);
  transition:top 200ms ease-out;
}
.djr-skip:focus-visible{top:var(--djr-2);background:var(--djr-accent);color:var(--djr-paper)}

.djr-sheet{
  max-width:74rem;
  margin-left:auto;
  margin-right:auto;
  background:var(--djr-paper);
  border:2px solid var(--djr-ink);
  box-shadow:6px 6px 0 var(--djr-hair);
  position:relative;
}

.djr-masthead{
  background:var(--djr-ink);
  color:var(--djr-paper);
  padding:var(--djr-3) var(--djr-3) var(--djr-2);
  position:relative;
}
.djr-masthead::after{
  content:"";
  display:block;
  height:5px;
  margin-top:var(--djr-3);
  background:var(--djr-accent);
  animation:djr-draw 900ms cubic-bezier(.22,.61,.36,1) both;
}
.djr-formcode{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.68rem;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--djr-accent2-lift);
  margin-top:0;
  margin-bottom:var(--djr-2);
  max-width:26ch;
}
.djr-title{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:clamp(1.45rem,6vw,2.7rem);
  letter-spacing:0.045em;
  line-height:1.1;
  margin-top:0;
  margin-bottom:var(--djr-1);
  animation:djr-settle 640ms ease-out both;
}
.djr-title-sub{
  display:block;
  font-family:var(--djr-body);
  font-weight:400;
  font-size:0.88rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--djr-surface);
  margin-top:var(--djr-2);
}
.djr-strapline{
  max-width:58ch;
  font-size:1.02rem;
  margin-top:var(--djr-3);
  margin-bottom:0;
  animation:djr-settle 640ms 90ms ease-out both;
}
.djr-masthead a{color:var(--djr-paper)}
.djr-masthead a:hover{color:var(--djr-ink);background:var(--djr-paper)}

.djr-stamp{
  position:absolute;
  right:var(--djr-2);
  top:var(--djr-3);
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.6rem;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--djr-accent2-lift);
  border:2px solid var(--djr-accent2-lift);
  padding:2px var(--djr-2);
  transform:rotate(-7deg);
  animation:djr-stamp 620ms 420ms cubic-bezier(.2,1.4,.5,1) both;
}

.djr-perf{
  height:12px;
  background-image:repeating-linear-gradient(90deg,var(--djr-hair-strong) 0 7px,transparent 7px 15px);
  background-position:left center;
  background-repeat:repeat-x;
  background-size:15px 2px;
  border-bottom:1px solid var(--djr-hair);
}

.djr-index{
  background:var(--djr-paper-deep);
  border-bottom:2px solid var(--djr-ink);
  padding:var(--djr-2) var(--djr-3);
}
.djr-index-head{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.66rem;
  letter-spacing:0.26em;
  text-transform:uppercase;
  color:var(--djr-accent2-deep);
  margin-top:0;
  margin-bottom:var(--djr-2);
}
.djr-index-list{
  list-style:none;
  padding-left:0;
  margin-top:0;
  margin-bottom:0;
  display:flex;
  flex-wrap:wrap;
  gap:var(--djr-1) var(--djr-2);
}
.djr-index-item{
  font-size:0.86rem;
  animation:djr-slide 500ms ease-out both;
}
.djr-index-item:nth-child(1){animation-delay:110ms}
.djr-index-item:nth-child(2){animation-delay:150ms}
.djr-index-item:nth-child(3){animation-delay:190ms}
.djr-index-item:nth-child(4){animation-delay:230ms}
.djr-index-item:nth-child(5){animation-delay:270ms}
.djr-index-item:nth-child(6){animation-delay:310ms}
.djr-index-item:nth-child(7){animation-delay:350ms}
.djr-index-item:nth-child(8){animation-delay:390ms}
.djr-index-item:nth-child(9){animation-delay:430ms}
.djr-index-item:nth-child(10){animation-delay:470ms}
.djr-index-item:nth-child(11){animation-delay:510ms}
.djr-index-item:nth-child(12){animation-delay:550ms}
.djr-index-link{
  display:inline-block;
  text-decoration:none;
  border:1px solid var(--djr-hair-strong);
  padding:1px var(--djr-2) 1px var(--djr-1);
  transition:background 180ms ease-out,border-color 180ms ease-out,color 180ms ease-out;
}
.djr-index-link:hover{background:var(--djr-ink);color:var(--djr-paper);border-color:var(--djr-ink)}
.djr-index-letter{
  font-family:var(--djr-heading);
  font-weight:600;
  color:var(--djr-accent2-deep);
  margin-right:var(--djr-1);
  padding-right:var(--djr-1);
  border-right:1px solid var(--djr-hair);
}
.djr-index-link:hover .djr-index-letter{color:var(--djr-surface)}

.djr-body-of-note{padding:var(--djr-2)}

.djr-box{
  border:1px solid var(--djr-hair-strong);
  background:var(--djr-paper);
  padding:var(--djr-4) var(--djr-3) var(--djr-3);
  margin-bottom:var(--djr-2);
  position:relative;
  transition:border-color 240ms ease-out,background 240ms ease-out;
}
.djr-box::before{
  content:attr(data-box);
  position:absolute;
  left:-1px;
  top:-1px;
  min-width:2.1rem;
  text-align:center;
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.8rem;
  letter-spacing:0.1em;
  background:var(--djr-ink);
  color:var(--djr-paper);
  padding:2px var(--djr-2);
  transition:background 240ms ease-out;
}
.djr-box:target{border-color:var(--djr-accent);background:var(--djr-paper-deep)}
.djr-box:target::before{background:var(--djr-accent)}

.djr-box-kind{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.66rem;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:var(--djr-accent2-deep);
  margin-top:0;
  margin-bottom:var(--djr-1);
}
.djr-h{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:clamp(1.18rem,3.4vw,1.7rem);
  line-height:1.22;
  color:var(--djr-accent);
  margin-top:0;
  margin-bottom:var(--djr-2);
  max-width:32ch;
}
.djr-sub{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:1rem;
  letter-spacing:0.02em;
  color:var(--djr-ink);
  margin-top:var(--djr-3);
  margin-bottom:var(--djr-1);
}
.djr-lead{
  font-size:1.04rem;
  max-width:62ch;
  margin-top:0;
  margin-bottom:var(--djr-3);
}
.djr-body{max-width:66ch;margin-top:var(--djr-2);margin-bottom:var(--djr-2)}
.djr-close{
  max-width:66ch;
  margin-top:var(--djr-3);
  margin-bottom:0;
  border-top:1px dotted var(--djr-hair-strong);
  padding-top:var(--djr-2);
  font-size:0.95rem;
}

.djr-rows{
  margin-top:var(--djr-2);
  margin-bottom:var(--djr-2);
  border-top:1px solid var(--djr-hair);
}
.djr-row{
  border-bottom:1px dotted var(--djr-hair-strong);
  padding-top:var(--djr-2);
  padding-bottom:var(--djr-2);
  transition:background 200ms ease-out;
}
.djr-row:hover{background:var(--djr-paper-deep)}
.djr-key{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.72rem;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--djr-accent2-deep);
  margin-top:0;
  margin-bottom:var(--djr-1);
}
.djr-val{margin-top:0;margin-bottom:0}
.djr-val a{word-break:break-word}

.djr-table{
  width:100%;
  border-collapse:collapse;
  margin-top:var(--djr-2);
  margin-bottom:var(--djr-3);
  font-size:0.94rem;
}
.djr-scroll{overflow-x:auto;margin-bottom:var(--djr-3)}
.djr-scroll:focus-visible{outline:3px solid var(--djr-accent);outline-offset:3px}
.djr-scroll .djr-table{margin-bottom:0;min-width:30rem}
.djr-caption{
  caption-side:top;
  text-align:left;
  font-size:0.74rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--djr-accent2-deep);
  padding-bottom:var(--djr-1);
}
.djr-th{
  text-align:left;
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.8rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  border-bottom:2px solid var(--djr-accent);
  padding:var(--djr-1) var(--djr-2) var(--djr-1) 0;
  vertical-align:bottom;
}
.djr-td{
  border-bottom:1px solid var(--djr-hair);
  padding:var(--djr-2) var(--djr-2) var(--djr-2) 0;
  vertical-align:top;
}
.djr-code{
  font-family:var(--djr-heading);
  font-weight:600;
  letter-spacing:0.06em;
  white-space:nowrap;
  color:var(--djr-accent);
}
.djr-ladder-row .djr-td{transition:background 200ms ease-out}
.djr-ladder-row[data-fit="up"] .djr-td{background:var(--djr-surface);font-weight:600}

.djr-defs{margin-top:var(--djr-2);margin-bottom:var(--djr-2);max-width:66ch}
.djr-dt{
  font-family:var(--djr-heading);
  font-weight:600;
  color:var(--djr-accent);
  border-left:4px solid var(--djr-accent2);
  padding-left:var(--djr-2);
  margin-top:var(--djr-3);
}
.djr-dd{margin-left:0;padding-left:calc(var(--djr-2) + 4px);margin-top:var(--djr-1)}

.djr-steps{
  list-style:none;
  counter-reset:djr-step;
  padding-left:var(--djr-1);
  margin-top:var(--djr-2);
  margin-bottom:var(--djr-2);
  max-width:66ch;
}
.djr-step{
  counter-increment:djr-step;
  border-left:1px solid var(--djr-hair-strong);
  padding-left:var(--djr-3);
  padding-bottom:var(--djr-3);
  position:relative;
}
.djr-step::before{
  content:counter(djr-step);
  position:absolute;
  left:calc(-1 * var(--djr-2));
  top:0;
  width:calc(var(--djr-2) * 2);
  height:calc(var(--djr-2) * 2);
  line-height:calc(var(--djr-2) * 2);
  text-align:center;
  background:var(--djr-accent);
  color:var(--djr-paper);
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.82rem;
}
.djr-step-h{
  display:block;
  font-family:var(--djr-heading);
  font-weight:600;
  color:var(--djr-accent);
}
.djr-plain{
  list-style:square;
  padding-left:var(--djr-3);
  margin-top:var(--djr-2);
  margin-bottom:var(--djr-2);
  max-width:66ch;
}
.djr-plain li{margin-bottom:var(--djr-1)}

.djr-guide{
  background:var(--djr-paper-deep);
  border:1px solid var(--djr-hair-strong);
  border-top:5px solid var(--djr-accent2);
  padding:var(--djr-3);
  display:grid;
  gap:var(--djr-2);
  max-width:48rem;
  margin-top:var(--djr-3);
}
.djr-guide[data-guide="fill"]{border-top-color:var(--djr-accent)}
.djr-field{display:grid;gap:var(--djr-1)}
.djr-label{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.74rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--djr-ink);
}
.djr-input{
  font-family:var(--djr-body);
  font-size:1rem;
  color:var(--djr-ink);
  background:var(--djr-paper);
  border:1px solid var(--djr-ink);
  padding:var(--djr-2);
  width:100%;
  transition:background 180ms ease-out,border-color 180ms ease-out;
}
.djr-input:hover{background:var(--djr-bg)}
.djr-input:focus-visible{outline:3px solid var(--djr-accent);outline-offset:2px}
.djr-hint{
  font-size:0.82rem;
  color:var(--djr-ink);
  margin-top:0;
  margin-bottom:0;
}
.djr-actions{margin-top:var(--djr-1);margin-bottom:0;display:flex;flex-wrap:wrap;gap:var(--djr-2);align-items:center}
.djr-button{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.94rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--djr-paper);
  background:var(--djr-accent);
  border:1px solid var(--djr-accent);
  padding:var(--djr-2) var(--djr-4) var(--djr-2) var(--djr-3);
  cursor:pointer;
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);
  transition:background 180ms ease-out,transform 180ms ease-out;
}
.djr-button:hover{background:var(--djr-ink);transform:translateX(3px)}
.djr-button:focus-visible{outline:3px solid var(--djr-accent2);outline-offset:3px}
.djr-tag{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.64rem;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:var(--djr-accent2-deep);
  border:1px dashed var(--djr-accent2-deep);
  padding:2px var(--djr-2);
}

.djr-result{
  border-left:6px solid var(--djr-accent2);
  background:var(--djr-paper-deep);
  padding:var(--djr-2) var(--djr-3);
  margin-top:var(--djr-3);
  max-width:48rem;
  transition:border-left-color 220ms ease-out;
}
.djr-result[data-fit="match"]{border-left-color:var(--djr-accent)}
.djr-result[data-fit="over"]{border-left-color:var(--djr-ink)}
.djr-result[data-fill="full"]{border-left-color:var(--djr-ink)}
.djr-result[data-fill="room"]{border-left-color:var(--djr-accent)}
.djr-result-line{margin-top:var(--djr-1);margin-bottom:var(--djr-1)}
.djr-result-line[data-djr-headline]{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:1.12rem;
  color:var(--djr-accent);
}
.djr-result-line[data-djr-working]{font-size:0.92rem}

.djr-gauge{
  margin-top:var(--djr-2);
  margin-bottom:0;
  height:1.1rem;
  border:1px solid var(--djr-ink);
  background:var(--djr-paper);
  position:relative;
  overflow:hidden;
}
.djr-gauge::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:var(--djr-fill,0%);
  background:var(--djr-accent);
  transition:width 420ms cubic-bezier(.22,.61,.36,1);
}
.djr-gauge::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-image:repeating-linear-gradient(90deg,var(--djr-hair-faint) 0 1px,transparent 1px 10%);
}

.djr-stream{
  margin-top:var(--djr-3);
  margin-left:0;
  margin-right:0;
  border:1px solid var(--djr-hair-strong);
  background:var(--djr-paper-deep);
  padding:var(--djr-3) var(--djr-2);
  overflow:hidden;
}
.djr-lanes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--djr-1);
  align-items:end;
  min-height:16rem;
}
.djr-lane{
  border-left:1px dashed var(--djr-hair-strong);
  border-right:1px dashed var(--djr-hair-strong);
  padding:var(--djr-1);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-width:0;
}
.djr-lane-head{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.66rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  text-align:center;
  color:var(--djr-ink);
  border-bottom:2px solid var(--djr-accent);
  padding-bottom:var(--djr-1);
  margin-top:0;
  margin-bottom:auto;
}
.djr-lane[data-lane="general"] .djr-lane-head{border-bottom-color:var(--djr-accent2)}
.djr-lane[data-lane="rejected"] .djr-lane-head{border-bottom-color:var(--djr-ink)}
.djr-bin{
  list-style:none;
  padding:var(--djr-1);
  margin-top:var(--djr-2);
  margin-bottom:0;
  border:2px solid var(--djr-ink);
  border-top-width:0;
  background:var(--djr-paper);
  display:grid;
  gap:3px;
  min-height:7.2rem;
  align-content:end;
}
.djr-chip{
  font-size:0.7rem;
  line-height:1.3;
  background:var(--djr-bg);
  border-left:4px solid var(--djr-accent);
  padding:2px var(--djr-1);
  transition:background 200ms ease-out,transform 200ms ease-out;
  word-break:break-word;
}
.djr-lane[data-lane="general"] .djr-chip{border-left-color:var(--djr-accent2)}
.djr-lane[data-lane="rejected"] .djr-chip{border-left-color:var(--djr-ink);background:var(--djr-surface)}
.djr-chip:hover{background:var(--djr-paper-deep);transform:translateX(2px)}
.djr-chip[data-fall="true"]{animation:djr-fall 640ms cubic-bezier(.4,0,.55,1.25) both}
.djr-stream[data-stream-state="armed"] .djr-chip{opacity:0}
.djr-stream[data-stream-state="armed"] .djr-chip[data-fall="true"]{opacity:1}
.djr-stream[data-stream-state="settled"] .djr-chip{opacity:1}
.djr-bin-foot{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.62rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  text-align:center;
  color:var(--djr-accent2-deep);
  margin-top:var(--djr-1);
  margin-bottom:0;
}
.djr-figcaption{
  font-size:0.9rem;
  margin-top:var(--djr-3);
  max-width:62ch;
}

.djr-figure{
  margin-top:var(--djr-3);
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  border:1px solid var(--djr-hair-strong);
  background:var(--djr-paper-deep);
  padding:var(--djr-3);
}
.djr-drawing{display:block;width:100%;height:auto;max-width:34rem}
.djr-drawing text{font-family:var(--djr-body);font-size:11px;fill:#37452c}
.djr-drawing [data-part="rule"]{transition:stroke 200ms ease-out}

.djr-declaration{
  background:var(--djr-ink);
  color:var(--djr-paper);
  border-color:var(--djr-ink);
}
.djr-declaration::before{background:var(--djr-accent);color:var(--djr-paper)}
.djr-declaration .djr-box-kind{color:var(--djr-surface)}
.djr-declaration:target{background:var(--djr-ink);border-color:var(--djr-accent)}
.djr-declaration .djr-h{color:var(--djr-surface)}
.djr-declaration .djr-key{color:var(--djr-surface)}
.djr-declaration .djr-row{border-bottom-color:var(--djr-accent2-lift)}
.djr-declaration .djr-row:hover{background:rgba(122,122,146,0.18)}
.djr-declaration .djr-rows{border-top-color:var(--djr-accent2-lift)}
.djr-declaration a{color:var(--djr-paper)}
.djr-declaration a:hover{color:var(--djr-ink);background:var(--djr-paper)}
.djr-signline{
  border-bottom:1px solid var(--djr-surface);
  height:var(--djr-4);
  margin-top:var(--djr-3);
  max-width:22rem;
}
.djr-signcap{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.64rem;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--djr-accent2-lift);
  margin-top:var(--djr-1);
  margin-bottom:0;
}

.djr-onward{
  border:1px solid var(--djr-hair-strong);
  background:var(--djr-paper-deep);
  padding:var(--djr-3);
  margin-top:var(--djr-2);
}
.djr-onward-list{
  list-style:none;
  padding-left:0;
  margin-top:var(--djr-2);
  margin-bottom:0;
  display:grid;
  gap:var(--djr-2);
}
.djr-onward-item{
  border-left:4px solid var(--djr-accent);
  padding-left:var(--djr-2);
  transition:border-left-color 200ms ease-out,padding-left 200ms ease-out;
}
.djr-onward-item:hover{border-left-color:var(--djr-accent2);padding-left:var(--djr-3)}
.djr-onward-link{
  font-family:var(--djr-heading);
  font-weight:600;
  display:block;
}

.djr-footer{
  background:var(--djr-ink);
  color:var(--djr-paper);
  padding:var(--djr-4) var(--djr-3);
  border-top:2px solid var(--djr-accent2);
}
.djr-footer-inner{
  max-width:74rem;
  margin-left:auto;
  margin-right:auto;
  display:grid;
  gap:var(--djr-3);
}
.djr-footer-h{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.72rem;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--djr-accent2-lift);
  margin-top:0;
  margin-bottom:var(--djr-1);
}
.djr-footer-line{margin-top:0;margin-bottom:var(--djr-1);font-size:0.92rem}
.djr-footer-addr{font-style:normal;font-size:0.92rem}
.djr-footer a{color:var(--djr-paper)}
.djr-footer a:hover{color:var(--djr-ink);background:var(--djr-paper)}

@keyframes djr-settle{
  from{transform:translateY(9px);letter-spacing:0.16em}
  to{transform:translateY(0);letter-spacing:0.045em}
}
@keyframes djr-slide{
  from{transform:translateX(-8px)}
  to{transform:translateX(0)}
}
@keyframes djr-draw{
  from{transform:scaleX(0.08);transform-origin:left center}
  to{transform:scaleX(1);transform-origin:left center}
}
@keyframes djr-stamp{
  from{transform:rotate(-7deg) scale(2.4);opacity:0}
  70%{opacity:1}
  to{transform:rotate(-7deg) scale(1);opacity:1}
}
@keyframes djr-fall{
  from{transform:translateY(-11rem)}
  62%{transform:translateY(0.35rem)}
  81%{transform:translateY(-0.2rem)}
  to{transform:translateY(0)}
}

@media (min-width:40rem){
  .djr-row{grid-template-columns:14rem minmax(0,1fr);display:grid;column-gap:var(--djr-3);align-items:baseline}
  .djr-key{margin-bottom:0}
}

@media (min-width:46rem){
  body{padding:var(--djr-3)}
  .djr-masthead{padding-left:var(--djr-4);padding-right:var(--djr-4)}
  .djr-index{padding-left:var(--djr-4);padding-right:var(--djr-4)}
  .djr-body-of-note{padding:var(--djr-3)}
  .djr-box{padding:var(--djr-4) var(--djr-4) var(--djr-4)}
  .djr-guide{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
  .djr-actions{grid-column:1 / -1}
  .djr-lanes{gap:var(--djr-2)}
  .djr-lane{padding:var(--djr-2)}
  .djr-chip{font-size:0.78rem;padding:3px var(--djr-2)}
  .djr-lane-head{font-size:0.74rem;letter-spacing:0.14em}
  .djr-declaration{padding-left:var(--djr-4);padding-right:var(--djr-4)}
  .djr-footer{padding-left:var(--djr-4);padding-right:var(--djr-4)}
  .djr-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .djr-onward-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:64rem){
  .djr-masthead{display:grid;grid-template-columns:1.35fr 1fr;column-gap:var(--djr-5);align-items:end}
  .djr-masthead::after{grid-column:1 / -1}
  .djr-strapline{margin-top:0}
  .djr-box{padding-left:var(--djr-5);padding-right:var(--djr-4)}
  .djr-box::before{left:-1px;top:var(--djr-4);min-width:2.6rem;font-size:0.9rem}
  .djr-box-kind{margin-left:0}
  .djr-declaration{display:grid;grid-template-columns:1.2fr 1fr;column-gap:var(--djr-5)}
  .djr-declaration .djr-h{grid-column:1 / -1}
}

@media (prefers-reduced-motion:reduce){
  .djr-title{animation:none}
  .djr-strapline{animation:none}
  .djr-masthead::after{animation:none}
  .djr-index-item{animation:none}
  .djr-stamp{animation:none}
  .djr-chip[data-fall="true"]{animation:none}
  .djr-chip{transition:none}
  .djr-chip:hover{transform:none}
  .djr-button{transition:none}
  .djr-button:hover{transform:none}
  .djr-row{transition:none}
  .djr-result{transition:none}
  .djr-gauge::before{transition:none}
  .djr-onward-item{transition:none}
  .djr-onward-item:hover{padding-left:var(--djr-2)}
  .djr-input{transition:none}
  .djr-index-link{transition:none}
  .djr-box{transition:none}
}

.djr-schedule{
  margin-top:var(--djr-3);
  margin-bottom:var(--djr-3);
}
.djr-item{
  border-left:5px solid var(--djr-accent2);
  background:var(--djr-paper-deep);
  padding:var(--djr-2) var(--djr-3);
  margin-bottom:var(--djr-2);
  max-width:70ch;
  list-style:none;
  transition:border-left-color 200ms ease-out,transform 200ms ease-out;
}
.djr-item:hover{border-left-color:var(--djr-accent);transform:translateX(4px)}
.djr-item-h{
  font-family:var(--djr-heading);
  font-weight:600;
  font-size:0.95rem;
  color:var(--djr-accent);
  margin-top:0;
  margin-bottom:var(--djr-1);
}
.djr-item-body{margin-top:0;margin-bottom:0;font-size:0.95rem}
.djr-inventory{list-style:none;padding-left:0;margin-top:var(--djr-2);margin-bottom:var(--djr-3)}

@media (prefers-reduced-motion:reduce){
  .djr-item{transition:none}
  .djr-item:hover{transform:none}
}