:root{color-scheme:light dark;--ink:#1a1a1a;--on-ink:#fff;--muted:#737373;--soft:#bbb;--field:#c9c9c9;--line:#e2e2e2;--line-strong:#171717;--hover:#f0f0f0;--paper:#fff;--bg:#fafafa;--ok:#1f6f43;--ok-bg:#eef6f1;--pending:#8a5a00;--pending-bg:#fbf4e6;--bad:#8b2e2e;--bad-bg:#fbeeee}
@media(prefers-color-scheme:dark){
  :root{--ink:#ececec;--on-ink:#111;--muted:#9b9b9b;--soft:#5a5a5a;--field:#3d3d3d;--line:#2b2b2b;--line-strong:#e6e6e6;--hover:#1e1e1e;--paper:#161616;--bg:#0e0e0e;--ok:#72c996;--ok-bg:#11241a;--pending:#e3b458;--pending-bg:#2a2110;--bad:#f08a8a;--bad-bg:#2b1414}
}
*{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--soft);text-underline-offset:3px}
a:hover{text-decoration-color:var(--ink)}
button,input,select{font:inherit}
button{border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);height:37px;padding:0 16px;cursor:pointer;font-weight:500;white-space:nowrap}
button:hover{background:var(--ink);color:var(--on-ink)}
button:disabled{opacity:.4;cursor:wait}
button.secondary{border-color:var(--soft);color:var(--muted)}
button.secondary:hover{background:var(--muted);color:var(--on-ink)}
button.quiet{border:0;background:transparent;padding:0 0;height:27px;text-decoration:underline;text-decoration-color:var(--soft);text-underline-offset:3px;color:var(--muted)}
button.quiet:hover{background:transparent;color:var(--ink);text-decoration-color:var(--ink)}
button.danger{color:var(--bad);border-color:var(--bad)}
button.danger:hover{background:var(--bad);color:var(--on-ink)}
button.quiet.danger:hover{background:transparent;color:var(--bad);text-decoration-color:var(--bad)}
input,select{width:100%;padding:0 10px;height:37px;border:1px solid var(--field);border-radius:0;background:var(--paper);color:var(--ink)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px}
label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:500}
h1{font-size:24px;line-height:1.2;margin:0 0 4px;letter-spacing:-.02em;font-weight:600}
h2{font-size:14px;letter-spacing:.02em;margin:0 0 12px;font-weight:600}
h3{font-size:14px}
p{margin:8px 0 12px}
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}
.shell>aside{height:100vh;position:sticky;top:0;background:var(--bg);border-right:1px solid var(--line);padding:28px 22px 20px;display:flex;flex-direction:column;gap:30px;overflow-y:auto}
.brand{font-size:19px;font-weight:650;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand span{font-size:11px;color:var(--muted);font-weight:400;display:block;margin-top:3px}
nav{display:flex;flex-direction:column;gap:1px}
nav a{text-decoration:none;padding:7px 10px;border-left:2px solid transparent;color:var(--muted);font-weight:480}
nav a[aria-current],nav a.selected{border-left:2px solid var(--ink);color:var(--ink);font-weight:600}
nav a:hover{color:var(--ink);background:var(--hover)}
.account{margin-top:auto;font-size:12.5px;display:grid;gap:4px}
.account strong{font-weight:600}
.account span{color:var(--muted)}
main{width:100%;max-width:980px;padding:36px 40px 24px}
.eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}
header{margin-bottom:24px}
.intro{color:var(--muted);max-width:640px;margin:0 0 20px}
.card{background:var(--paper);border:1px solid var(--line);padding:18px 20px;margin:0 0 16px}
.narrow{max-width:480px}
.narrow form{display:grid;gap:14px}
.muted,small,time{color:var(--muted)}
small{font-size:11.5px;display:block}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.section-head h2{margin:0}
.badge{display:inline-block;white-space:nowrap;font-size:11px;padding:2px 7px;border:1px solid var(--line-strong);font-weight:500}
.badge.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}
.badge.pending{border-color:var(--pending);color:var(--pending);background:var(--pending-bg)}
.badge.bad{border-color:var(--bad);color:var(--bad);background:var(--bad-bg)}
.badge.quiet{border-color:var(--line);color:var(--muted)}
.inline{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.inline>label{flex:1;min-width:150px}
.inline>input{flex:1;min-width:170px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);background:var(--paper);margin:0 0 16px;overflow:hidden}
.stats section{padding:14px 16px;box-shadow:1px 1px 0 var(--line)}
.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.stats strong{display:block;font-size:24px;font-weight:600;margin-top:6px;line-height:1.1;font-variant-numeric:tabular-nums}
.stats strong.pending{color:var(--pending)}
.stats strong.bad{color:var(--bad)}
.stats small{margin-top:4px}
.table-wrap{overflow-x:auto}
.records td:first-child,.records td:last-child{white-space:nowrap}
table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}
th{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
td,th{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
td:first-child,th:first-child{padding-left:0}
tr:last-child td{border-bottom:0}
.empty{text-align:center;padding:24px 12px;color:var(--muted)}
code{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
td code{display:block;min-width:150px}
pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);padding:10px;font-size:11.5px;margin:6px 0}
.notice,.secret{padding:12px 14px;border:1px solid var(--ink);background:var(--paper);margin-bottom:16px}
.notice.error{border-color:var(--bad);color:var(--bad);background:var(--bad-bg)}
.notice.warn{border-color:var(--pending);color:var(--pending);background:var(--pending-bg)}
.notice.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}
.secret code{font-size:14px;min-width:0}
.secret h2{margin-bottom:4px}
dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;font-size:13px}
dt{color:var(--muted)}
dd{margin:0;overflow-wrap:anywhere}
dd.clickable{cursor:pointer}
dd.clickable:hover{background:var(--bg)}
td.clickable{cursor:pointer}
td.clickable:hover{background:var(--bg)}
.timeline{list-style:none;margin:0 0 0 4px;padding:0 0 0 18px;border-left:1px solid var(--line)}
.timeline li{position:relative;padding:0 0 14px;overflow-wrap:anywhere}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:"";position:absolute;left:-23px;top:6px;width:9px;height:9px;background:var(--paper);border:1px solid var(--line-strong)}
.timeline li.ok::before{background:var(--ok);border-color:var(--ok)}
.timeline li.pending::before{background:var(--pending);border-color:var(--pending)}
.timeline li.bad::before{background:var(--bad);border-color:var(--bad)}
.timeline time{font-size:11.5px;margin-left:8px}
.timeline code{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
summary{cursor:pointer;font-weight:500}
details>form,details>p{margin-top:14px}
.row{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.form-grid button{justify-self:start;align-self:end}
.check{flex-direction:row;align-items:center}
.check input{width:auto}
.tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;margin:0 0 16px}
.tabs a{padding:0;border:0;white-space:nowrap;text-decoration:none;color:var(--muted);font-weight:480}
.tabs a:hover{color:var(--ink);background:transparent}
.chart svg{display:block;width:100%;height:96px;border-bottom:1px solid var(--line-strong)}
.chart .slot{fill:transparent}
.chart g:hover .slot{fill:var(--hover)}
.chart .bar{fill:var(--ink)}
.chart ol{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));list-style:none;margin:5px 0 0;padding:0;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.chart li{display:flex;justify-content:center;white-space:nowrap}
footer{font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);padding:14px 0 2px;margin-top:8px}
.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip:focus{clip:auto;width:auto;height:auto;background:var(--paper);padding:10px;z-index:10}
@media(max-width:860px){
  .shell{display:block}
  .shell>aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px 16px 0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand account" "nav nav";align-items:center;gap:4px 16px}
  .shell>aside .brand{grid-area:brand}
  .brand span{display:none}
  .shell>aside nav{grid-area:nav;flex-direction:row;gap:0;margin:0 -16px;padding:0 8px;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:48px}
  .shell>aside nav::-webkit-scrollbar{display:none}
  .shell>aside nav a{flex:none;padding:10px 8px;font-size:13px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}
  .shell>aside nav a:focus-visible{outline-offset:-2px}
  .shell>aside nav a[aria-current]{border-left:0;border-bottom-color:var(--ink);scroll-initial-target:nearest}
  .account{grid-area:account;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;min-width:0}
  .account strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .account form{flex:none}
  main{padding:20px 16px}
  .card{padding:14px 16px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats section:last-child:nth-child(odd){grid-column:1/-1}
  .form-grid{grid-template-columns:1fr}
  h1{font-size:21px}
  .section-head{align-items:start;flex-direction:column}
  dl{grid-template-columns:1fr;gap:4px}
  dd{margin-bottom:8px}
  .inline>button{width:100%}
  .actions{align-items:start}
  td,th{padding:8px}
  .timeline time{display:block;margin:2px 0 0}
}
.hero{padding:40px 0 8px;max-width:700px}
.hero h1{font-size:34px;margin:0 0 14px}
.lede{font-size:15.5px;color:var(--muted);max-width:520px}
.cta{display:inline-block;border:1px solid var(--ink);padding:9px 22px;text-decoration:none;font-weight:500}
.cta:hover{background:var(--ink);color:var(--on-ink)}
.cta.secondary{border-color:var(--soft);color:var(--muted)}
.cta.secondary:hover{background:var(--muted);color:var(--on-ink)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:40px 0 0}
.cols section{background:var(--paper);padding:18px}
.cols h2{margin-bottom:6px}
.cols p{margin:0}
.steps{margin:44px 0 0}
.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);counter-reset:step}
.steps li{background:var(--paper);padding:16px 18px;counter-increment:step}
.steps li::before{content:counter(step);display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:6px}
.steps strong{display:block;margin-bottom:4px}
.steps span{display:block;color:var(--muted);font-size:13.5px}
.snippets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px;margin:40px 0 0}
.snippets pre.code{margin:0 0 8px}
dl.settings{grid-template-columns:90px minmax(0,1fr);margin:0 0 10px}
.more{margin:36px 0 0}
.link-list{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}
@media(max-width:760px){
  .cols,.steps ol,.snippets{grid-template-columns:1fr}
  .hero{padding:8px 0 0}
  .hero h1{font-size:27px}
}
.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);background:var(--line);margin:36px 0 0}
.pricing>section{background:var(--paper);padding:20px;display:flex;flex-direction:column}
.pricing .price{font-size:30px;font-weight:600;margin:4px 0 12px}
.pricing .price small{display:inline;font-size:14px;font-weight:400}
.pricing ul{list-style:none;margin:0 0 18px;padding:0;font-size:13px;color:var(--muted)}
.pricing li{padding:5px 0;border-bottom:1px solid var(--line)}
.pricing li:last-child{border-bottom:0}
.pricing .cta{margin-top:auto;text-align:center}
.pricing .featured{outline:2px solid var(--ink);outline-offset:-2px}
.oauth{display:grid;gap:10px;margin-bottom:8px}
pre.raw{white-space:pre-wrap;word-break:break-word;background:var(--paper);border:1px solid var(--line);padding:12px 14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:70vh;overflow:auto;margin:12px 0}
@media(min-width:761px){
  .pricing.three{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .pricing{grid-template-columns:1fr}
}
.oauth .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-right:0}
.oauth .icon{width:18px;height:18px;flex:none}
dialog{border:1px solid var(--line-strong);padding:20px 22px;width:min(560px,92vw);max-width:92vw;background:var(--paper);color:var(--ink)}
dialog::backdrop{background:rgba(15,15,15,.45)}
dialog form{margin-top:14px}
textarea{width:100%;padding:8px 10px;border:1px solid var(--field);border-radius:0;background:var(--paper);color:var(--ink);font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.filter input{flex:1 1 300px;max-width:440px}
.filter select{flex:0 1 170px;width:auto}
.section-head .tabs{margin:0;flex:none;gap:14px}
.tabs a[aria-current]{color:var(--ink);font-weight:600;border:0;box-shadow:inset 0 -2px 0 var(--ink)}
.tally{display:inline-block;min-width:20px;padding:0 5px;border:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}
.tabs a[aria-current] .tally{border-color:var(--ink);color:var(--ink)}
td.fit{width:1%;white-space:nowrap;text-align:right}
.reply{border-top:1px solid var(--line);padding:12px 0 0;margin-top:12px}
.reply:first-of-type{border-top:0;padding-top:0;margin-top:0}
.reply p{margin:0 0 6px}
dialog h2{margin-bottom:0}
dialog form:not(.form-grid) label{margin-bottom:12px}
dialog.wide{width:min(760px,94vw)}
.span-all{grid-column:1/-1}
td .inline{flex-wrap:nowrap;align-items:center}
td .inline>input{flex:none;width:170px;min-width:0}
td .inline>button{width:auto}
.checks{margin:0 0 12px;padding-left:18px;font-size:13px;color:var(--muted)}
.checks li{padding:2px 0}

/* Shared components. Page slices compose these; change them only centrally. */
.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
th.num,td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.nowrap{white-space:nowrap}
td.fit dialog{font-size:14px;white-space:normal;text-align:left}
.form-grid .check{align-self:end;height:37px}
progress.meter{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;border:0;background:var(--line);color:var(--ink)}
progress.meter::-webkit-progress-bar{background:var(--line)}
progress.meter::-webkit-progress-value{background:var(--ink)}
progress.meter::-moz-progress-bar{background:var(--ink)}
progress.meter.pending::-webkit-progress-value{background:var(--pending)}
progress.meter.pending::-moz-progress-bar{background:var(--pending)}
progress.meter.bad::-webkit-progress-value{background:var(--bad)}
progress.meter.bad::-moz-progress-bar{background:var(--bad)}
button.copy{height:auto;padding:1px 6px;margin-left:6px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
button.copy:hover{border-color:var(--ink);background:transparent;color:var(--ink)}
button.copy svg{width:12px;height:12px}
[data-copy]:not(button){cursor:copy}
code[data-copy]:hover,pre[data-copy]:hover{background:var(--hover)}
.copy-flash{position:fixed;display:inline-flex;align-items:center;gap:5px;background:var(--ink);color:var(--on-ink);padding:5px 10px;font-size:12px;line-height:1;z-index:50;pointer-events:none;white-space:nowrap}
@media(max-width:860px){
  table.stack thead{display:none}
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack tr{border-bottom:1px solid var(--line);padding:8px 0}
  table.stack tr:last-child{border-bottom:0}
  table.stack td{border:0;padding:3px 0;text-align:left}
  table.stack td.fit{width:100%}
  table.stack td[data-label]::before{content:attr(data-label);display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
  table.stack.flow td[data-label]{display:inline-block;width:auto;max-width:100%;margin-right:22px;vertical-align:top}
}
table.flow td{overflow-wrap:anywhere}
.tint.ok{color:var(--ok)}
.tint.pending{color:var(--pending)}
.tint.bad{color:var(--bad)}
.badges{display:flex;flex-wrap:wrap;gap:6px}

/* Public pages and layout (PublicFix). */
.site>main{margin:0 auto}
.site.page-login>main{max-width:460px;padding-top:min(10vh,72px)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:58px;margin:0;padding:0 max(40px,calc(50% - 450px));border-bottom:1px solid var(--line)}
.topbar .brand{display:inline-flex;align-items:center;gap:8px;font-size:17px}
.topbar .brand img{display:block}
.topbar .cta{padding:5px 14px}
.cta.primary{background:var(--ink);color:var(--on-ink)}
.cta.primary:hover{background:var(--paper);color:var(--ink)}
.secret-value{display:flex;align-items:center;gap:10px;margin:6px 0 0}
.secret-value .copy{flex:none;margin:0}
.secret .muted{margin:8px 0 0}
.prose{max-width:680px;font-size:15px;line-height:1.65}
.prose h2{font-size:16px;letter-spacing:0;margin:32px 0 8px}
.prose h3{font-size:14.5px;letter-spacing:0;margin:24px 0 6px}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 14px;padding-left:22px}
.prose li{margin:0 0 6px}
.prose :not(pre)>code{font-size:.86em;background:var(--bg);border:1px solid var(--line);padding:0 4px}
.prose table{font-size:13.5px;line-height:1.5;margin:0 0 18px}
.prose td code{display:inline;min-width:0;overflow-wrap:normal;word-break:normal}
.prose table:has(thead th:nth-child(6)){font-size:12.5px}
.prose table:has(thead th:nth-child(6)) :is(td,th){padding:8px 6px}
pre.code{position:relative;white-space:pre;overflow-x:auto;word-break:normal;overflow-wrap:normal;background:var(--bg);border:1px solid var(--line);padding:12px 14px;margin:0 0 16px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
pre.code code{font:inherit;white-space:inherit;word-break:inherit;overflow-wrap:inherit}
pre.code[data-copy]::after{content:"Copy";position:absolute;top:6px;right:8px;font:500 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted);background:var(--paper);border:1px solid var(--line);padding:3px 6px;opacity:0}
pre.code[data-copy]:hover::after{opacity:1}
.note{border-left:2px solid var(--ink);padding:1px 0 1px 14px;margin:0 0 16px}
.note.warn{border-left-color:var(--pending)}
.site-nav{display:flex;flex-direction:row;gap:22px;margin:0 auto 0 30px;font-size:13.5px}
.site-nav a{padding:0;border:0;background:transparent;color:var(--muted);font-weight:480;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current=page]{border:0;background:transparent;color:var(--ink);font-weight:500}
.crumbs{display:flex;flex-direction:row;gap:6px;font-size:12px;color:var(--muted);margin:0 0 6px}
.crumbs a{padding:0;border:0;color:inherit;font-weight:400}
.crumbs a:hover{background:transparent;color:var(--ink)}
.crumbs a::after{content:" /";color:var(--soft)}
.section-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:44px;align-items:start}
.section-nav{position:sticky;top:20px;display:flex;flex-direction:column;gap:2px;font-size:13px;padding-top:4px}
.section-nav a{text-decoration:none;color:var(--muted);padding:4px 0 4px 10px;border-left:2px solid var(--line)}
.section-nav a:hover{background:transparent;color:var(--ink)}
.section-nav a[aria-current=page]{color:var(--ink);border-left-color:var(--ink);font-weight:500}
.cards{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cards li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards a{display:block;height:100%;background:var(--paper);padding:14px 16px;text-decoration:none}
.cards a:hover{background:var(--hover)}
.cards strong{display:block;font-weight:600;margin-bottom:4px}
.cards span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:860px){
  .topbar{height:auto;flex-wrap:wrap;gap:0 16px;padding:10px 16px 0}
  .topbar .brand,.topbar>.cta{margin-bottom:10px}
  .site-nav{order:3;width:100%;margin:0 -16px;padding:9px 16px;overflow-x:auto;border-top:1px solid var(--line);gap:20px;box-sizing:content-box}
  .prose{font-size:14.5px}
  .section-layout{display:block}
  .section-nav{position:static;flex-direction:row;overflow-x:auto;gap:18px;margin:0 0 18px;padding:0 0 1px;border-bottom:1px solid var(--line)}
  .section-nav a{border-left:0;padding:4px 0 8px;white-space:nowrap}
  .section-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--ink)}
  .prose tr:has(>th[scope=row]):has(>td:nth-child(3):last-child),.prose thead tr:has(>th:first-child:empty):has(>th:nth-child(3):last-child){display:grid;grid-template-columns:1fr 1fr;column-gap:14px;border-bottom:1px solid var(--line)}
  .prose tr:has(>th[scope=row]):has(>td:nth-child(3):last-child)>th{grid-column:1/-1;padding:9px 0 0;border:0}
  .prose tr:has(>th[scope=row]):has(>td:nth-child(3):last-child)>td,.prose thead tr:has(>th:first-child:empty):has(>th:nth-child(3):last-child)>th{padding-left:0;border:0}
  .prose thead tr:has(>th:first-child:empty):has(>th:nth-child(3):last-child)>th:empty{display:none}
}

/* Tenant overview, activity, billing (OverviewFix). */
.setup{list-style:none;margin:0;padding:0;counter-reset:step}
.setup li{counter-increment:step;position:relative;display:flex;align-items:center;gap:12px;padding:9px 0}
.setup li+li{border-top:1px solid var(--line)}
.setup li::before{content:counter(step);flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--field);font-size:11px;color:var(--muted)}
.setup li.current::before{border-color:var(--ink);color:var(--ink);font-weight:600}
.setup li.current a{font-weight:600}
.setup li.done::before{content:"";background:var(--ink);border-color:var(--ink)}
.setup li.done::after{content:"";position:absolute;left:8px;top:50%;width:6px;height:11px;border:solid var(--on-ink);border-width:0 2px 2px 0;transform:translateY(-62%) rotate(45deg)}
.setup li.done a{color:var(--muted)}
table.messages,table.recipients{table-layout:fixed}
table.messages td,table.recipients td{overflow-wrap:anywhere}
table.messages th:nth-child(2){width:30%}
table.messages th:nth-child(3){width:118px}
table.messages th:nth-child(4){width:108px}
table.messages td small{margin-top:2px}
table.recipients th:nth-child(2){width:110px}
table.recipients th:nth-child(3){width:84px}
table.recipients th:nth-child(4){width:36%}
table.recipients th:nth-child(5){width:108px}
table.recipients td code{min-width:0}
.usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 32px}
.usage p{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px}
.usage p span:first-child{color:var(--muted)}
.usage p span:last-child{font-variant-numeric:tabular-nums}
.usage small{margin-top:6px}
.usage-total{margin:0 0 4px}
.usage-total strong{font-size:20px;font-weight:600}
@media(max-width:860px){
  table.messages td[data-label="Message"]::before,table.messages td[data-label="Status"]::before,table.messages td[data-label="Submitted"]::before{content:none}
  table.messages td[data-label="To"]{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--muted)}
  table.messages td[data-label="To"]::before{flex:none}
  table.messages td[data-label="Status"],table.messages td[data-label="Submitted"]{display:inline-block;width:auto;margin:4px 12px 0 0}
}

/* Tenant domains, credentials, suppressions (DomainsFix). */
.records .copyable{display:flex;align-items:flex-start}
.records .copyable code{flex:1 1 auto}
details.dns>.table-wrap{margin-top:10px}
.actions>.release{margin-left:auto}
.keys code{display:inline;min-width:0;white-space:nowrap}
.keys tr.revoked td{color:var(--muted)}
.fields code{display:inline;min-width:0}
.fields td:nth-child(-n+2){white-space:nowrap}
@media(max-width:860px){
  table.records.stack tr{display:flex;flex-wrap:wrap;column-gap:24px}
  table.records.stack td{width:auto}
  table.records.stack td:nth-child(2),table.records.stack td:nth-child(3){order:1;width:100%}
}

/* Staff operations: stats, alerts, pools, servers (StaffOpsFix). */
.alerts{list-style:none;margin:0 0 16px;padding:0;border:1px solid var(--line);background:var(--paper);font-size:13px}
.alerts li{display:flex;align-items:baseline;gap:12px;padding:7px 12px;border-top:1px solid var(--line);box-shadow:inset 3px 0 var(--soft)}
.alerts li:first-child{border-top:0}
.alerts li>span{flex:none;width:46px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.alerts li.error{color:var(--bad);background:var(--bad-bg);box-shadow:inset 3px 0 var(--bad)}
.alerts li.error>span{color:var(--bad)}
.alerts li.warn{box-shadow:inset 3px 0 var(--pending)}
.alerts li.warn>span{color:var(--pending)}
dl.metrics{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px 18px;margin:0}
.metrics dt{font-size:12px;color:var(--muted)}
.metrics dd{margin:2px 0 0;font-size:20px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}
.metrics dd small{font-size:11.5px;font-weight:400;margin-top:2px}
.metrics dd.pending{color:var(--pending)}
.metrics dd.bad{color:var(--bad)}
#servers td[data-label="Server"]{overflow-wrap:anywhere}
#servers progress.meter{margin-top:6px;min-width:90px}
#servers td.fit>dialog+button{margin-left:14px}

/* Staff records: workspaces, reviews, inbound, domains (StaffRecordsFix). */
.reason{white-space:pre-line;overflow-wrap:anywhere;max-width:680px}