/* /docs, /docs/api and /docs/mcp (#550). Layout from th/agentx-feedback
   assets/v3/docs.css @ 370a8d0, mapped onto Web-Shell tokens so every theme
   follows: --ink-muted→--txt-dim, --card→--panel, --wash→--panel-2,
   --rule/--hairline→--border-soft, --link→--accent. Headings are Fraunces via
   var(--serif). The copy blocks are the shared .pcard.install-cmd. */

.d-hero .hl{max-width:17ch}
.d-hero .lede a,.d-hint a,.d-checks a{color:var(--accent)}
.d-h3{margin:0;font-family:var(--serif);font-variation-settings:'SOFT' 50;font-size:24px;font-weight:600;letter-spacing:-0.015em;line-height:1.15}
.psection > .lede + *,.psection > .hl + .d-checks,.psection > .hl + .d-grid{margin-top:28px}
.psection > * + .d-hint,.psection > * + .d-note,.psection > .d-table-wrap + .d-checks{margin-top:24px}

/* prompt panel in the hero */
.d-panel{display:flex;flex-direction:column;gap:14px;margin-top:32px;padding:24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border)}
.d-panel p{margin:0;color:var(--txt-dim);line-height:1.6;max-width:70ch}
.d-panel .install-cmd{margin-top:0}
.d-panel-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.d-badge{padding:3px 10px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600}
.d-panel-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.d-panel-links a{color:var(--accent);font-weight:500}

/* cards */
.d-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.d-card{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border)}
.d-card p{margin:0;color:var(--txt-dim);line-height:1.6;font-size:15px}
.d-card .install-cmd{margin-top:0}
.d-card-link{color:inherit;text-decoration:none}
.d-card-link:hover{border-color:var(--border-strong)}
.d-card-link .d-more{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-soft);color:var(--accent);font-weight:600}

/* label / value pairs */
.d-kv{margin:0;display:flex;flex-direction:column;gap:14px}
.d-kv div{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--border-soft)}
.d-kv div:first-child{padding-top:0;border-top:0}
.d-kv dt{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim)}
.d-kv dd{margin:0;line-height:1.6}

/* tick list and numbered steps */
.d-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px;max-width:68ch}
.d-checks li{position:relative;padding-left:30px;line-height:1.6}
.d-checks li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.d-card .d-checks{font-size:15px}
.d-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;counter-reset:dstep;max-width:72ch}
.d-steps li{position:relative;padding-left:46px;font-size:16px;line-height:1.6;counter-increment:dstep}
.d-steps li::before{content:counter(dstep);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--txt);color:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:15px}
.d-steps + .d-grid{margin-top:28px}

/* inline code, commands, hints, notes */
.psection code{font-family:var(--mono);font-size:.88em;padding:1px 6px;border-radius:6px;background:var(--panel-2)}
.install-cmd code{padding:0;background:none}
.install-cmd pre{white-space:pre-wrap;word-break:break-word}
.d-cmd{display:flex;flex-direction:column;gap:8px;min-width:0}
.d-cmd .install-cmd{margin-top:0}
.d-cmd-label{font-size:14px;font-weight:600}
.d-hint{margin:0;font-size:14px;line-height:1.6;color:var(--txt-dim)}
.d-note{margin:0;padding:14px 16px;border-radius:12px;background:var(--needs-soft);color:var(--txt);font-size:15px;line-height:1.6;max-width:80ch}

/* tables */
.d-table-wrap{overflow-x:auto;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border)}
.d-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.d-table th,.d-table td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--border-soft);line-height:1.55}
.d-table thead th{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim)}
.d-table tbody tr:last-child th,.d-table tbody tr:last-child td{border-bottom:0}
.d-table tbody th{font-weight:400}
.d-method{display:inline-block;min-width:44px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ok)}
.d-method-post{color:var(--accent)}
.d-path{font-family:var(--mono);font-size:13.5px;word-break:break-all}
.d-scope{font-family:var(--mono);font-size:12.5px;color:var(--txt-dim)}

@media (max-width:760px){
  .d-grid{grid-template-columns:minmax(0,1fr)}
}