
.pt{--pt-ink:var(--color-text);
  --pt-mute:#4f6377;
  --pt-faint:#6d8095;
  --pt-line:rgba(8,21,35,.11);
  --pt-line-2:rgba(8,21,35,.07);
  --pt-soft:#f5f7fa;
  --pt-soft-2:#eef2f7;
  --pt-tint:var(--color-brand-pale);
  --pt-brand:var(--color-brand);
  --pt-brand-dk:var(--color-brand-dark);
  --pt-navy:#061A2F;
  --pt-w:1240px;
  background:#fff;
  color:var(--pt-ink);}

.nl-menu-single{width:340px}
.nl-menu-single .nl-menu-inner{grid-template-columns:1fr}

.pt-i{width:18px;height:18px;flex-shrink:0}
.pt-note a{color:var(--pt-brand);text-decoration:underline;text-underline-offset:3px}
.pt-note{font-size:14px;line-height:1.6;color:var(--pt-faint)}
.pt code{font-family:var(--font-mono);font-size:.88em}
.pt :is(p,
li,
span,
td)>code{padding:1px 5px;border-radius:var(--radius-sm);background:var(--pt-soft-2);color:var(--pt-ink);white-space:nowrap}
.pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-pill);font:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pt-btn .pt-i{width:16px;height:16px}
.pt-btn--solid{background:var(--pt-brand);color:#fff}
.pt-btn--solid:hover{background:var(--pt-brand-dk)}
.pt-btn--line{background:#fff;color:var(--pt-ink);border-color:var(--pt-line)}
.pt-btn--line:hover{border-color:rgba(0,110,183,.35)}
.pt-btn--line[aria-current="page"]{border-color:var(--pt-brand);color:var(--pt-brand)}
.pt-btn[aria-disabled="true"]{cursor:default}

.pt-cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.pt-tabset{display:flex;gap:26px;padding:0 24px;border-bottom:1px solid var(--pt-line);overflow-x:auto;scrollbar-width:none}
.pt-tabset::-webkit-scrollbar{display:none}
.pt-tabset [role=tab]{position:relative;flex-shrink:0;padding:15px 0 13px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:500;color:var(--pt-mute);cursor:pointer}
.pt-tabset [role=tab]:hover{color:var(--pt-ink)}
.pt-tabset [role=tab][aria-selected="true"]{color:var(--pt-ink);font-weight:600}
.pt-tabset [role=tab][aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pt-brand)}
.pt-tabset [role=tab]:focus-visible{outline:2px solid var(--pt-brand);outline-offset:2px}
[role=tabpanel][hidden]{display:none}

.pt-code{position:relative;border-radius:var(--radius-lg);background:var(--pt-soft)}
.pt-code pre{margin:0;padding:20px 22px;font-family:var(--font-mono);font-size:13.5px;line-height:1.75;color:#24323f;white-space:pre-wrap;overflow-wrap:anywhere}
.pt-code--copy pre{padding-right:56px}
.tok-key{color:#9a3412}
.tok-str{color:#1d6b46}
.tok-num{color:#0058a3}
.pt-copy{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--pt-faint);cursor:pointer}
.pt-copy:hover{color:var(--pt-ink);border-color:var(--pt-line);background:#fff}
.pt-copy .pt-i{width:17px;height:17px}
.pt-copy .pt-ok{display:none;color:#1d6b46}
.pt-copy.is-copied .pt-cp{display:none}
.pt-copy.is-copied .pt-ok{display:block}

.pt-steps{list-style:none;counter-reset:s}
.pt-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:20px;padding-bottom:30px;counter-increment:s}
.pt-step::before{content:counter(s);position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pt-brand);font-size:13.5px;font-weight:700;color:#fff}
.pt-step:not(:last-child)::after{content:"";position:absolute;left:15.5px;top:36px;bottom:4px;width:1px;background:var(--pt-line)}
.pt-step h2{margin-top:4px;font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--pt-ink)}
.pt-step p{margin-top:4px;font-size:15px;line-height:1.6;color:var(--pt-mute)}
.pt-step p a{color:var(--pt-brand);text-decoration:underline;text-underline-offset:3px}
.pt-req{padding:18px;border-radius:var(--radius-lg);background:var(--pt-soft)}
.pt-url{display:flex;align-items:stretch;min-width:0;border:1px solid var(--pt-line);border-radius:var(--radius-pill);background:#fff}
.pt-method{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:0 12px;border-right:1px solid var(--pt-line);font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--pt-ink)}
.pt-method .pt-i{width:14px;height:14px;color:var(--pt-faint)}
.pt-url-t{flex:1;min-width:0;margin:0;padding:11px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.45;color:var(--pt-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.pt-url .pt-copy{position:static;align-self:center;margin-right:4px}
.pt-req-box{margin-top:12px;border:1px solid var(--pt-line);border-radius:var(--radius-pill);background:#fff}
.pt-req-box .pt-tabset{padding:0 16px;gap:22px}
.pt-kv{width:100%;border-collapse:collapse;font-size:14px}
.pt-kv td{padding:11px 16px;border-top:1px solid var(--pt-line-2);color:var(--pt-ink);vertical-align:top}
.pt-kv tr:first-child td{border-top:0}
.pt-kv td:first-child{width:38%;color:var(--pt-mute)}
.pt-kv code{font-size:13px}
.pt-req-empty{padding:14px 16px;font-size:14px;color:var(--pt-faint)}
.pt-req .pt-btn{margin-top:14px}
.pt-resp-h{display:flex;align-items:center;gap:12px;margin-top:16px;padding:0 4px 10px;font-size:14px;font-weight:600;color:var(--pt-ink)}
.pt-resp-h .pt-badge{margin-left:2px}
.pt-resp-h span:last-child{margin-left:auto;display:flex;align-items:center;gap:4px;font-weight:500;color:var(--pt-faint)}
.pt-resp-h .pt-i{width:14px;height:14px}
.pt-req .pt-code{background:#fff;border:1px solid var(--pt-line)}

.pt-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);background:var(--pt-soft-2);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--pt-mute)}
.pt-badge--ok{background:rgba(16,185,129,.12);color:#0b6b4b}
.pt-step h3{margin-top:4px;font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--pt-ink)}
@media(max-width:1000px){
  .pt-cols{grid-template-columns:minmax(0,1fr);gap:44px}
}
@media(max-width:720px){
  .pt-tabset{padding:0 18px;gap:20px}
}
@media(max-width:480px){
  .pt-tabset{gap:16px;padding:0 12px}
  .pt-tabset [role=tab]{font-size:13px}
  .pt-code pre{padding:16px;font-size:12.5px}
  .pt-code--copy pre{padding-right:48px}
}
.dh-hero .phero-in{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"label rows" "title rows" "copy rows";grid-template-rows:auto auto 1fr;column-gap:64px;row-gap:0;align-items:start}
.dh-hero .lhn{grid-area:label}
.dh-hero .phero-title{grid-area:title}
.dh-hero .phero-copy{grid-area:copy;max-width:none}
.dh-rows{grid-area:rows;display:grid;gap:10px;align-self:center}
.dh-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;align-items:center;padding:15px 22px 15px 16px;background:#fff;border:1px solid rgba(8,21,35,.15);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}
.dh-row .dh-iso{display:block;width:68px;height:auto}
.dh-row .ch{margin:0}
.dh-row .cb{margin:2px 0 10px;font-size:15px;line-height:1.5}
.dh-row .btn{font-size:13px;padding:7px 14px}
@media(max-width:1060px){
  .dh-hero .phero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "title" "rows" "copy";row-gap:0}
  .dh-rows{margin:6px 0 30px}
}
@media(max-width:480px){
  .dh-row{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:16px}
  .dh-row .dh-iso{width:60px}
}
.dh-start .pt{background:transparent}
.dh-start .pt-req{background:#fff;border:1px solid rgba(8,21,35,.15);box-shadow:var(--shadow-xs)}
.dh-start .pt-req .pt-code{background:var(--pt-soft);border-color:transparent}
@media(min-width:1001px){
  .dh-start .pt-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .dh-start .pt-cols>.pt-req{order:-1}
}
