/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4
 * Hallmark · genre: modern-minimal · macrostructure: Component Playground · tone: utilitarian · theme: Cobalt-adapted · enrichment: none · nav: existing side rail · footer: none · contrast: pass (40–41) · slop: pass (42–49) · mobile: pass (34,49–57)
 */
:root {
  --md-color-paper: var(--background);
  --md-color-paper-raised: var(--card);
  --md-color-ink: var(--foreground);
  --md-color-muted: var(--muted-foreground);
  --md-color-rule: var(--border);
  --md-color-accent: var(--primary);
  --md-color-accent-ink: var(--primary-foreground);
  --md-color-focus: var(--ring);
  --md-color-code: var(--muted);
  --md-font-display: var(--font-inter);
  --md-font-body: var(--font-inter);
  --md-font-code: var(--font-mono);
  --md-space-1: .25rem;
  --md-space-2: .5rem;
  --md-space-3: .75rem;
  --md-space-4: 1rem;
  --md-space-5: 1.25rem;
  --md-space-6: 1.5rem;
  --md-space-8: 2rem;
  --md-space-10: 2.5rem;
  --md-text-xs: .75rem;
  --md-text-sm: .875rem;
  --md-text-base: 1rem;
  --md-text-lg: 1.25rem;
  --md-text-xl: 1.5rem;
  --md-text-display: clamp(1.75rem, 4vw, 2.5rem);
  --md-radius: var(--radius, .5rem);
  --md-rule: 1px;
  --md-dur-fast: 120ms;
  --md-ease-out: cubic-bezier(.16, 1, .3, 1);
}
html:has(.mid),body:has(.mid){overflow-x:clip}
.merchant-docs-open #content{min-height:0!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.merchant-docs-open #content>main:not([data-merchant-docs-root]){display:none!important}
.merchant-docs-open #content>[data-merchant-docs-root]{display:block;min-height:max-content;padding:1.5rem 1rem;overflow:visible!important}

.mid,.mid *{box-sizing:border-box}.mid{width:100%;max-width:80rem;margin-inline:auto;color:var(--md-color-ink);font-family:var(--md-font-body);overflow-x:clip}.mid-header{display:grid;gap:var(--md-space-4);padding-block-end:var(--md-space-8);border-block-end:var(--md-rule) solid var(--md-color-rule)}.mid-header h1{min-width:0;margin:0;font-family:var(--md-font-display);font-size:var(--md-text-display);line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}.mid-header p{max-width:65ch;margin:0;color:var(--md-color-muted);line-height:1.65}.mid-actions{display:flex;flex-wrap:wrap;gap:var(--md-space-2)}
.mid-btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding-inline:var(--md-space-4);border:var(--md-rule) solid var(--md-color-rule);border-radius:var(--md-radius);background:var(--md-color-paper);color:var(--md-color-ink);font:600 var(--md-text-sm)/1 var(--md-font-body);white-space:nowrap;cursor:pointer;transition:transform var(--md-dur-fast) var(--md-ease-out),background-color var(--md-dur-fast) var(--md-ease-out)}.mid-btn.primary{border-color:var(--md-color-accent);background:var(--md-color-accent);color:var(--md-color-accent-ink)}.mid-btn:focus-visible,.mid-index a:focus-visible{outline:2px solid var(--md-color-focus);outline-offset:2px}.mid-btn:active{transform:translateY(1px)}.mid-btn:disabled,.mid-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.mid-btn[data-state=loading]{cursor:wait}.mid-btn[data-state=error]{border-color:var(--destructive);color:var(--destructive)}.mid-btn[data-state=success]{border-color:var(--md-color-accent)}
.mid-layout{display:grid;min-width:0;gap:var(--md-space-8);padding-block:var(--md-space-8)}.mid-index{align-self:start;border:var(--md-rule) solid var(--md-color-rule);border-radius:var(--md-radius);background:var(--md-color-paper-raised);padding:var(--md-space-3)}.mid-index strong{display:block;padding:var(--md-space-2);font-size:var(--md-text-xs);color:var(--md-color-muted)}.mid-index a{display:flex;min-height:2.75rem;align-items:center;padding-inline:var(--md-space-3);border-radius:calc(var(--md-radius) - .125rem);color:var(--md-color-ink);font-size:var(--md-text-sm);text-decoration:none;white-space:nowrap}.mid-content{min-width:0}.mid-section{scroll-margin-top:var(--md-space-6);padding-block:var(--md-space-8);border-block-end:var(--md-rule) solid var(--md-color-rule)}.mid-section:first-child{padding-block-start:0}.mid-section h2{margin:0 0 var(--md-space-3);font-family:var(--md-font-display);font-size:var(--md-text-xl);line-height:1.25;letter-spacing:-.02em}.mid-section h3{margin:var(--md-space-6) 0 var(--md-space-2);font-size:var(--md-text-base)}.mid-section p,.mid-section li{max-width:72ch;line-height:1.7}.mid-section p{margin:0 0 var(--md-space-4);color:var(--md-color-muted)}.mid-section ol,.mid-section ul{margin:0;padding-inline-start:var(--md-space-5)}.mid-section li+li{margin-block-start:var(--md-space-2)}.mid-inline{font-family:var(--md-font-code);font-size:.9em}.mid-callout{margin-block:var(--md-space-5);padding:var(--md-space-4);border-inline-start:.25rem solid var(--md-color-accent);background:var(--md-color-code);color:var(--md-color-ink);line-height:1.65}.mid-grid{display:grid;gap:var(--md-space-3);margin-block:var(--md-space-5)}.mid-card{min-width:0;padding:var(--md-space-4);border:var(--md-rule) solid var(--md-color-rule);border-radius:var(--md-radius);background:var(--md-color-paper-raised)}.mid-card strong{display:block;margin-block-end:var(--md-space-1)}.mid-card span{color:var(--md-color-muted);font-size:var(--md-text-sm);line-height:1.5}.mid-code{min-width:0;margin-block:var(--md-space-5);border:var(--md-rule) solid var(--md-color-rule);border-radius:var(--md-radius);overflow:hidden;background:var(--md-color-code);color:var(--md-color-ink)}.mid-code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--md-space-3);min-height:3rem;padding-inline:var(--md-space-4);border-block-end:var(--md-rule) solid var(--md-color-rule);font-size:var(--md-text-xs);color:var(--md-color-muted)}.mid-copy{min-width:4.5rem;min-height:2.75rem;border:0;background:transparent;color:var(--md-color-ink);font:600 var(--md-text-xs)/1 var(--md-font-body);white-space:nowrap;cursor:pointer}.mid-copy:focus-visible{outline:2px solid var(--md-color-focus);outline-offset:-3px}.mid-copy:disabled{cursor:not-allowed;opacity:.5}.mid-copy[data-state=success]{color:var(--md-color-accent)}.mid-copy[data-state=error]{color:var(--destructive)}.mid-code pre{max-width:100%;margin:0;padding:var(--md-space-4);overflow:auto;font:var(--md-text-xs)/1.7 var(--md-font-code);white-space:pre}.mid-table{width:100%;border-collapse:collapse;margin-block:var(--md-space-5);font-size:var(--md-text-sm)}.mid-table th,.mid-table td{padding:var(--md-space-3);border-block-end:var(--md-rule) solid var(--md-color-rule);text-align:start;vertical-align:top}.mid-table th{color:var(--md-color-muted);font-weight:600}.mid-checklist{display:grid;gap:var(--md-space-2);list-style:none!important;padding:0!important}.mid-checklist li{padding:var(--md-space-3) var(--md-space-4);border:var(--md-rule) solid var(--md-color-rule);border-radius:var(--md-radius);background:var(--md-color-paper-raised)}
@media (hover:hover) and (pointer:fine){.mid-btn:hover,.mid-index a:hover{background:var(--accent);color:var(--accent-foreground)}.mid-copy:hover{background:var(--accent);color:var(--accent-foreground)}}
@media (min-width:40rem){.mid-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.mid-header p{grid-column:1}.mid-actions{grid-column:2;grid-row:1/3;justify-content:flex-end}.mid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mid-code pre{font-size:var(--md-text-sm)}}
@media (min-width:60rem){.mid-layout{grid-template-columns:13rem minmax(0,1fr)}.mid-index{position:sticky;top:var(--md-space-4)}}
.mid-table{display:block;max-width:100%;overflow:auto}
.mid-agent{padding-block-start:0}.mid-agent-head{display:grid;gap:var(--md-space-3);margin-block-end:var(--md-space-5);padding:var(--md-space-5);border:var(--md-rule) solid var(--md-color-rule);border-radius:var(--md-radius);background:var(--md-color-paper-raised)}.mid-agent-head h2{margin:var(--md-space-1) 0 0}.mid-agent-head p{margin:0;color:var(--md-color-muted)}.mid-kicker{font:700 var(--md-text-xs)/1.2 var(--md-font-code);letter-spacing:.08em;color:var(--md-color-accent)}.mid-agent .mid-code{border-color:var(--md-color-accent)}.mid-agent .mid-code pre{max-height:22rem}.mid-copy:active{transform:translateY(1px)}
@media (min-width:40rem){.mid-agent-head{grid-template-columns:minmax(0,1fr) minmax(16rem,28rem);align-items:end}}
@media (prefers-reduced-motion:reduce){.mid-btn{transition-duration:0ms}}