/* Page-specific documentation layouts. Existing controls, contracts and security text are unchanged. */
.dev-premium .developer-page-design[data-page-design^="developer-"] { min-width:0; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .dp-heading-layout { display:grid; align-items:center; gap:60px; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .dp-heading-copy,
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-main,
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-aside { min-width:0; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading h1 { font-size:clamp(40px,4.35vw,64px); }
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading .lead { font-size:17px; line-height:1.85; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading:after { display:none; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .security-card p { font-size:16px; }
.dev-premium .developer-page-design[data-page-design^="developer-"] code { overflow-wrap:anywhere; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout { padding:30px; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout h2 { line-height:1.3; }
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout a,
.dev-premium .developer-page-design[data-page-design^="developer-"] .topic-aside a { line-height:1.7; }

/* Authentication: an access map followed by a continuous, readable lifecycle. */
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-heading { background:radial-gradient(ellipse at 80% 60%,#61275c70,transparent 60%),#251331; padding:70px 0; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-heading-layout { grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-map { border:1px solid #745071; padding:28px 28px 25px; border-radius:16px 48px 16px 16px; background:linear-gradient(145deg,#ffffff09,#ffffff02); box-shadow:18px 18px 0 #ff981a08; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-map-label { display:block; font-size:12px; font-weight:700; letter-spacing:.13em; color:#f0cbef; margin-bottom:25px; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-node { position:relative; display:flex; align-items:center; gap:17px; min-height:60px; padding:0 0 22px; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-node:last-child { padding-bottom:0; min-height:38px; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-node:not(:last-child):after { content:""; position:absolute; top:38px; bottom:0; left:18px; width:1px; background:linear-gradient(#b780bd,#f3a53e); }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-node b { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border:1px solid #a574ae; color:#f1d9f6; border-radius:50%; font:600 13px/1 Consolas,monospace; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-node:last-child b { border-color:#f5a842; color:#ffc06c; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-node span { font-size:14px; line-height:1.5; color:#f5ebf9; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-layout { grid-template-columns:minmax(0,1fr) 310px; gap:64px; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-grid { display:block; position:relative; margin:35px 0 48px; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card { position:relative; display:grid; grid-template-columns:125px minmax(0,1fr); gap:0 25px; padding:28px 0 32px 25px; margin-left:5px; border:0; border-left:1px solid #ddc6e6; border-bottom:1px solid #eadfed; border-radius:0; background:transparent; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card:before { content:""; position:absolute; left:-5px; top:33px; width:9px; height:9px; background:#800080; border:2px solid #fff; outline:1px solid #ccadd6; border-radius:50%; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card:last-child:before { background:#e38d13; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card>span { grid-row:1 / span 2; margin:0; padding-top:5px; color:#795b86; font-size:12px; letter-spacing:.02em; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card h3 { margin:0 0 12px; font-size:24px; line-height:1.3; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card p { grid-column:2; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-aside { border:0; border-top:3px solid #ff981a; border-radius:0 0 14px 14px; padding:28px; background:#f8f1fb; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-aside h2 { line-height:1.3; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-callout { border:0; border-top:1px solid #e4d6e9; border-left:3px solid #800080; border-radius:0 14px 14px 0; }
.dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-callout:last-child { background:#fff9f1; border-left-color:#e48a13; }

/* API tools: two real download stations, then a compact setup checklist. */
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-heading { color:#281233; background:linear-gradient(110deg,#faf3ff,#fffaf1); border-bottom:1px solid #e9d4ed; padding:65px 0 90px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-heading-layout { grid-template-columns:minmax(0,1.6fr) minmax(220px,.6fr); }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-heading h1 { max-width:900px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-heading .breadcrumb { color:#6b536f; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-heading .kicker { color:#800080; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-heading .lead { color:#685270; max-width:820px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art { position:relative; display:flex; align-items:center; padding:12px 0 10px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art>div { position:relative; flex:1; min-width:0; padding:24px 20px; border:1px solid #d7b6e1; border-top:4px solid #800080; border-radius:9px; background:#fff; box-shadow:0 15px 35px #5511660d; transform:rotate(-5deg); }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art>div+div { margin-left:-20px; margin-top:55px; border-top-color:#ed941b; transform:rotate(6deg); }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art span { display:block; color:#765081; font-size:11px; font-weight:700; letter-spacing:.06em; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art b { display:block; padding:21px 0; color:#800080; font:400 40px/1 Consolas,monospace; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art i { display:block; height:3px; width:85%; margin-top:8px; background:#e7d2ed; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art i:last-child { width:60%; background:#f8d6a1; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-export-stage { position:relative; padding:38px; margin-top:-32px; border:1px solid #e6d4ec; border-radius:16px; background:#fff; box-shadow:0 18px 45px #43135408; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-export-stage>section>p { max-width:760px; font-size:16px; line-height:1.85; margin-bottom:30px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card { border:1px solid #e2cce9; border-top:4px solid #800080; border-radius:7px; background:#fcf8ff; box-shadow:none; padding:30px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card:nth-child(2) { border-top-color:#ee961c; background:#fffaf3; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card .tool-tag { font-size:12px; padding:5px 10px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card:nth-child(2) .tool-tag { background:#fff0d9; border-color:#f5d6a5; color:#88520d; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card h3 { font-size:28px; line-height:1.25; margin:22px 0 17px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card p { font-size:16px; line-height:1.85; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card code { font-size:13px; line-height:1.8; margin:25px 0; background:#fff; border-color:#e5d7e9; padding:16px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card .button { min-height:44px; font-size:14px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card .tool-status:empty { margin:0; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-layout { display:block; padding-top:62px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-main { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:40px; align-items:start; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .security-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .security-card { border:0; border-top:1px solid #decae5; border-radius:0; padding:24px 0 28px; background:none; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .security-card>span { margin:0 0 13px; font-size:12px; color:#795682; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .security-card h3 { line-height:1.35; font-size:22px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-callout { margin:0; background:#30163e; border:0; border-top:3px solid #ff991f; border-radius:8px; color:#fff; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-callout p { color:#dfcfe6; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-callout a { color:#f8c671; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside { display:grid; position:static; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 25px; padding:32px; margin-top:24px; border:1px solid #e1cce9; border-radius:10px; background:#faf5fd; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>.kicker,
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>h2,
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>p,
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>.notice { grid-column:1 / -1; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>p { max-width:850px; font-size:16px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>h2 { margin-bottom:12px; font-size:26px; }
.dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside>.notice { margin:16px 0 0; }

/* Narrow screens retain every control and notice in reading order. No JavaScript is required. */
@media(max-width:1000px) {
 .dev-premium .developer-page-design[data-page-design^="developer-"] .dp-heading-layout { gap:35px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-layout { gap:35px; grid-template-columns:minmax(0,1fr) 280px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card { grid-template-columns:1fr; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card>span { grid-row:auto; margin-bottom:12px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card p { grid-column:1; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-main { grid-template-columns:minmax(0,1fr) 260px; gap:30px; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-export-stage { padding:30px; }
}
@media(max-width:800px) {
 .dev-premium .developer-page-design[data-page-design^="developer-"] .dp-heading-layout,
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-layout,
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-main { grid-template-columns:minmax(0,1fr); }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-map { max-width:520px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .topic-aside { position:static; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art { width:260px; max-width:100%; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-grid { grid-template-columns:minmax(0,1fr); }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-main>section { margin-bottom:0; }
}
@media(max-width:500px) {
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading { padding:45px 0; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading h1 { font-size:36px; line-height:1.14; overflow-wrap:break-word; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading .lead { font-size:16px; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-aside { padding:23px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .dp-access-map { padding:23px; box-shadow:none; border-top-right-radius:28px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card { padding-left:20px; }
 .dev-premium .developer-page-design[data-page-design="developer-authentication"] .security-card h3 { font-size:22px; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-export-stage { margin-top:0; padding:29px 0 0; border:0; border-radius:0; box-shadow:none; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card { padding:23px; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card h3 { font-size:25px; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card code { font-size:12px; padding:12px; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .tool-card .button-row { display:grid; grid-template-columns:minmax(0,1fr); }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .security-grid,
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-aside { grid-template-columns:minmax(0,1fr); }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-layout { padding-top:45px; }
}
@media(prefers-reduced-motion:reduce) {
 .dev-premium .developer-page-design[data-page-design^="developer-"] *,
 .dev-premium .developer-page-design[data-page-design^="developer-"] *:before,
 .dev-premium .developer-page-design[data-page-design^="developer-"] *:after { animation:none!important; transition:none!important; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-format-art>div { transform:none; }
}
@media print {
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout { color:#222; background:#fff; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading .lead,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-heading .kicker,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout p,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-callout a { color:#333; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .dp-heading-layout,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-layout,
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .topic-main { display:block; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .dp-access-map,
 .dev-premium .developer-page-design[data-page-design^="developer-"] .dp-format-art { display:none; }
 .dev-premium .developer-page-design[data-page-design^="developer-"] .topic-aside { position:static; }
 .dev-premium .developer-page-design[data-page-design="developer-tools"] .dp-export-stage { margin-top:0; box-shadow:none; }
}