.dev-main{padding-block:clamp(48px,7vw,100px) 120px}
.dev-top{display:grid;gap:42px;align-items:end;padding-bottom:clamp(68px,9vw,120px)}
.dev-title{font-size:clamp(4rem,13vw,10rem);font-stretch:96%;line-height:.82;max-width:9ch}
.dev-title>span{font-stretch:125%}
.dev-intro .lede{margin-top:30px;max-width:40ch}
.dev-intro-note{max-width:46ch;margin:18px 0 24px;color:var(--mute);font-size:.94rem}
.dev-timing{min-width:0;padding:clamp(22px,3vw,36px);background:var(--ink);color:var(--bone);border-radius:10px}
.dev-timing-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dev-timing-head h2{font:780 clamp(1.3rem,2vw,1.8rem)/1.05 var(--display);font-stretch:108%}
.dev-live-mark{width:13px;height:13px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(238,68,17,.18)}
.dev-timing-value{display:flex;align-items:baseline;gap:10px;margin:38px 0 10px;white-space:nowrap}
.dev-timing-value strong{font:450 clamp(5rem,15vw,10rem)/.8 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.09em;color:var(--signal-hot)}
.dev-timing-value span{font:600 clamp(1.1rem,2vw,1.6rem)/1 var(--mono);color:var(--bone-dim)}
.dev-timing>p{max-width:52ch;color:var(--bone-dim);font-size:.92rem}
.dev-timing-rule{height:1px;background:var(--night-line);margin:30px 0 16px}
.dev-timing-method a{text-decoration-color:var(--signal);text-underline-offset:4px;color:var(--bone)}
.dev-key-section,.dev-reference,.dev-details{border-top:1px solid var(--line-strong);padding-top:clamp(30px,5vw,58px);margin-bottom:clamp(88px,10vw,132px)}
.dev-section-lead,.dev-reference-head{max-width:66ch}
.dev-section-lead p,.dev-reference-head p{margin:18px 0 28px;color:var(--ink-2);font-size:1.05rem}
.dev-key-card{padding:clamp(22px,4vw,38px);border-radius:10px;background:var(--bone-2);max-width:800px}
.dev-card-title{font:820 clamp(1.6rem,3.5vw,2.4rem)/1 var(--display);font-stretch:106%;margin-bottom:10px}
.dev-key-card p:not(.dev-card-title){max-width:58ch}
.dev-turnstile{min-height:28px;margin-top:22px}
.dev-verify{margin:4px 0 16px;color:var(--mute);font-size:.9rem}
.dev-verify.is-ready{color:var(--signal-ink)}
.dev-key-label{display:block;font-weight:650;margin:22px 0 8px}
.dev-key-input{display:block;width:100%;max-width:620px;border:1.5px solid var(--line-strong);border-radius:8px;background:var(--bone);padding:12px 14px;font:500 .87rem/1.4 var(--mono)}
.dev-key-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.dev-key-usage{font-weight:650;margin-top:12px}
.dev-key-warning{color:var(--mute);font-size:.9rem;margin-top:10px}
.dev-status{min-height:1.5em;margin-top:14px}
.dev-status[data-kind=error]{color:var(--signal-ink)}
.dev-status[data-kind=success]{color:#246743}
.dev-code-wrap{max-width:1000px;overflow:hidden;border-radius:10px;background:var(--night);color:var(--bone);box-shadow:0 30px 60px -42px rgba(20,18,15,.6)}
.dev-code-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid var(--night-line);font:500 .78rem/1.3 var(--mono);color:var(--bone-dim)}
.dev-code-head button{border:1px solid var(--night-line);border-radius:8px;background:var(--night-2);color:var(--bone);padding:7px 12px;font:500 .78rem/1 var(--mono)}
.dev-code-head button:hover{border-color:var(--bone)}
.dev-code{margin:0;padding:clamp(18px,3vw,30px);overflow-x:auto;white-space:pre;font:460 clamp(.72rem,1.5vw,.88rem)/1.7 var(--mono);tab-size:2}
.dev-code code{font:inherit}
.dev-contract{display:grid;gap:20px;margin-top:28px}
.dev-contract article{padding:20px 0;border-top:1px solid var(--line)}
.dev-contract h3,.dev-detail-grid h3{font:820 1.35rem/1 var(--display);font-stretch:100%;margin-bottom:12px}
.dev-contract p,.dev-detail-grid p,.dev-detail-grid dd{color:var(--ink-2);max-width:48ch}
.dev-contract code,.dev-detail-grid code{font:.85em var(--mono);color:var(--signal-ink)}
.dev-availability{margin-top:24px;padding:14px 18px;border-left:3px solid var(--signal);background:var(--bone-2);max-width:60ch}
.dev-detail-grid{display:grid;gap:40px;margin-top:28px}
.dev-detail-grid dl,.dev-detail-grid dd{margin:0}
.dev-detail-grid dl{display:grid;gap:16px}
.dev-detail-grid dt{margin-bottom:3px}
.dev-reference-links{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dev-reference-links span{color:var(--mute)}
@media(min-width:900px){.dev-top{grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr)}.dev-timing{align-self:stretch;display:flex;flex-direction:column}.dev-timing-rule{margin-top:auto}.dev-contract{grid-template-columns:repeat(3,1fr);gap:34px}.dev-detail-grid{grid-template-columns:1fr 1fr;gap:80px}}
@media(max-width:580px){.dev-title{font-size:clamp(3.6rem,16vw,5.5rem)}.dev-timing-value strong{font-size:clamp(4.8rem,22vw,7rem)}.dev-code-head{font-size:.7rem}.dev-code{font-size:.72rem}}