.mcp-guide { padding: 0; overflow: hidden; border-color: rgba(130, 166, 242, .3); }
.mcp-guide > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; cursor: pointer; }
.mcp-guide > summary:focus-visible { outline: 2px solid var(--accent, #8dafff); outline-offset: -4px; }
.mcp-guide > summary strong { display: block; font-size: 17px; }
.mcp-guide > summary small { display: block; margin-top: 5px; opacity: .65; font-size: 12px; }
.mcp-guide-toggle { flex: none; font-size: 12px; opacity: .7; }
.mcp-guide-toggle::after { content: ' ＋'; }
.mcp-guide[open] .mcp-guide-toggle::after { content: ' −'; }
.mcp-guide-body { padding: 0 24px 20px; }
.mcp-guide-body > p { line-height: 1.7; }
.mcp-guide-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: mcp-step; padding: 0; margin: 22px 0; list-style: none; gap: 22px; }
.mcp-guide-steps li { counter-increment: mcp-step; min-width: 0; }
.mcp-guide-steps li::before { content: '0' counter(mcp-step); display: block; font-size: 12px; letter-spacing: .12em; color: #526da8; margin-bottom: 10px; }
.mcp-guide-steps h3 { font-size: 15px; margin: 0 0 10px; }
.mcp-guide-steps p { font-size: 13px; line-height: 1.8; opacity: .85; min-height: 94px; margin: 0 0 14px; }
.mcp-guide-steps small { display: block; margin-top: 12px; font-size: 12px; line-height: 1.7; opacity: .65; }
.mcp-guide-footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; border-top: 1px solid rgba(160, 180, 210, .15); padding-top: 16px; }
.mcp-guide-footer > span { flex: 1 1 260px; }
@media (max-width: 1000px) { .mcp-guide-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mcp-guide-steps p { min-height: 0; } }
@media (max-width: 560px) { .mcp-guide > summary { padding: 18px 16px; align-items: flex-start; } .mcp-guide-body { padding: 0 16px 18px; } .mcp-guide-steps { grid-template-columns: minmax(0, 1fr); gap: 26px; } .mcp-guide > summary strong { font-size: 15px; } .mcp-guide-toggle { display: none; } }