/* MicroPay developer docs - shared stylesheet (_mpSite/api/) */
@import url('fonts/fonts.css');  /* self-hosted fonts (Rubik/Heebo/Assistant/Arimo) - served locally, not from the network */
:root{--blue:#1976D2;--blue3:#0d47a1;--bluebg:#e3f2fd;--green:#43A047;--greenbg:#e8f5e9;--green3:#1b5e20;
      --red:#e53935;--orange:#FB8C00;--orangebg:#fff8e1;--ink:#222;--soft:#546170;--muted:#90a4ae;--border:#e0e3e7;--alt:#fafbfc;--code:#0f1b2d;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Assistant','Heebo','Segoe UI',Arial,sans-serif;direction:rtl;color:var(--ink);font-size:15px;line-height:1.85;background:#fff;}
a{color:var(--blue);text-decoration:none;} a:hover{text-decoration:underline;}
code{font-family:'SFMono-Regular',Consolas,'Courier New',monospace;background:#eef2f7;color:#0d47a1;padding:1px 5px;border-radius:4px;font-size:.9em;direction:ltr;unicode-bidi:isolate;}
.num,.ltr{direction:ltr;unicode-bidi:isolate;}
header.top{background:linear-gradient(135deg,#0d47a1,#1976D2);color:#fff;padding:12px 22px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:50;}
header.top .brand{font-weight:600;font-size:17px;color:#fff;text-decoration:none;} header.top a.brand:hover{opacity:.85;text-decoration:none;} header.top .bc{opacity:.85;font-size:13px;}
.wrap{display:flex;max-width:1280px;margin:0 auto;}
nav.side{flex:0 0 256px;border-left:1px solid var(--border);padding:18px 14px;position:sticky;top:55px;height:calc(100vh - 55px);overflow:auto;background:var(--alt);}
nav.side h4{font-family:'Assistant','Heebo',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.4px;color:var(--ink);margin:22px 6px 7px;text-transform:uppercase;}
nav.side a{display:block;padding:6px 10px;border-radius:6px;color:var(--soft);font-size:14.5px;} nav.side a:hover{background:var(--bluebg);text-decoration:none;} nav.side a.active{background:var(--blue);color:#fff;}
/* docs search */
.docsearch{position:relative;margin:0 6px 14px;}
.docsearch__input{width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-family:inherit;font-size:13.5px;color:var(--ink);}
.docsearch__input::placeholder{color:var(--muted);}
.docsearch__input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--bluebg);}
.docsearch__results{position:absolute;z-index:40;top:calc(100% + 4px);inset-inline-start:0;width:100%;max-height:62vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.14);padding:4px;}
.docsearch__item{display:block;padding:8px 10px;border-radius:6px;color:var(--ink);font-size:13.5px;}
.docsearch__item:hover,.docsearch__item.is-active{background:var(--bluebg);text-decoration:none;}
.docsearch__empty{padding:10px;color:var(--muted);font-size:13px;}
main{flex:1;padding:26px 34px;min-width:0;max-width:880px;}
/* mobile hamburger (CSS-only toggle): the checkbox is visually hidden but keyboard-reachable; the label draws 3 bars */
.navtoggle{position:absolute;opacity:0;width:1px;height:1px;}
.hamburger{display:none;position:relative;width:26px;height:20px;cursor:pointer;flex:0 0 auto;order:9;margin-inline-start:auto;}
.hamburger::before,.hamburger::after{content:"";position:absolute;left:0;right:0;height:2.5px;background:#fff;border-radius:2px;}
.hamburger::before{top:4px;box-shadow:0 6px 0 #fff;} .hamburger::after{top:16px;}
h1,h2,h3{font-family:'Assistant','Heebo','Segoe UI',sans-serif;}
h1{font-size:27px;font-weight:700;margin:6px 0 2px;line-height:1.3;}
h2{font-size:20px;font-weight:600;color:var(--blue3);margin:34px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--bluebg);}
h3{font-size:16px;font-weight:600;margin:22px 0 6px;}
.updated{color:var(--muted);font-size:12.5px;margin-bottom:14px;}
.lead{background:var(--bluebg);border-right:5px solid var(--blue);border-radius:8px;padding:14px 16px;color:var(--blue3);font-size:16px;line-height:1.75;}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;}
.fact{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#fff;} .fact .k{font-size:11.5px;color:var(--muted);} .fact .v{font-size:14px;font-weight:600;}
table{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:13.5px;}
th,td{border:1px solid var(--border);padding:8px 11px;text-align:right;vertical-align:top;}
th{background:var(--bluebg);color:var(--blue3);font-weight:600;} tr:nth-child(even) td{background:var(--alt);}
/* uniform column proportions across all data tables: short key column(s) fixed, explanation column takes the rest.
   t2 = key + text (22% / 78%) · t3 = key + short + text (22% / 18% / 60%). Same 22% key column so boundaries align.
   Key columns are nowrap (params/values stay on one line); the last column is unspecified and auto-fills + wraps.
   Special cases can override per-table with an extra class. */
table.t2{table-layout:fixed;} table.t2 th:nth-child(1),table.t2 td:nth-child(1){width:22%;white-space:nowrap;}
table.t3{table-layout:fixed;} table.t3 th:nth-child(1),table.t3 td:nth-child(1){width:22%;white-space:nowrap;} table.t3 th:nth-child(2),table.t3 td:nth-child(2){width:18%;white-space:nowrap;}
/* even-thirds variant: three equal columns that wrap (for comparison tables, not key/value) */
table.t3.t3-even th:nth-child(1),table.t3.t3-even td:nth-child(1),table.t3.t3-even th:nth-child(2),table.t3.t3-even td:nth-child(2),table.t3.t3-even th:nth-child(3),table.t3.t3-even td:nth-child(3){width:33.33%;white-space:normal;}
/* two-column reference table: narrow first column, second column takes the rest */
table.reftable th:first-child,table.reftable td:first-child{width:160px;white-space:nowrap;font-weight:600;}
td b{font-weight:600;} .req{color:var(--red);font-weight:600;white-space:nowrap;} .opt{color:var(--muted);white-space:nowrap;}
.codewrap{margin:12px 0;} .codewrap .lbl{display:inline-block;font-size:12px;font-weight:600;color:#fff;background:var(--soft);border-radius:6px 6px 0 0;padding:4px 12px;} .codewrap .lbl.json{background:var(--blue);} .codewrap .lbl.full{background:var(--green);}
pre{direction:ltr;unicode-bidi:isolate;text-align:left;background:var(--code);color:#e6edf3;margin:0;padding:14px 16px;border-radius:8px 0 8px 8px;overflow:auto;font-family:'SFMono-Regular',Consolas,monospace;font-size:13px;line-height:1.6;}
pre .c{color:#7d8da5;unicode-bidi:plaintext;} pre .s{color:#9ece6a;} pre .k{color:#7aa2f7;}
pre a{color:#79c0ff;text-decoration:underline;} pre a:hover{color:#a6d2ff;}
.callout{border-radius:8px;padding:12px 15px;margin:14px 0;font-size:14px;} .callout.b{background:var(--bluebg);border-right:5px solid var(--blue);color:var(--blue3);} .callout.o{background:var(--orangebg);border-right:5px solid var(--orange);color:#6d4c00;} .callout.g{background:var(--greenbg);border-right:5px solid var(--green);color:var(--green3);}
.steps{margin:6px 0;list-style:none;padding-inline-start:0;} .steps .step,.steps li{margin:13px 0;line-height:1.9;} .steps .step .n,.steps li .n{display:inline-block;width:23px;height:23px;line-height:23px;text-align:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:600;font-size:12px;margin-left:8px;vertical-align:middle;}
.faq details{border:1px solid var(--border);border-radius:8px;margin:8px 0;padding:4px 14px;background:#fff;} .faq summary{font-weight:600;cursor:pointer;padding:8px 0;font-size:14.5px;} .faq p{margin:4px 0 12px;color:var(--soft);font-size:14px;}
.related{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;} .related a{border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;background:#fff;}
.cta{background:linear-gradient(135deg,#0d47a1,#1976D2);color:#fff;border-radius:10px;padding:20px 22px;margin:30px 0;text-align:center;} .cta a{display:inline-block;background:#fff;color:var(--blue3);font-weight:600;border-radius:6px;padding:9px 22px;margin-top:8px;}
/* glossary definition list */
.gloss{margin:14px 0;} .gloss dt{font-weight:700;color:var(--blue3);font-size:15px;margin-top:14px;unicode-bidi:plaintext;text-align:right;} .gloss dt code{font-weight:400;} .gloss dd{margin:3px 0 0;color:var(--soft);font-size:14px;}
/* cards grid (hub / overview) */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;} .cards a.card{border:1px solid var(--border);border-radius:9px;padding:13px 15px;background:#fff;display:block;} .cards a.card:hover{border-color:var(--blue);text-decoration:none;box-shadow:0 2px 8px rgba(25,118,210,.08);} .cards .card .t{font-weight:600;font-size:15px;color:var(--ink);} .cards .card .d{font-size:13px;color:var(--muted);margin-top:3px;}
@media(max-width:880px){
  .hamburger{display:block;}
  .wrap{flex-direction:column;}
  nav.side{display:none;position:static;height:auto;flex:0 0 auto;width:100%;border-left:none;border-bottom:1px solid var(--border);}
  #navtoggle:checked ~ .wrap nav.side{display:block;}
  main{padding:18px;}
  .facts,.cards{grid-template-columns:1fr;}
}