/* Developer pages share the product landing page's typography and palette. */
:root{--paper:#f7f5ef;--ink:#0a0a0a;--muted:#68645d;--line:rgba(10,10,10,.12);--blue:#0a0a0a;--accent:#0a0a0a;--code:#0a0a0a;--ease:cubic-bezier(.16,1,.3,1)}
body{background:radial-gradient(circle at 14% 4%,rgba(255,255,255,.98),transparent 22rem),radial-gradient(circle at 88% 10%,rgba(224,217,202,.92),transparent 26rem),linear-gradient(180deg,#fbfaf5 0,#f7f5ef 44%,#f2eee4 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
header.shell{padding-top:18px}.nav{padding:10px 18px;border:1px solid rgba(10,10,10,.1);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 18px 60px rgba(42,38,31,.12);backdrop-filter:blur(22px);gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:400;letter-spacing:-.025em;white-space:nowrap}.brand img{width:30px;height:30px;border-radius:50%;box-shadow:0 6px 18px rgba(10,10,10,.16)}.nav-links{display:flex;gap:2px;font-weight:400;justify-content:flex-end}.nav-links a{padding:10px 12px;border-radius:999px;color:var(--muted);font-size:14px;line-height:20px;transition:background .18s,color .18s}.nav-links a:hover{background:rgba(10,10,10,.06);color:var(--ink)}
.hero{border-top:0}.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:40px}.hero h1{max-width:72rem;font-size:56px;line-height:60px;letter-spacing:-.025em;font-weight:400}.hero-copy{font-size:19px;line-height:1.42}.eyebrow{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}h2,.chapter-title h2{font-weight:400;letter-spacing:-.025em}h3,.prose h3{font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.025em}.cards,.card-grid{grid-auto-flow:dense}.card,.panel,.hero-note,.accordion article{background:rgba(255,255,255,.72);border-radius:28px;border:1px solid var(--line)}.hero-mark{background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.98),transparent 14rem),linear-gradient(150deg,#e0d9ca,#f8f5ec 62%);box-shadow:0 28px 80px rgba(24,22,18,.12)}.hero-mark p{font-weight:400}.card a,label,.button,.nav-links,.hero-note strong{font-weight:400}.card a{color:var(--ink);text-underline-offset:4px}.button{font-size:14px;line-height:20px;transition:transform .18s var(--ease)}.button:hover{transform:translateY(-2px)}input,textarea,select{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px}.code,pre,code{font-family:var(--landing-mono);font-weight:400}.code{color:#fff;background:var(--code);font-size:13px;line-height:24px}.hero-note code,.card code,.prose code{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.panel,.hero-grid>*,.sandbox>*{min-width:0}.section-head p,.card p,.card li{font-size:17px;line-height:1.5}
@media(max-width:900px){.nav{border-radius:28px;align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr}.hero-note{max-width:100%}.hero h1{max-width:72rem}}
@media(max-width:700px){.hero h1{font-size:42px;line-height:1.12}.hero-copy{font-size:17px}.nav{padding:16px}.nav-links{display:flex}.nav-links a{padding:6px 10px}.section-head h2,.chapter-title h2{font-size:34px;line-height:1.08}.hero-note{padding:22px}.hero-note code{font-size:12px}.code{padding:18px}.button{padding:12px 20px;height:auto}}
@media(prefers-reduced-motion:reduce){.button,.nav-links a{transition:none}}

/* Match the landing page final background override, not its base theme. */
html,body{background:#fff!important;color:#000}