/* Payout coverage and MCP integrations share Monet's existing editorial palette. */
.payout-rails { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.payout-rail { padding:28px; border:1px solid #d7c9f83d; border-radius:24px; background:var(--glass-fill); }
.payout-rail > span,.mcp-account-examples li > span { display:block; margin-bottom:22px; color:#d3b9ec; font-size:10px; letter-spacing:.1em; }
.payout-rail h3 { font-size:23px; }
.payout-rail p { color:#d0c6d9; font-size:14px; line-height:1.7; margin-bottom:0; }
.payout-timing { margin:22px 0 32px; }
.payout-directory { border:1px solid #d7c9f84d; border-radius:24px; background:#15121b; }
.payout-directory > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 28px; list-style:none; cursor:pointer; font-size:20px; }
.payout-directory > summary::-webkit-details-marker { display:none; }
.directory-chevron { font-size:26px; color:#d3b9ec; }
.payout-directory[open] .directory-chevron { transform:rotate(180deg); }
.payout-directory-body { padding:0 28px 24px; }
.payout-filters { display:flex; align-items:end; flex-wrap:wrap; gap:16px; padding:8px 0 20px; }
.payout-filters[hidden],.payout-market[hidden],.payout-empty[hidden],.payout-reset[hidden] { display:none; }
.payout-filters label { display:grid; gap:9px; color:#d0c6d9; font-size:12px; }
.payout-search { flex:1 1 240px; }
.payout-region { flex:0 1 190px; }
.payout-filters input,.payout-filters select { box-sizing:border-box; min-height:48px; width:100%; min-width:0; padding:12px 14px; font:inherit; font-size:16px; border:1px solid #81738e; border-radius:12px; background:#201b28; color:#f6f3fa; }
.payout-filters input::placeholder { color:#bcb0c8; }
.payout-reset { min-height:48px; border:1px solid #81738e; border-radius:12px; padding:10px 16px; color:#e7d4fc; background:transparent; }
.payout-directory-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; color:#bfb3cc; font-size:11px; margin:4px 0 16px; }
.payout-directory-meta p { margin:0; color:#f6f3fa; font-size:13px; }
.payout-directory-scroll { max-height:480px; overflow-y:auto; scrollbar-color:#746284 #211b29; scrollbar-width:thin; padding-right:12px; }
.payout-market-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px; }
.payout-market { display:flex; align-items:center; gap:12px; min-width:0; padding:18px 0; border-top:1px solid #ffffff1c; }
.payout-flag { flex:none; font-size:25px; line-height:1; }
.payout-market strong { display:block; font-weight:500; font-size:14px; color:#f6f3fa; }
.payout-market div > span { display:block; margin-top:6px; font-size:11px; line-height:1.5; color:#bfb3cc; }
.payout-directory-note,.payout-empty { color:#bfb3cc; font-size:12px; line-height:1.7; }
.payout-directory-note { margin:22px 0 0; }
:is(.payout-filters input,.payout-filters select,.payout-directory-scroll,.payout-reset):focus-visible { outline:2px solid #e6c8ff; outline-offset:4px; }
.mcp-client-logos { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0 28px; }
.mcp-client-logos > span { display:inline-flex; align-items:center; gap:12px; padding:12px 18px; border:1px solid #d7c9f84d; border-radius:16px; background:#211b29; font:500 16px 'DM Sans',Arial,sans-serif; color:#f6f3fa; }
.mcp-client-logos img { display:block; width:32px; height:32px; object-fit:contain; flex:none; filter:none; }
.mcp-account-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:64px; }
.mcp-account-grid .lead { max-width:540px; }
.mcp-account-grid .fine { margin-bottom:24px; }
.mcp-account-examples { border:1px solid #d7c9f84d; border-radius:26px; background:radial-gradient(ellipse at 0 0,#f6a5c51c,transparent 60%),linear-gradient(135deg,#252033,#191820); box-shadow:var(--glass-rim); padding:32px; }
.mcp-account-examples ol { list-style:none; margin:0; padding:0; }
.mcp-account-examples li { padding:24px 0; border-top:1px solid #ffffff24; }
.mcp-account-examples li > span { margin-bottom:12px; }
.mcp-account-examples li p { font-size:20px; line-height:1.5; color:#f6f3fa; margin:0; }
.mcp-account-examples .fine { color:#bfb3cc; margin-bottom:0; }
.mcp-fee-note { color:#bfb3cc; font-size:13px; line-height:1.7; max-width:600px; margin:0 0 24px; }
@media(max-width:1100px) {
  .payout-rails,.payout-market-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mcp-account-grid { gap:32px; }
}
@media(max-width:700px) {
  .payout-rails,.mcp-account-grid { grid-template-columns:1fr; }
  .payout-rail { padding:24px; }
  .payout-directory > summary { padding:22px 20px; font-size:18px; }
  .payout-directory-body { padding:0 20px 22px; }
  .payout-market-list { grid-template-columns:1fr; }
  .payout-directory-scroll { max-height:420px; }
  .payout-filters label { flex-basis:100%; }
  .payout-region { flex-grow:1; }
  .mcp-client-logos { gap:10px; }
  .mcp-client-logos > span { gap:9px; padding:12px; font-size:15px; }
  .mcp-account-examples { padding:24px; }
}
@media(forced-colors:active) {
  .payout-rail,.payout-directory,.mcp-account-examples,.mcp-client-logos > span { background:Canvas; color:CanvasText; border:1px solid CanvasText; box-shadow:none; }
  .payout-directory :is(input,select,button) { background:Canvas; color:CanvasText; }
}