/* Dashboard (/dashboard). A port of 10 Dashboard.dc.html: its inline styles as classes, its <helmet> media rules as written.
   Breakpoints: tablet <= 1023px, phone <= 640px. Tokens, .wrap, the header and the footer live in site.css. */

/* Header: the shared one in its signed-in state. Phones show the logo and Sign out only. */
@media (max-width:640px){
  body[data-nav="dashboard"] .hdr-auth{display:block}
  body[data-nav="dashboard"] .hdr-phone,body[data-nav="dashboard"] .auth-dash{display:none}
}

.db-sec{position:relative;border-top:1px solid #e3ecf4;padding-block:clamp(40px,5vw,64px) clamp(64px,7vw,96px);background:#fafcfe}
.db-loading{display:grid;place-items:center;min-height:420px;font:440 var(--text-base)/1 var(--font);color:#647489;text-align:center}
.db-loading[hidden],.db-ready[hidden]{display:none}
.db-ready{display:flex;flex-direction:column;gap:28px}
.db-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.db-h1{margin:0;font:500 var(--text-xl)/1.15 var(--font);letter-spacing:-.015em;color:#0b2239}
.db-h1:focus{outline:none}
.db-email{font:440 var(--text-base)/1.4 var(--font);color:#647489;overflow-wrap:anywhere}

.db-notice{padding:12px 14px;border:1px solid #f3cdd4;border-radius:6px;background:#fdf5f6;font:500 var(--text-sm)/1.6 var(--font);color:#a3263b}
.db-notice[hidden]{display:none}
.db-notice a{font-weight:500}
.db-notice .db-btn{height:32px;margin-inline:4px;vertical-align:middle}

.db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.db-card{display:flex;flex-direction:column;gap:20px;min-width:0;padding:24px;border:1px solid #e3ecf4;border-radius:8px;background:#fff}
.db-full{grid-column:1 / -1}
.db-h2{margin:0;font:500 var(--text-base)/1.3 var(--font);color:#0b2239}
.db-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.db-side{font:500 var(--text-sm)/1 var(--font);color:#647489}
.db-muted{font:440 var(--text-sm)/1.5 var(--font);color:#647489}
.db-muted[hidden]{display:none}
.db-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Shared small buttons */
.db-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid #dde6ef;border-radius:6px;background:#fff;font:500 var(--text-sm)/1 var(--font);color:#0b2239;cursor:pointer;white-space:nowrap;text-decoration:none}
.db-btn:hover{border-color:#b7d9f0;background:#fafcfe;color:#0b2239}
.db-btn-sm{height:36px}
.db-btn-wide{width:100%;height:44px}
.db-btn-danger{border-color:#e3a3b0;color:#a3263b}
.db-btn-danger:hover{background:#fff;border-color:#a3263b;color:#a3263b}
.db-btn:disabled,.db-grad:disabled{cursor:default}

/* API keys */
.db-keys{gap:16px}
.db-keylist{display:flex;flex-direction:column;gap:16px}
.db-keylist:empty{display:none}
.db-key{display:flex;flex-direction:column;gap:6px}
.db-keyrow{display:flex;align-items:center;gap:8px}
.db-keyval{flex:1;min-width:0;display:flex;align-items:center;height:44px;padding:0 14px;border:1px solid #e3ecf4;border-radius:6px;background:#f5f9fd;font:400 var(--text-sm)/1 var(--mono);color:#0872b0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.db-icon{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #dde6ef;border-radius:6px;background:#fff;color:#4d5f75;cursor:pointer}
.db-icon:hover{border-color:#b7d9f0;color:#0b2239}
.db-icon svg{display:block}
.db-icon.is-copied{color:#1a7f4b}
.db-revoke:hover{border-color:#e3a3b0;color:#a3263b;background:#fdf8f9}
.db-keymeta{padding-left:2px;font:440 var(--text-sm)/1.4 var(--font);color:#647489}
.db-keyfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}
.db-keyfoot[hidden]{display:none}
.db-keys-accept{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font:440 var(--text-sm)/1.5 var(--font);color:#4d5f75}
.db-keys-accept[hidden]{display:none}
.db-create{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:0;border-radius:6px;background:var(--grad);color:#fff;font:550 var(--text-sm)/1 var(--font);cursor:pointer}
.db-create:hover{background:var(--grad-hover);color:#fff}
.db-create:disabled{opacity:.5;cursor:default;background:var(--grad)}
.db-capnote{font:440 var(--text-sm)/1.4 var(--font);color:#4d5f75}

/* Today's usage */
.db-meters{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:28px}
.db-meter{display:flex;flex-direction:column;gap:10px;min-width:0}
.db-meter[hidden]{display:none}
.db-mlabel{font:500 var(--text-sm)/1 var(--font);color:#647489}
.db-nums{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.db-big{font:500 var(--text-xl)/1.1 var(--font);letter-spacing:-.015em;color:#0b2239}
.db-big[hidden]{display:none}
.db-of{font:440 var(--text-base)/1.3 var(--font);color:#647489}
.db-bar{height:8px;border-radius:4px;background:#eef3f8;overflow:hidden}
.db-bar > div{height:100%;width:0;border-radius:4px;background:#0872b0}
.db-stats{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px;border-top:1px solid #eef3f8}
.db-stats > div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.db-stats > div + div{border-left:1px solid #eef3f8}
.db-slabel{font:440 var(--text-xs)/1 var(--font);color:#647489}
.db-sval{font:500 var(--text-base)/1 var(--font);color:#0b2239}

/* Plan & billing */
.db-activating{align-self:flex-start;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:4px;background:#eef5fb;font:500 var(--text-sm)/1 var(--font);color:#0872b0}
.db-activating[hidden],.db-trial[hidden]{display:none}
.db-trial{font:440 var(--text-sm)/1.4 var(--font);color:#4d5f75}
.db-planfoot{flex:1;display:flex;flex-direction:column;margin-top:-20px}
.db-grow{flex:1;min-height:16px}
.db-rule{height:1px;background:#eef3f8}
.db-actions{display:flex;gap:8px;flex-wrap:wrap}
.db-actions > *{flex:1 1 0;min-width:max-content}
.db-grad{display:inline-flex;justify-content:center;align-items:center;height:40px;padding:0 20px;border:0;border-radius:6px;background:var(--grad);color:#fff;font:550 var(--text-sm)/1 var(--font);cursor:pointer;white-space:nowrap;text-decoration:none}
.db-grad:hover{background:var(--grad-hover);color:#fff}
.db-cancel:hover{border-color:#e3a3b0;color:#a3263b;background:#fdf8f9}
.db-invitation-note[hidden]{display:none}
.db-invitation-note{margin:0}

/* Requests, last 7 days */
.db-empty{display:grid;place-items:center;height:160px;font:440 var(--text-sm)/1 var(--font);color:#647489}
.db-empty[hidden],.db-chart[hidden]{display:none}
.db-chart{display:flex;flex-direction:column;gap:10px}
.db-bars{display:flex;align-items:flex-end;gap:6px;height:120px;border-bottom:1px solid #e3ecf4}
.db-bars > div{flex:1;min-width:0;border-radius:3px 3px 0 0;background:#0872b0}
.db-bars > div:hover{background:#3f5fd6}
.db-days{display:flex;gap:6px}
.db-days > span{flex:1;text-align:center;font:440 var(--text-sm)/1 var(--font);color:#647489}

/* Endpoints, last 7 days */
.db-eps{gap:0}
.db-eps .db-h2{padding-bottom:20px}
.db-eps [role="table"][hidden],.db-ep-empty[hidden]{display:none}
.db-ep{display:grid;grid-template-columns:minmax(100px,1.1fr) minmax(0,1.1fr) 72px;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #eef3f8;font:440 var(--text-sm)/1 var(--font)}
.db-ep-head{align-items:stretch;padding:0 0 10px;border-bottom-color:#e3ecf4;font:500 var(--text-sm)/1 var(--font);color:#647489}
.db-ep > :last-child{text-align:right}
.db-ep code{font:400 var(--text-sm)/1 var(--mono);color:#0b2239;overflow-wrap:anywhere}
.db-ep-track{height:6px;border-radius:3px;background:#eef3f8;overflow:hidden}
.db-ep-track > div{height:100%;border-radius:3px}
.db-ep-ms{color:#4d5f75}

/* Account */
.db-dl{margin:0;display:flex;flex-direction:column;gap:14px;font:440 var(--text-sm)/1.4 var(--font)}
.db-dl > div{display:flex;flex-direction:column;gap:4px}
.db-dl dt{color:#647489}
.db-dl dd{margin:0;color:#0b2239;overflow-wrap:anywhere}
.db-pw{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #eef3f8}
.db-pw[hidden],.db-pw-row[hidden],.db-pw-form[hidden]{display:none}
.db-pw-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.db-pw-row > span{font:440 var(--text-sm)/1.4 var(--font);color:#4d5f75}
.db-pw-form{display:flex;flex-direction:column;gap:12px}
.db-field{display:flex;flex-direction:column;gap:6px}
.db-flabel{font:500 var(--text-sm)/1.3 var(--font);color:#0b2239}
.db-input{width:100%;height:40px;margin:0;padding:0 12px;border:1px solid #dde6ef;border-radius:6px;background:#fff;font:440 var(--text-sm)/1 var(--font);color:#0b2239;outline:none}
.db-input:focus{border-color:#0872b0;box-shadow:0 0 0 3px #e1eef8}
.db-fhint{font:440 var(--text-xs)/1.3 var(--font);color:#647489}
.db-pw-err{font:500 var(--text-sm)/1.4 var(--font);color:#a3263b}
.db-pw-done{font:500 var(--text-sm)/1.4 var(--font);color:#1a7f4b}
/* Empty messages stay in the page for screen readers and take no room. */
.db-pw-err:empty,.db-pw-done:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.db-pw-btns{display:flex;gap:8px}
.db-pw-save{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:0;border-radius:6px;background:var(--grad);color:#fff;font:550 var(--text-sm)/1 var(--font);cursor:pointer}
.db-pw-save:hover{background:var(--grad-hover)}
.db-pw-save[aria-disabled="true"]{opacity:.6;cursor:default}
.db-btn-ghost{border-color:transparent;color:#4d5f75}
.db-btn-ghost:hover{border-color:transparent;background:transparent;color:#0b2239}
.db-help{margin:0;padding-top:16px;border-top:1px solid #eef3f8;font:440 var(--text-sm)/1.5 var(--font);color:#4d5f75}
.db-danger{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #f3cdd4;border-radius:8px;background:#fdf8f9}
.db-danger-h{font:600 var(--text-sm)/1 var(--font);color:#a3263b}
.db-danger-p{font:440 var(--text-sm)/1.5 var(--font);color:#4d5f75}

/* Webhooks */
.db-hooks{gap:16px}
.db-hooks[hidden]{display:none}
.db-hk-top{display:flex;flex-direction:column;gap:8px}
.db-hk-p{margin:0;font:440 var(--text-sm)/1.5 var(--font);color:#4d5f75}
.db-hk-p[hidden],.db-hk-secret[hidden],.db-hk-add[hidden]{display:none}
.db-hk-list{display:flex;flex-direction:column}
.db-hk-list:empty{display:none}
.db-hk{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid #eef3f8}
.db-hk:first-child{padding-top:0}
.db-hk .db-keyrow{flex-wrap:wrap}
/* The whole URL shows, wrapping if it must: endpoints often differ only at the end. */
.db-hk .db-keyval{flex:1 1 240px;height:auto;min-height:44px;padding:11px 14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.db-hk [aria-disabled="true"]{opacity:.6;cursor:default}
.db-hk-acts{display:flex;align-items:center;gap:8px}
.db-hk-ask{font:500 var(--text-sm)/1.4 var(--font);color:#0b2239}
.db-hk-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding-left:2px;font:440 var(--text-sm)/1.4 var(--font);color:#647489}
.db-hk-state{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;font:500 var(--text-xs)/1 var(--font)}
.db-hk-state.is-active{background:#f3faf6;color:#1a7f4b}
.db-hk-state.is-paused{background:#eef3f8;color:#4d5f75}
.db-hk-state.is-disabled{background:#fdf5f6;color:#a3263b}
.db-hk-tog{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0;border:0;background:none;font:500 var(--text-sm)/1 var(--font);color:#0872b0;cursor:pointer}
.db-hk-tog:hover{color:#065f93}
.db-hk-tog::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.db-hk-tog[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
.db-hk-reason,.db-hk-note{padding-left:2px;font:500 var(--text-sm)/1.4 var(--font);color:#1a7f4b}
.db-hk-reason,.db-hk-note.is-bad{color:#a3263b}
.db-hk-secret{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border:1px solid #b7d9f0;border-radius:8px;background:#f5f9fd}
.db-hk-secret > .db-keyrow{align-self:stretch}
.db-hk-secret .db-flabel{overflow-wrap:anywhere}
.db-hk-secretval{height:auto;min-height:44px;padding:10px 14px;background:#fff;white-space:normal;overflow-wrap:anywhere;user-select:all}
.db-hk-warn{font:500 var(--text-sm)/1.4 var(--font);color:#0b2239}
.db-hk-add{display:flex;flex-direction:column;gap:8px}
.db-hk-add .db-input{flex:1;min-width:0}
.db-hk-add .db-input[aria-invalid="true"]{border-color:#e3a3b0}
.db-dv-box{container-type:inline-size;padding:12px 16px;border:1px solid #e3ecf4;border-radius:6px;background:#fafcfe}
.db-dv{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(0,1fr) 64px minmax(0,1.3fr) 56px 96px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #eef3f8;font:440 var(--text-sm)/1.4 var(--font);color:#0b2239}
.db-dv:last-child{border-bottom:0}
.db-dv-head{padding-top:0;border-bottom-color:#e3ecf4;font-weight:500;color:#647489}
.db-dv code{font:400 var(--text-sm)/1.4 var(--mono);overflow-wrap:anywhere}
.db-dv > :last-child{text-align:right}
.db-dv-next{display:block;color:#647489}
/* A narrow table (phones, narrow tablets): two columns, the header kept for screen readers, Attempt and HTTP labelled inline */
@container (max-width:600px){
  .db-dv{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0}
  .db-dv-head{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .db-dv > :nth-child(even){text-align:right}
  .db-dv [data-l]::before{content:attr(data-l) " ";color:#647489}
  .db-dv > :last-child:empty{display:none}
}

/* Welcome dialog */
.wm{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;background:rgba(11,34,57,.45);overflow:auto}
.wm[hidden]{display:none}
/* min-width:0 and the minmax(0,1fr) track: the long code lines scroll inside their block instead of widening the dialog past a phone screen. */
.wm-dialog{position:relative;width:100%;min-width:0;max-width:560px;border-radius:10px;background:#fff;box-shadow:0 24px 64px -16px rgba(11,34,57,.35);outline:none}
.wm-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:6px;background:transparent;font:440 var(--text-lg)/1 var(--font);color:#647489;cursor:pointer}
.wm-x:hover{background:#f5f9fd;color:#0b2239}
.wm-body{display:flex;flex-direction:column;gap:20px;padding:clamp(24px,5vw,40px)}
.wm-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:14px;background:#f3faf6;font:500 var(--text-sm)/1 var(--font);color:#1a7f4b}
.wm-dot{width:7px;height:7px;border-radius:50%;background:#1a7f4b}
.wm-intro{display:flex;flex-direction:column;gap:8px}
.wm-h{margin:0;font:500 var(--text-xl)/1.2 var(--font);letter-spacing:-.015em;color:#0b2239}
.wm-p{margin:0;font:440 var(--text-base)/1.55 var(--font);color:#4d5f75}
.wm-qs{display:flex;flex-direction:column;border:1px solid #e3ecf4;border-radius:8px;overflow:hidden}
.wm-qs-h{padding:12px 16px;border-bottom:1px solid #e3ecf4;background:#f5f9fd;font:500 var(--text-sm)/1 var(--font);color:#0b2239}
.wm-steps{display:flex;flex-direction:column;gap:18px;padding:16px}
.wm-step{display:flex;flex-direction:column;gap:8px}
.wm-step-l{font:500 var(--text-sm)/1.3 var(--font);color:#0b2239}
.wm-code{position:relative}
.wm-code pre{margin:0;padding:12px 64px 12px 14px;border-radius:6px;background:#0b2239;overflow-x:auto;font:400 var(--text-sm)/1.6 var(--mono);color:#e3ecf4;white-space:pre}
.wm-copy{position:absolute;top:8px;right:8px;height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:transparent;font:500 var(--text-xs)/1 var(--font);color:#b7d9f0;cursor:pointer}
.wm-copy:hover{border-color:rgba(255,255,255,.4)}
.wm-copy.is-copied{color:#7fd6a5}
.wm-note{font:440 var(--text-sm)/1.4 var(--font);color:#647489}
.wm-ctas{display:flex;flex-direction:column;gap:10px}
.wm-cta{display:flex;align-items:center;justify-content:center;height:44px;border-radius:6px;background:var(--grad);color:#fff;font:550 var(--text-base)/1 var(--font)}
.wm-cta:hover{background:var(--grad-hover);color:#fff}
.wm-close{height:40px;border:0;background:transparent;font:500 var(--text-sm)/1 var(--font);color:#4d5f75;cursor:pointer}
.wm-close:hover{color:#0b2239}

/* Licence dialog: the current plan's licence as a document, the welcome dialog's frame at reading width */
.lic{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;background:rgba(11,34,57,.45);overflow:auto}
.lic[hidden]{display:none}
.lic-dialog{position:relative;width:100%;min-width:0;max-width:720px;padding:clamp(24px,5vw,44px);border-radius:10px;background:#fff;box-shadow:0 24px 64px -16px rgba(11,34,57,.35);outline:none}
.lic-doc{color:#33475e}
.lic-h{margin:0 40px 22px 0;font:500 var(--text-lg)/1.2 var(--font);letter-spacing:-.015em;color:#0b2239;text-wrap:balance}
.lic-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;padding:18px 0;border-block:1px solid #e3ecf4}
.lic-meta > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.lic-meta dt{font:440 var(--text-sm)/1.3 var(--font);color:#647489}
.lic-meta dd{margin:0;font:500 var(--text-base)/1.4 var(--font);color:#0b2239;overflow-wrap:anywhere}
.lic-h3{margin:28px 0 8px;font:500 var(--text-base)/1.3 var(--font);color:#0b2239}
.lic-doc p{margin:0;font:440 var(--text-base)/1.65 var(--font);color:#33475e;text-wrap:pretty}
.lic-doc a{color:#0872b0;text-decoration:underline;text-decoration-color:#b7d9f0;text-underline-offset:3px}
.lic-table{font:440 var(--text-sm)/20px var(--font)}
.lic-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,34%);gap:16px;padding:10px 0;border-bottom:1px solid #eef3f8}
.lic-head{padding-top:4px;border-bottom-color:#e3ecf4;font-weight:500;color:#647489}
.lic-row > [role="cell"]{display:flex;flex-direction:column;gap:2px}
.lic-yes{font-weight:500;color:#0b2239}
.lic-no{color:#647489}
.lic-note{font:440 var(--text-sm)/18px var(--font);color:#647489}
.lic-ref{display:block;margin-top:2px;font:440 var(--text-xs)/16px var(--font);color:#8292a6}
.lic-doc .lic-ref a{color:inherit;text-decoration-color:#d5dee8}
/* Under the table: the plan's At a glance points, and the two ways to the full licence */
.lic-doc .lic-cap{margin-top:10px;font:440 var(--text-sm)/18px var(--font);color:#647489}
.lic-keys{margin:0;padding-left:18px;font:440 var(--text-sm)/20px var(--font);color:#33475e}
.lic-keys li{margin:0 0 6px;text-wrap:pretty}
.lic-keys .lic-ref{display:inline}
.lic-full{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.lic-doc .lic-full a{text-decoration:none}
.lic-doc .lic-full .db-grad{color:#fff}
.lic-doc .lic-full .db-btn{color:#0b2239}
.lic-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid #e3ecf4}

/* Acceptance dialog: asks for the current Terms and Data Licence Agreement; a new key waits for them.
   The welcome dialog's frame and close button; the tick box is Sign Up's. */
.la{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;background:rgba(11,34,57,.45);overflow:auto}
.la[hidden]{display:none}
.la-dialog{position:relative;display:flex;flex-direction:column;gap:20px;width:100%;min-width:0;max-width:520px;padding:clamp(24px,5vw,40px);border-radius:10px;background:#fff;box-shadow:0 24px 64px -16px rgba(11,34,57,.35);outline:none}
.la-h{margin:0 40px 0 0;font:500 var(--text-lg)/1.25 var(--font);letter-spacing:-.015em;color:#0b2239;text-wrap:balance}
.la-p{margin:0;font:440 var(--text-base)/1.6 var(--font);color:#4d5f75;text-wrap:pretty}
.la-check{display:flex;align-items:flex-start;gap:10px}
.la-check input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#0872b0;cursor:pointer}
.la-check input[aria-invalid="true"]{outline:2px solid #a3263b;outline-offset:2px}
.la-check-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.la-check label{font:440 var(--text-sm)/1.45 var(--font);color:#4d5f75;cursor:pointer}
.la-check a{font-weight:500}
.la-err{font:500 var(--text-sm)/1.4 var(--font);color:#a3263b}
.la-err:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.la-actions{display:flex;gap:8px;flex-wrap:wrap}
.la-actions > *{flex:1 1 auto}
.la [aria-disabled="true"]{opacity:.6;cursor:default}
.la a:focus-visible,.la button:focus-visible,.la input:focus-visible{outline:2px solid #0872b0;outline-offset:2px}
@media (max-width:640px){
  .la{padding:12px}
  .la-dialog{padding:24px 20px}
  .la-h{font-size:var(--text-lg)}
}

/* Keyboard focus */
.db-sec a:focus-visible,.db-sec button:focus-visible,.wm a:focus-visible,.wm button:focus-visible,.lic a:focus-visible,.lic button:focus-visible{outline:2px solid #0872b0;outline-offset:2px}
.wm-copy:focus-visible{outline-color:#b7d9f0}

@media (max-width:640px){
  .db-sec{padding-block:24px 56px}
  .db-h1{font-size:var(--text-lg)}
  .db-card{padding:18px}
  .db-keyrow{flex-wrap:wrap}
  .db-keyrow > .db-keyval{flex:1 1 100%}
  .db-meters{grid-auto-flow:row;gap:20px}
  .db-ep{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 56px;gap:10px}
  .db-hk-acts{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr}
  .db-hk-ask{grid-column:1 / -1}
  .wm-h{font-size:var(--text-lg)}
  /* 16px or iOS zooms the page on focus */
  .db-input{font-size:var(--text-base)}
  .lic{padding:12px}
  .lic-dialog{padding:24px 20px}
  .lic-h{font-size:var(--text-lg)}
  .lic-meta{grid-template-columns:minmax(0,1fr)}
  .lic-row{grid-template-columns:minmax(0,1fr) minmax(104px,38%);gap:12px}
  .lic-actions > *,.lic-full > *{flex:1 1 auto}
}

/* Printing with the licence open prints the licence alone, as a plain document. */
@media print{
  @page{margin:18mm}
  html.lic-open{overflow:visible !important}
  html.lic-open body > :not(#lic){display:none !important}
  html.lic-open .lic{position:static;display:block;padding:0;background:none;overflow:visible}
  html.lic-open .lic-dialog{max-width:none;padding:0;border-radius:0;box-shadow:none}
  html.lic-open .lic-x,html.lic-open .lic-actions,html.lic-open .lic-full{display:none}
  html.lic-open .lic-row{break-inside:avoid}
  html.lic-open .lic-h3{break-after:avoid}
  html.lic-open .lic-doc a{color:#0b2239;text-decoration:none}
  html.lic-open .lic-doc .lic-ref a{color:inherit}
}