body{background:#fff}
.wrap{max-width:760px;margin:0 auto;padding:24px 20px 70px;line-height:1.6}
.top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.top .logo{font-weight:bold;color:var(--m2);text-decoration:none}
.top .logo b{color:var(--m4)}
h1{font-size:24px;margin:6px 0}
h2{font-size:17px;color:var(--m2);margin:26px 0 6px}
h3{font-size:14px;color:var(--m2);margin:16px 0 4px}
.lead{font-size:16px}
.muted{color:var(--muted-ink)}
a{color:var(--m12)}
ul{margin:6px 0;padding-left:20px}
li{margin:3px 0}
code{background:#f0f0f0;padding:0 4px;font-family:var(--mono)}
pre{background:#f6f6f6;border:1px solid var(--line);padding:12px;overflow-x:auto;
  font-family:var(--mono);font-size:13px;line-height:1.45}
table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}
th,td{border:1px solid var(--line);padding:5px 8px;text-align:left;vertical-align:top}
th{background:#f0f0f0;color:var(--m2)}
.tag{display:inline-block;border:1px solid var(--line);padding:0 6px;font-size:12px;color:var(--muted-ink)}
.note{border-left:2px solid var(--m3);padding:6px 10px;background:#f4faf4;margin:10px 0}

/* Integrations grid — one card per connector, generated from the manifests. */
.conn-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); margin: 18px 0 28px; }
.conn-card { border: 1px solid var(--line, #d8d4cc); border-radius: 6px; padding: 12px 14px; background: var(--panel, #fbfaf7); }
.conn-card h3 { margin: 0 0 6px; font-size: 15px; }
.conn-card p { margin: 0 0 6px; font-size: 13px; line-height: 1.45; }
.conn-ok { font-size: 11px; font-weight: normal; color: #2f7d32; border: 1px solid #2f7d32; border-radius: 3px; padding: 0 4px; vertical-align: middle; }
.conn-meta { color: var(--dim, #6b665e); font-size: 12px; }
.conn-meta code { font-size: 11px; }

/* A <pre> that scrolls sideways is unreachable without a mouse unless it can take focus.
   tabindex is set in the markup; this is the ring that shows it has it. */
pre:focus-visible{outline:2px solid var(--sel);outline-offset:2px}