.developer-page main{padding:0 24px 40px;max-width:1204px}.docs-hero{padding:38px;background:white;border:1px solid var(--border);border-radius:20px}.docs-hero h1{font-size:36px;line-height:1.2;margin:15px 0;color:var(--ink)}.docs-hero p{max-width:650px;font-size:16px;color:var(--muted)}.docs-hero code{display:inline-block;margin:12px;overflow-wrap:anywhere}.docs-cta{display:inline-block;background:var(--portal-accent);color:white;border-radius:8px;padding:11px 18px;text-decoration:none}.docs-nav{display:flex;gap:20px;flex-wrap:wrap;padding:22px 4px}.docs-nav a{font-weight:600;text-decoration:none;color:var(--ink)}.developer-page .panel{margin-bottom:22px;scroll-margin-top:18px}.developer-page h2{font-size:24px;color:var(--ink)}.developer-page h3{font-size:17px;color:var(--ink)}.developer-page li{margin:10px 0}.developer-page pre{background:#182335;color:#eef4ff;border-radius:12px;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;max-height:560px;overflow:auto}.developer-page pre code{color:inherit;background:transparent}.developer-page code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);background:var(--surface);padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}.docs-table{overflow:auto}.docs-table table{min-width:600px;width:100%}.mode-grid,.test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mode-grid article{border:1px solid var(--border);border-radius:12px;padding:18px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-page select{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:white;font:inherit}.developer-page label{display:block;font-weight:600;margin:12px 0}.developer-page input{width:100%;background:white;color:var(--ink)}.developer-page .purchase-consent{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff7e5;border:1px solid #e8cf90;border-radius:8px;color:#594211}.developer-page input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:3px 0}.test-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.developer-page button{width:auto}.developer-page .text-button{display:inline;padding:0;border:0;background:transparent;color:var(--ink);text-decoration:underline}.developer-page summary{cursor:pointer;font-weight:600}.developer-page [hidden]{display:none!important}.portal-header-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.developer-page :focus-visible{outline:2px solid var(--portal-accent);outline-offset:3px}@media(max-width:720px){.mode-grid,.test-grid{grid-template-columns:1fr}.docs-hero{padding:24px}.docs-hero h1{font-size:28px}.developer-page main{padding:0 16px 24px}.docs-nav{gap:14px}.portal-header{flex-wrap:wrap}}

.developer-page .docs-nav{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:4px 0;margin:22px 0;border-bottom:1px solid var(--border)}
.developer-page .docs-nav [role=tab]{flex-shrink:0;white-space:nowrap;padding:12px 18px;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;color:var(--muted)}
.developer-page .docs-nav [role=tab][aria-selected=true]{color:var(--portal-accent);border-bottom-color:var(--portal-accent);background:white}
.developer-page .docs-nav [role=tab]:hover{background:white;color:var(--ink)}
@media(max-width:640px){.developer-page .docs-nav [role=tab]{padding:11px 14px}}

.developer-page .tester-signin-notice{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:18px 0}.developer-page .tester-signin-notice p:last-child{margin-bottom:0}

#tester-login { width:min(440px,calc(100% - 32px)); padding:24px; border:1px solid #dbe2ee; border-radius:18px; color:inherit; background:var(--bs-body-bg,#fff); max-height:90vh; overflow:auto; }
#tester-login::backdrop { background:rgba(15,23,42,.6); }
#tester-login label { display:grid; gap:8px; margin:16px 0; }
#tester-login input { width:100%; box-sizing:border-box; padding:12px; border:1px solid #a8b2c3; border-radius:8px; }
.tester-login-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:20px; }
#tester-login-message { color:#a12626; }

.products-list { overflow-x:auto; }
.products-list table { width:100%; border-collapse:collapse; }
.products-list th, .products-list td { text-align:left; padding:14px; border-bottom:1px solid #dbe2ee; overflow-wrap:anywhere; }

#product-test-dialog { width:min(900px,calc(100% - 32px)); max-height:90vh; overflow:auto; padding:24px; border:1px solid #dbe2ee; border-radius:18px; color:inherit; background:var(--bs-body-bg,#fff); }
#product-test-dialog::backdrop { background:rgba(15,23,42,.6); }
.product-test-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#product-test-dialog pre { white-space:pre-wrap; overflow-wrap:anywhere; }

#product-test-dialog[open] { display:flex; flex-direction:column; overflow:hidden; max-height:85vh; padding:20px; }
#product-test-content { overflow-y:auto; min-height:0; padding:0 4px 4px; }
#product-test-dialog .product-test-heading h2 { font-size:1.4rem; margin:0; }
#product-test-dialog .product-test-intro { margin:10px 0; font-size:.9rem; }
.product-test-switch { display:flex; gap:8px; padding-bottom:14px; }
.product-test-switch button { padding:8px 14px; }
.product-test-switch button[aria-pressed="true"] { outline:2px solid currentColor; outline-offset:-2px; }
#product-test-dialog .test-grid { gap:12px; }
#product-test-dialog label { font-size:.9rem; }
#product-test-dialog input, #product-test-dialog select { padding:9px 12px; }
#product-test-dialog .purchase-consent { padding:12px; margin:12px 0; }
#product-test-dialog .test-actions { margin-top:12px; }
#product-test-dialog pre { max-height:40vh; overflow:auto; font-size:.8rem; }
.request-example-disclosure { margin:14px 0; }
.request-example-disclosure summary { cursor:pointer; font-weight:600; }