/* /agents/ and /ar/agents/: the MCP server page. Shares the library page's nav and hero (library.css). */
.ag-url { display: flex; align-items: center; gap: .6rem; background: var(--card); border: 1px solid var(--line-strong); border-radius: 14px; padding: .9rem 1.1rem; margin: 1.2rem 0 .4rem; box-shadow: 0 1px 2px rgba(28, 31, 40, .04); direction: ltr; }
.ag-url code { font-family: 'JetBrains Mono', monospace; font-size: 1.05rem; font-weight: 700; color: var(--btc-deep); word-break: break-all; }
.ag-url-k { font-size: .62rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--dim); white-space: nowrap; }
.ag-sub { color: var(--sub); font-size: .8rem; margin: 0 0 1.6rem; }
.ag h2 { font-family: var(--serif); font-size: 1.3rem; color: var(--ink); margin: 2rem 0 .7rem; }
.ag-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.ag-step { min-width: 0; background: var(--card); border: 1px solid var(--line-strong); border-radius: 14px; padding: 1rem 1.05rem; }
.ag-step h3 { font-size: .95rem; margin: 0 0 .45rem; color: var(--ink); }
.ag-step p { color: var(--sub); font-size: .84rem; line-height: 1.7; margin: 0 0 .5rem; }
.ag pre { background: #1c1f28; color: #f3efe6; border-radius: 10px; padding: .7rem .8rem; overflow-x: auto; font-family: 'JetBrains Mono', monospace; font-size: .72rem; line-height: 1.6; margin: .3rem 0 0; direction: ltr; text-align: left; white-space: pre; }
.ag-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.ag-tool { min-width: 0; background: var(--card); border: 1px solid var(--line-strong); border-radius: 14px; padding: 1rem 1.05rem; }
.ag-tool code { font-family: 'JetBrains Mono', monospace; font-size: .8rem; font-weight: 700; color: var(--ink); direction: ltr; unicode-bidi: isolate; }
.ag-tool p { color: var(--sub); font-size: .84rem; line-height: 1.7; margin: .4rem 0 .5rem; }
.ag-ask { color: var(--btc-deep); font-size: .82rem; font-style: italic; margin: 0; }
.ag-facts { color: var(--ink); font-size: .9rem; line-height: 1.9; padding-inline-start: 1.2rem; margin: 0; }
[dir="rtl"] .ag h2 { font-family: 'Amiri', 'IBM Plex Sans Arabic', serif; font-size: 1.45rem; }
[dir="rtl"] .ag-step p, [dir="rtl"] .ag-tool p, [dir="rtl"] .ag-facts, [dir="rtl"] .ag-sub, [dir="rtl"] .ag-step h3 { font-family: 'IBM Plex Sans Arabic', 'Inter', sans-serif; }
[dir="rtl"] .ag-ask { font-style: normal; font-family: 'IBM Plex Sans Arabic', 'Inter', sans-serif; }
[dir="rtl"] .ag-url-k { letter-spacing: 0; }
@media (max-width: 760px) {
    .ag-steps, .ag-tools { grid-template-columns: minmax(0, 1fr); }
    .ag-url { flex-direction: column; align-items: flex-start; gap: .3rem; }
    .ag-url code { font-size: .95rem; }
}