/* Connect Agents modal — accordion styling for the per-client setup sections.
   The shared `.content summary` rules in base.css only apply inside the docs
   content area, not inside the modal, so style the modal's <details> here. */

.mcp-modal details {
    border: 1px solid rgba(128, 128, 128, 0.3);
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 10px 16px;
}

.mcp-modal summary {
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
}

/* The summary text is rendered as a Markdown block (<p>/<div>); keep it inline
   so the disclosure triangle sits beside the label instead of above it. */
.mcp-modal summary p,
.mcp-modal summary div {
    display: inline;
    background: transparent;
    text-decoration: none;
    padding: 0;
}

.mcp-modal details[open] > summary {
    margin-bottom: 8px;
}