/* PDF417 documentation page — shared site palette */
.doc-hero { background: radial-gradient(circle at 85% 25%, rgba(143,201,255,.32), transparent 34%), linear-gradient(110deg,#fff 0%,#f5faff 52%,#eaf5ff 100%); border-bottom:1px solid #e2eef9; }
.doc-hero-inner { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr); align-items:center; gap:45px; padding:62px 0 65px; }
.doc-breadcrumb { display:flex; align-items:center; gap:9px; flex-wrap:wrap; color:#7890ae; font-size:12px; margin-bottom:19px; }
.doc-breadcrumb a { color:#127ef1; }
.doc-breadcrumb strong { font-weight:600; color:#3b5c86; }
.doc-hero h1 { font-size:clamp(38px,4.2vw,62px); line-height:1.06; margin:15px 0 20px; letter-spacing:-2.8px; max-width:750px; }
.doc-hero h1 span { color:var(--blue); display:block; }
.doc-hero p { color:var(--muted); font-size:16px; max-width:680px; line-height:1.65; margin:0; }
.doc-hero-actions { margin-top:27px; display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.doc-hero-preview { background:white; border:1px solid #d5e6f8; border-radius:18px; overflow:hidden; box-shadow:0 28px 55px rgba(25,82,152,.13); transform:rotate(-2deg); }
.doc-preview-top { display:flex; align-items:center; gap:6px; padding:14px 17px; background:linear-gradient(90deg,#133e76,#082951); }
.doc-preview-dot { width:8px;height:8px;border-radius:50%;background:#88c2f9; }
.doc-preview-dot:nth-child(1){background:#ffb3a4;} .doc-preview-dot:nth-child(2){background:#ffe49b;} .doc-preview-dot:nth-child(3){background:#97dcab;}
.doc-preview-top > span:last-child { margin-left:auto; color:#bddcff; font-size:12px; font-weight:600; }
.doc-preview-image { min-height:190px; display:grid; place-items:center; padding:28px; background:linear-gradient(135deg,#fff 40%,#f5fbff); }
.doc-preview-image img { width:min(100%,285px); object-fit:contain; }
.doc-preview-bottom { border-top:1px solid #e8f0f9; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:13px 18px; }
.doc-preview-bottom code { color:#2f5686; font-size:12px; }
.doc-preview-status { color:#0b77db; font-weight:700; background:#eaf6ff; border-radius:5px; font-size:10px; padding:5px 8px; }
.doc-content { padding:54px 0 86px; background:#fbfdff; }
.doc-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:36px; align-items:start; }
.doc-sidebar { position:sticky; top:24px; }
.doc-sidebar-card { background:#fff; border:1px solid #dfeafa; border-radius:12px; box-shadow:0 9px 24px rgba(15,78,143,.04); padding:21px 13px 15px; }
.doc-sidebar-title { color:#6282a8; font-size:11px; font-weight:800; letter-spacing:1.4px; padding:0 13px 12px; }
.doc-sidebar-link { color:#395a83; display:block; font-size:13px; padding:10px 13px; font-weight:600; border-radius:7px; }
.doc-sidebar-link:hover,.doc-sidebar-link:focus-visible { color:#006cf2;background:#edf6ff; }
.doc-sidebar-tip { margin-top:16px; padding:17px; background:#e9f4ff; border:1px solid #cde4fb; border-radius:12px; }
.doc-sidebar-tip strong { font-size:13px; color:#124478; }
.doc-sidebar-tip p { margin:7px 0 0; font-size:12px; line-height:1.5; color:#547495; }
.doc-sidebar-tip code { color:#065dbb; font-size:11px; }
.doc-main-column { min-width:0; }
.doc-section { background:#fff; border:1px solid #deebf8; border-radius:16px; padding:29px 31px 32px; margin-bottom:21px; box-shadow:0 12px 32px rgba(35,99,166,.035); scroll-margin-top:25px; }
.doc-section-kicker { font-size:11px; letter-spacing:1.8px; font-weight:800; color:#1281f4; margin-bottom:9px; }
.doc-section h2 { font-size:clamp(23px,2.2vw,30px); letter-spacing:-.8px; line-height:1.22; margin:0 0 11px; }
.doc-section > p { color:#5a7292; font-size:14px; margin:0 0 20px; max-width:800px; line-height:1.7; }
.doc-section > p code, .doc-note-grid code { background:#edf5ff; border-radius:4px; padding:2px 5px; color:#0860be; font-size:.92em; }
.doc-endpoint { border:1px solid #d5e7f9; display:flex; min-width:0; align-items:center; gap:12px; padding:13px 15px; background:#f4f9ff; border-radius:9px; }
.doc-endpoint code { white-space:nowrap; overflow:auto; color:#16395e; font-size:13px; }
.doc-method { background:#0e78ee; color:#fff; border-radius:5px; font-size:11px; font-weight:800; padding:5px 9px; letter-spacing:.4px; flex:none; }
.doc-quickfacts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:20px; }
.doc-quickfacts > div { border:1px solid #e0ebf8; border-radius:9px; padding:14px 15px; }
.doc-quickfacts span { font-size:11px; color:#6682a2; display:block; margin-bottom:5px; }
.doc-quickfacts strong { color:#0b3b73; font-size:17px; }
.doc-table-wrap { width:100%; overflow-x:auto; border:1px solid #e4edf8; border-radius:10px; }
.doc-table { border-collapse:collapse; table-layout:fixed; width:100%; font-size:13px; }
.doc-table th,.doc-table td { text-align:left; vertical-align:top; padding:14px 12px; border-bottom:1px solid #e9f1fa; line-height:1.56; overflow-wrap:anywhere; }
.doc-table thead th { background:#f1f7ff; font-weight:750; color:#355578; font-size:12px; }
.doc-table tbody tr:last-child th,.doc-table tbody tr:last-child td { border-bottom:0; }
.doc-table tbody tr:hover { background:#fbfdff; }
.doc-table th:nth-child(1) { width:17%; } .doc-table th:nth-child(2) { width:35%; } .doc-table th:nth-child(3) { width:33%; } .doc-table th:nth-child(4) { width:15%; }
.doc-table tbody th code { color:#036cec; background:#eaf4ff; border-radius:5px; padding:4px 7px; font-size:12px; }
.doc-table td { color:#465f81; }
.doc-table td code { color:#143b70; background:#f0f6fd; padding:1px 4px; border-radius:3px; font-size:12px; }
.doc-table td .default-val { color:#0f5eb8; background:#eaf4ff; padding:3px 6px; }
.sr-only { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.doc-code-box { background:#0a2244; color:#deecff; border-radius:12px; overflow:hidden; border:1px solid #1b4677; }
.doc-code-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 17px; border-bottom:1px solid rgba(255,255,255,.12); font-size:12px; color:#adc7e4; }
.doc-code-live { display:inline-block; width:7px;height:7px;background:#62cb94;border-radius:50%;margin-right:7px; }
.doc-copy { background:#193d68; border:1px solid #396392; color:#fff; padding:6px 12px; font-weight:650; border-radius:6px; font-size:12px; }
.doc-copy:hover { background:#245486; }
.doc-code-box pre { margin:0; padding:20px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; font-size:12px; }
.doc-code-box code { font-family:ui-monospace, SFMono-Regular, Consolas, monospace; }
.doc-inline-actions { margin-top:18px; }
.doc-note-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.doc-note-grid article { display:flex; gap:12px; padding:16px; border:1px solid #e0ecfa; border-radius:10px; background:#f9fcff; }
.doc-note-icon { flex:0 0 34px; height:34px; display:grid; place-items:center; background:#e6f3ff; color:#1374d7; border-radius:8px; font-size:12px; font-weight:800; }
.doc-note-grid h3 { font-size:14px; margin:0 0 7px; }
.doc-note-grid p { color:#5d7593; font-size:12px; line-height:1.6; margin:0; }
.doc-note-grid a { color:#0676e8; text-decoration:underline; }
.doc-bottom-cta { background:linear-gradient(112deg,#0a3e7c,#071d40); border-radius:15px; padding:29px 32px; display:flex; justify-content:space-between; align-items:center; gap:20px; color:#fff; }
.doc-bottom-cta h2 { margin:0 0 6px; font-size:22px; letter-spacing:-.5px; }
.doc-bottom-cta p { margin:0; color:#bad5f1; font-size:13px; }
.doc-bottom-cta .button { flex:none; }
@media (max-width:1080px) { .doc-hero-inner { gap:25px; } .doc-layout { grid-template-columns:185px minmax(0,1fr); gap:22px; } .doc-section { padding:25px 21px; } }
@media (max-width:800px) { .doc-hero-inner { grid-template-columns:1fr; padding:42px 0; gap:27px; } .doc-hero-preview { max-width:530px; transform:none; } .doc-layout { grid-template-columns:1fr; } .doc-sidebar { position:static; } .doc-sidebar-card { display:flex; flex-wrap:wrap; gap:4px; padding:12px; } .doc-sidebar-title { width:100%; padding:0 8px 4px; } .doc-sidebar-link { padding:7px 9px; font-size:12px; } .doc-sidebar-tip { display:none; } }
@media (max-width:600px) { .doc-hero h1 { font-size:clamp(34px,9vw,47px); letter-spacing:-1.6px; } .doc-hero p { font-size:14px; } .doc-hero-actions .button { font-size:12px; padding:10px 12px; white-space:normal; } .doc-hero-preview { max-width:100%; } .doc-preview-image { min-height:130px; } .doc-preview-bottom code { font-size:10px; } .doc-content { padding:26px 0 48px; } .doc-section { padding:20px 15px; } .doc-endpoint { align-items:flex-start; } .doc-endpoint code { font-size:11px; white-space:normal; overflow-wrap:anywhere; } .doc-quickfacts { grid-template-columns:1fr; gap:8px; } .doc-quickfacts > div { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; } .doc-quickfacts span { margin:0; } .doc-table-wrap { border:0; overflow:visible; } .doc-table,.doc-table tbody,.doc-table tr,.doc-table th,.doc-table td { display:block; width:100%; } .doc-table thead { display:none; } .doc-table tbody tr { display:block; margin-bottom:11px; border:1px solid #e0ebf8; border-radius:10px; overflow:hidden; } .doc-table tbody tr:last-child { margin-bottom:0; } .doc-table th,.doc-table td { position:relative; padding:8px 11px; border:0!important; width:100%!important; font-size:12px; } .doc-table tbody th { padding-top:11px; } .doc-table tbody td:last-child { padding-bottom:13px; } .doc-table th:before,.doc-table td:before { content:attr(data-label); display:block; font-size:10px; font-weight:750; color:#7e92ab; margin-bottom:3px; text-transform:uppercase; letter-spacing:.65px; } .doc-code-box pre { font-size:11px; padding:14px; } .doc-note-grid { grid-template-columns:1fr; } .doc-bottom-cta { flex-direction:column; align-items:flex-start; padding:23px 19px; } }

/* Multi-format documentation navigation and hub */
.doc-format-switch { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:-16px 0 26px; }
.doc-format-switch a { display:inline-flex; text-decoration:none; align-items:center; padding:9px 14px; font-weight:700; font-size:12px; color:#325c8c; background:#fff; border:1px solid #d8e9fc; border-radius:8px; }
.doc-format-switch a:hover { color:#0874e9; background:#eff7ff; }
.doc-format-switch .is-current { color:#fff; border-color:#0774ed; background:#097bf4; }
.doc-format-switch .is-current:hover { color:#fff; background:#006bdb; }
.doc-reference-line { margin-top:18px!important; font-size:12px!important; }
.doc-reference-line a { color:#086bda; text-decoration:underline; }
.doc-hub-hero { padding:65px 0 73px; }
.doc-hub-hero h1 { font-size:clamp(40px,5vw,66px); line-height:1.05; letter-spacing:-2.5px; margin:10px 0 18px; max-width:860px; }
.doc-hub-hero h1 span { color:#0b7ff6; display:block; }
.doc-hub-hero > p { max-width:780px; color:#5b7192; font-size:16px; line-height:1.6; }
.doc-hub-intro h2 { font-size:30px; letter-spacing:-1px; margin:0 0 8px; }
.doc-hub-intro p { font-size:14px; color:#5a7191; margin:0; }
.doc-hub-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:26px 0; }
.doc-hub-card { display:flex; flex-direction:column; align-items:stretch; min-width:0; background:#fff; border:1px solid #d9e8fa; border-radius:14px; padding:19px; box-shadow:0 10px 26px rgba(16,95,181,.045); transition:transform .2s,box-shadow .2s; }
.doc-hub-card:hover { transform:translateY(-3px); box-shadow:0 16px 34px rgba(17,94,165,.11); }
.doc-hub-thumb { height:128px; display:flex; justify-content:center; align-items:center; border-radius:10px; background:#f6faff; }
.doc-hub-thumb img { width:auto; height:auto; max-width:85%; max-height:100px; object-fit:contain; }
.doc-hub-title { margin-top:18px; font-size:18px; font-weight:800; color:#10396d; display:flex; justify-content:space-between; gap:8px; }
.doc-hub-title span { color:#1584ef; }
.doc-hub-desc { color:#667e9b; font-size:13px; line-height:1.55; margin-top:10px; flex:1; }
.doc-hub-link { color:#0777ef; margin-top:18px; font-size:13px; font-weight:750; }
.doc-hub-note { max-width:850px; border-left:3px solid #2189f2; background:#eef6ff; border-radius:8px; padding:18px 22px; }
.doc-hub-note strong { color:#103b70; font-size:15px; }
.doc-hub-note p { color:#506c8e; font-size:13px; line-height:1.6; margin:6px 0 0; }
@media (max-width: 1050px) { .doc-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 540px) { .doc-hub-grid { grid-template-columns:1fr; } .doc-hub-hero { padding:42px 0 48px; } .doc-hub-hero h1 { font-size:39px; letter-spacing:-1.6px; } .doc-hub-hero > p { font-size:14px; } .doc-format-switch { margin:0 0 23px; } .doc-format-switch a { padding:8px 10px; } .doc-hub-thumb { height:96px; } .doc-hub-thumb img { max-height:83px; } }