/* Shared style of the static public pages (pricing, x402, shippers). Copied from docs/index.html. */
  :root{
    --bg:#050608; --card:#101522; --border:#1f2633; --pill:#1f2933;
    --text:#e5e7eb; --muted:#9ca3af; --gold:#f5c550; --gold-dark:#c89628;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%}
  body{
    background:var(--bg); color:var(--text);
    font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    font-size:16px; line-height:1.6;
  }
  a{color:var(--gold); text-decoration:none}
  a:hover{text-decoration:underline}
  .wrap{max-width:780px; margin:0 auto; padding:0 20px 80px}
  header.top{
    display:flex; align-items:center; justify-content:space-between;
    padding:20px 0; border-bottom:1px solid var(--border); margin-bottom:36px;
  }
  .logo{font-weight:700; font-size:18px; letter-spacing:.02em; color:var(--text)}
  .logo b{color:var(--gold); font-weight:700}
  .top a.cab{
    font-size:14px; color:var(--bg); background:var(--gold);
    padding:8px 14px; border-radius:999px; font-weight:600;
  }
  .top a.cab:hover{background:var(--gold-dark); text-decoration:none}
  h1{font-size:30px; line-height:1.25; margin:0 0 14px}
  h2{
    font-size:13px; text-transform:uppercase; letter-spacing:.14em;
    color:var(--gold); margin:44px 0 14px;
  }
  h3{font-size:16px; margin:22px 0 8px}
  p{margin:0 0 12px; color:var(--text)}
  .muted{color:var(--muted)}
  .lead{font-size:18px; color:var(--muted); margin-bottom:8px}
  .card{
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    padding:18px 18px 14px; margin:0 0 16px;
  }
  .tablebox{overflow-x:auto}
  table{border-collapse:collapse; width:100%; font-size:15px; min-width:420px}
  th,td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--border); vertical-align:top}
  th{color:var(--muted); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.08em}
  tr:last-child td{border-bottom:none}
  td.price{white-space:nowrap; color:var(--gold); font-variant-numeric:tabular-nums}
  code,pre{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
  code{background:var(--pill); border:1px solid var(--border); border-radius:5px; padding:1px 6px; font-size:.88em; overflow-wrap:anywhere}
  pre{
    background:#0a0e16; border:1px solid var(--border); border-radius:10px;
    padding:14px 16px; overflow-x:auto; font-size:13px; line-height:1.55; margin:10px 0 14px;
  }
  pre code{background:none; border:none; padding:0; font-size:inherit}
  .method{
    display:inline-block; font-weight:700; font-size:12px; letter-spacing:.06em;
    background:var(--pill); border:1px solid var(--border); color:var(--gold);
    border-radius:5px; padding:2px 8px; margin-right:8px; vertical-align:1px;
  }
  .endpoint{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace; font-size:14px; word-break:break-all}
  ol{margin:0 0 12px 22px}
  ol li{margin-bottom:6px}
  .note{
    border-left:3px solid var(--gold); background:var(--card);
    border-radius:0 10px 10px 0; padding:12px 16px; margin:14px 0; color:var(--muted);
  }
  .note b{color:var(--text)}
  footer{
    margin-top:56px; padding-top:20px; border-top:1px solid var(--border);
    font-size:14px; color:var(--muted);
  }
  footer .links{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:8px}
  @media (max-width:480px){
    h1{font-size:24px}
    .lead{font-size:16px}
    pre{font-size:12px}
  }

/* generated pages (script/public_pages.py) */
.btn{display:inline-block;background:var(--gold);color:var(--bg);font-weight:600;padding:12px 20px;border-radius:999px}
.btn:hover{background:var(--gold-dark);text-decoration:none}
.cta-row{margin:28px 0 8px}
.price-line{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--muted)}
.price-line b{color:var(--gold)}
ul.list{margin:0 0 16px 20px}
ul.list li{margin-bottom:12px}
.crumbs{font-size:14px;margin-bottom:6px}
ul.facts{margin:0 0 12px 22px}
ul.facts li{margin-bottom:6px}