/* Bell receipts and /status inside the shared header and footer. Type and ink follow /stats. */
@font-face{font-family:Author;src:url(/fonts/author-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Author;src:url(/fonts/author-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Author;src:url(/fonts/author-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Garamond;src:url(/fonts/ebgaramond.woff2) format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Martian Mono';src:url(/fonts/martianmono.woff2) format('woff2');font-weight:100 800;font-display:swap}
main.br{--bg:#FAFAF7;--fg:#180B51;--muted:#5F5A73;--rule:#CCC8D8;--wash:#EEEDF4;--settled:#277263;--late:#8F6A30;--failed:#B8471F;
  box-sizing:border-box;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:52px 0 80px;background:var(--bg);color:var(--fg);
  font:400 18px/1.5 Author,'Author Fallback',Arial,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:light}
main.br *{box-sizing:border-box}
main.br ::selection{background:var(--fg);color:var(--bg)}
main.br a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
main.br a:hover{text-decoration-thickness:2px}
main.br :focus-visible{outline:2px solid var(--fg);outline-offset:4px}
main.br [hidden]{display:none!important}
main.br .mono,main.br time,main.br dd{font-family:'Martian Mono','Martian Fallback',ui-monospace,monospace;font-variant-numeric:tabular-nums}
main.br .kicker{margin:0 0 14px;font-size:15px;color:var(--muted)}
main.br .kicker a{color:var(--muted)}
main.br h1{font:500 clamp(46px,5vw,72px)/1.02 Author,'Author Fallback',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 16px}
main.br h2{font:400 32px/1.15 Garamond,Georgia,serif;letter-spacing:-.015em;margin:48px 0 12px}
main.br .lede{font:400 23px/1.4 Garamond,Georgia,serif;margin:0 0 8px;max-width:55ch}
main.br .lede time{font:inherit}
main.br .meta,main.br .note{font-size:15px;line-height:1.55;color:var(--muted);margin:10px 0;max-width:80ch}
main.br .meta time{font-size:13px;white-space:nowrap}

/* the receipt: the outcome on the left, the record on the right */
main.br .receipt{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start;margin-top:36px;padding-top:32px;border-top:1px solid var(--rule)}
main.br .outcome{padding:26px;background:var(--wash);border:1px solid var(--rule)}
main.br .outcome .label{margin:0 0 6px;font-size:15px;color:var(--muted)}
main.br .big{margin:0 0 6px;font:500 clamp(52px,6vw,80px)/1 Author,'Author Fallback',Arial,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
main.br .big small{display:block;margin-top:8px;font:500 18px/1.3 Author,'Author Fallback',Arial,sans-serif;letter-spacing:0}
main.br .line{margin:18px 0 0;padding-top:16px;border-top:1px dashed var(--rule)}
main.br .line b{display:block;margin-bottom:2px;font-size:14px;font-weight:500;color:var(--muted)}
main.br .facts{margin:0}
main.br .facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px dashed var(--rule);padding:13px 0;font-size:17px}
main.br .facts>div:first-child{padding-top:0}
main.br .facts dt{margin:0}
main.br .facts dd{margin:0;font-size:15px;text-align:right;overflow-wrap:anywhere}
main.br .facts dd.text{font-family:inherit;font-size:16px;max-width:30ch}
main.br .hash{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
main.br .br-copy{min-height:32px;padding:4px 10px;border:1px solid var(--rule);background:transparent;color:var(--fg);font:500 13px/1 Author,'Author Fallback',Arial,sans-serif;cursor:pointer;touch-action:manipulation}
main.br .br-copy:hover{background:var(--wash)}
main.br .after{margin-top:40px;padding-top:24px;border-top:1px solid var(--rule)}
main.br .links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:16px 0 0;padding:0;list-style:none;font-size:15px}
main.br .links a{display:inline-flex;align-items:center;min-height:44px}
main.br .pager{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:28px;padding-top:12px;border-top:1px solid var(--rule)}
main.br .pager a{display:inline-flex;align-items:center;min-height:44px}
main.br .pager .all{justify-self:center}
main.br .pager [rel=next]{justify-self:end}
main.br .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* /status */
main.br .text-button{border:1px solid var(--rule);background:transparent;color:var(--fg);min-height:44px;padding:8px 14px;font:inherit;font-size:15px;cursor:pointer}
main.br .text-button:hover{background:var(--wash)}
main.br .text-button:disabled{opacity:.65;cursor:wait}
main.br .status-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin:24px 0}
main.br .status-cell{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid var(--rule);border-bottom:4px solid var(--rule);font:400 16px 'Martian Mono','Martian Fallback',ui-monospace,monospace;text-decoration:none}
main.br .status-cell:hover{background:var(--wash)}
main.br .status-cell.settled{border-bottom-color:var(--settled)}
main.br .status-cell.late{border-bottom-color:var(--late)}
main.br .status-cell.failed{border-bottom-color:var(--failed)}
main.br .status-cell.unknown{border-bottom-style:dashed}
main.br .legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;font-size:15px;color:var(--muted)}
main.br .legend li{display:flex;align-items:center;gap:8px}
main.br .legend i{display:inline-block;width:22px;height:0;border-bottom:4px solid var(--rule)}
main.br .legend .settled i{border-color:var(--settled)} main.br .legend .late i{border-color:var(--late)} main.br .legend .failed i{border-color:var(--failed)} main.br .legend .unknown i{border-bottom-style:dashed}
main.br .status-parts>div{display:grid;grid-template-columns:minmax(120px,280px) minmax(0,1fr);gap:24px}
main.br .status-parts dd{font-family:inherit;font-size:16px;text-align:left;max-width:70ch}

@media(max-width:900px){
  main.br .receipt{grid-template-columns:1fr;gap:32px}
}
@media(max-width:600px){
  main.br{width:calc(100% - 40px);padding:32px 0 112px}
  main.br .lede{font-size:20px}
  main.br h2{font-size:28px;margin-top:40px}
  main.br .outcome{padding:20px}
  main.br .facts>div{flex-wrap:wrap;gap:4px 16px}
  main.br .facts dd{margin-left:auto}
  main.br .facts dd.text{margin-left:0;text-align:left;max-width:none}
  main.br .status-parts>div{grid-template-columns:1fr;gap:4px}
  main.br .status-parts dd{margin-left:0}
  main.br .pager{grid-template-columns:1fr 1fr}
  main.br .pager .all{grid-column:1/-1;grid-row:2;justify-self:start}
  main.br .status-strip{grid-template-columns:repeat(5,1fr);gap:8px}
}
@media(prefers-reduced-motion:reduce){main.br *{transition:none!important}}