.gl-integrations{display:grid;grid-template-columns:300px 1fr;grid-gap:16px;gap:16px;padding:16px 24px 24px;align-items:start}.gl-integrations .context-card{background:var(--slab-black);border:3px solid var(--slab-black);border-radius:8px;box-shadow:6px 6px 0 var(--slab-lime-deep);overflow:hidden}.gl-integrations .context-head{padding:10px 14px;border-bottom:3px solid hsla(0,0%,100%,.12);display:flex;align-items:center;justify-content:space-between;gap:8px}.gl-integrations .context-label{font-size:10px;letter-spacing:.1em;color:var(--slab-lime)}.gl-integrations .context-label,.gl-integrations .context-tag{font-family:var(--font-mono);font-weight:700;text-transform:uppercase}.gl-integrations .context-tag{font-size:9px;letter-spacing:.06em;padding:2px 7px;border:1px solid rgba(200,249,78,.4);border-radius:999px;color:rgba(200,249,78,.6)}.gl-integrations .context-body{padding:14px}.gl-integrations .ctx-line{display:flex;gap:8px;margin-bottom:6px;font-family:var(--font-mono);font-size:11px;line-height:1.5}.gl-integrations .ctx-line:last-child{margin-bottom:0}.gl-integrations .ctx-key{color:var(--slab-lime);font-weight:700;flex-shrink:0}.gl-integrations .ctx-val{color:hsla(42,62%,96%,.65)}.gl-integrations .compat{margin-top:12px;background:var(--slab-white);border:3px solid var(--slab-black);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.gl-integrations .compat-head{padding:8px 14px;border-bottom:2px solid var(--slab-black);background:var(--slab-paper-2);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.gl-integrations .compat-body{padding:10px 14px;display:flex;flex-direction:column;gap:7px}.gl-integrations .compat-row{display:flex;align-items:center;gap:10px}.gl-integrations .compat-name{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:-.01em;flex:1 1;color:var(--text-strong)}.gl-integrations .compat-status{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.gl-integrations .status-full{background:var(--slab-lime);color:var(--slab-black);border:2px solid var(--slab-black)}.gl-integrations .status-partial{background:var(--slab-yellow);color:var(--slab-black);border:2px solid var(--slab-black)}.gl-integrations .tools-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.gl-integrations .tool-card{background:var(--slab-white);border:3px solid var(--slab-black);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.gl-integrations .tool-card.span2{grid-column:1/-1}.gl-integrations .tool-head{padding:10px 14px;border-bottom:3px solid var(--slab-black);display:flex;align-items:center;justify-content:space-between;gap:8px}.gl-integrations .tool-name{font-family:var(--font-display);font-weight:900;font-size:16px;letter-spacing:-.02em}.gl-integrations .tool-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:2px solid;border-radius:999px;opacity:.75;white-space:nowrap}.gl-integrations .tool-body{padding:12px 14px}.gl-integrations .tool-steps{list-style:none;padding:0;margin:0 0 10px;counter-reset:step}.gl-integrations .tool-steps li{counter-increment:step;padding:4px 0 4px 28px;position:relative;font-size:12px;line-height:1.5;color:var(--text-strong)}.gl-integrations .tool-steps li:before{content:counter(step);position:absolute;left:0;top:6px;width:18px;height:18px;background:var(--slab-black);color:var(--slab-paper);font-family:var(--font-mono);font-weight:700;font-size:9px;border-radius:3px;text-align:center;line-height:18px}.gl-integrations .tool-steps li code{font-family:var(--font-mono);font-size:11px;font-weight:700;background:var(--slab-paper-2);border:1px solid var(--slab-line-soft);padding:1px 4px;border-radius:2px;color:var(--slab-violet-deep)}.gl-integrations .tool-snippet{font-family:var(--font-mono);font-size:11px;line-height:1.6;background:var(--slab-black);color:var(--slab-lime);padding:10px 12px;border-radius:4px;border:2px solid var(--slab-black);white-space:pre;overflow-x:auto;margin-top:8px}.gl-integrations .tool-snippet .cm{color:var(--slab-smoke)}.gl-integrations .tool-snippet .cv{color:#6ca0ff}.gl-integrations .tool-snippet .cs{color:var(--slab-lime)}.gl-integrations .rules-row{grid-column:1/-1;display:flex;gap:0;background:var(--slab-white);border:3px solid var(--slab-black);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.gl-integrations .rule-cell{flex:1 1;padding:12px 14px;border-right:2px solid var(--slab-line-soft);display:flex;gap:8px;align-items:flex-start}.gl-integrations .rule-cell:last-child{border-right:none}.gl-integrations .rule-icon{font-family:var(--font-display);font-weight:900;font-size:16px;flex-shrink:0;margin-top:1px}.gl-integrations .rule-text{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-strong)}.gl-integrations .rule-text strong{font-weight:700;display:block;margin-bottom:2px}.gl-integrations .hero-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;grid-column:1/-1}.gl-integrations .chip{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border:2px solid var(--slab-black);border-radius:999px;display:inline-flex;align-items:center;gap:5px}.gl-integrations .chip-dot{width:6px;height:6px;border-radius:1px;flex-shrink:0}@media (max-width:960px){.gl-integrations,.gl-integrations .tools-grid{grid-template-columns:1fr}.gl-integrations .tool-card.span2{grid-column:1}}