/* Documentation inherits the publication's palette and typography. */
.developer-document { transition:none; }
.developer-page { --dev-ink:var(--ink,var(--text));--dev-strong:var(--ink-strong,var(--strong));--dev-rule:var(--rule,var(--line));--dev-band:var(--band,var(--surface-2));--dev-accent:var(--signal-ink,var(--accent));color:var(--dev-ink);padding:clamp(25px,4vw,54px) 0 24px; }
.dev-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:32px;border-bottom:2px solid var(--dev-strong);padding-bottom:36px; }
.developer-page h1 { font-size:clamp(36px,5vw,58px);letter-spacing:-.045em;line-height:1.15;margin:10px 0 20px;color:var(--dev-strong); }
.developer-page h2 { font-size:clamp(25px,3vw,33px);letter-spacing:-.025em;line-height:1.4;margin:0 0 18px;color:var(--dev-strong); }
.developer-page h3 { font-size:21px;line-height:1.45;margin:30px 0 12px;color:var(--dev-strong); }
.developer-page p,.developer-page li,.developer-page dd { font-size:15px;line-height:1.85;max-width:72ch; }
.developer-page p { margin:12px 0; }
.dev-heading .dev-purpose { font-size:21px;line-height:1.5;max-width:45ch; }
.dev-label { color:var(--dev-accent);font-weight:700; }
.dev-language { display:flex;gap:12px;flex-shrink:0;align-items:center; }
.dev-language a { padding:10px 0; }
.dev-language [aria-current] { color:var(--dev-strong);font-weight:700;text-decoration:underline;text-underline-offset:6px; }
.dev-layout { display:grid;grid-template-columns:170px minmax(0,1fr);gap:clamp(24px,5vw,64px);padding-top:38px; }
.dev-index { display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:24px; }
.dev-index a { padding:9px 0;font-size:14px; }
.dev-content { min-width:0; }
.developer-page section { padding-bottom:42px;margin-bottom:38px;border-bottom:1px solid var(--dev-rule);scroll-margin-top:24px; }
.developer-page section:last-child { border-bottom:0;margin-bottom:0; }
.developer-page a { color:var(--dev-accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere; }
.dev-actions { display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:18px 0 8px; }
.dev-actions a { display:inline-flex;align-items:center;min-height:44px; }
.developer-page button { cursor:pointer;border:1px solid var(--dev-rule);border-radius:3px;padding:10px 15px;min-height:44px;background:var(--surface);color:var(--dev-ink);font-weight:600; }
.developer-page .dev-primary { background:var(--dev-strong);color:var(--surface);border-color:var(--dev-strong); }
.developer-page button:disabled { opacity:.6;cursor:wait; }
.developer-page :focus-visible { outline:2px solid var(--dev-accent);outline-offset:4px; }
.dev-dates { color:var(--dev-accent);font-variant-numeric:tabular-nums; }
.dev-code { position:relative;margin:16px 0; }
.dev-code button { position:absolute;right:8px;top:8px;font-size:12px;min-height:36px;padding:5px 11px; }
.dev-code pre { background:var(--dev-band);padding:58px 20px 22px;border:1px solid var(--dev-rule);overflow:auto;max-height:520px;border-radius:2px;line-height:1.65; }
.dev-code code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--dev-ink);white-space:pre; }
.dev-note { color:var(--muted);font-size:13px!important; }
.dev-results { padding:12px 0 15px; }
.dev-results ul { margin:0;padding-left:20px; }
.dev-results li { margin:14px 0; }
.dev-sample { padding:24px;background:var(--dev-band);border:1px solid var(--dev-rule);margin-top:22px; }
.dev-sample h3 { margin-top:0; }
.dev-sample p[lang="ko"] { font-size:18px;font-weight:650;line-height:1.6; }
.dev-table { overflow:auto;border:1px solid var(--dev-rule);margin:22px 0; }
.dev-table table { border-collapse:collapse;width:100%;min-width:450px;font-size:14px; }
.dev-table caption { text-align:left;padding:14px 18px;color:var(--muted); }
.dev-table th,.dev-table td { text-align:left;vertical-align:top;padding:14px 18px;border-top:1px solid var(--dev-rule);line-height:1.6; }
.dev-table thead { background:var(--dev-band); }
.dev-table td:last-child { white-space:nowrap;font-variant-numeric:tabular-nums; }
.dev-formula { font-size:18px!important; }
.developer-page details { margin:12px 0;border:1px solid var(--dev-rule); }
.developer-page summary { cursor:pointer;padding:16px;font-size:15px;font-weight:600; }
.developer-page details .dev-code { margin:0; }
.developer-page details pre { border:0;border-top:1px solid var(--dev-rule);margin:0;border-radius:0; }
.dev-definitions dt { margin:25px 0 8px;font-weight:700;font-size:15px;overflow-wrap:anywhere; }
.dev-definitions dd { margin:0; }
.dev-copy-status { position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:var(--dev-strong);color:var(--surface);padding:10px 16px;max-width:90vw;z-index:100;box-shadow:0 2px 8px oklch(.2 .01 65 / .15); }
.dev-copy-status:empty { display:none; }
@media(max-width:760px) { .dev-heading{display:block;padding-bottom:25px}.dev-language{margin-top:20px}.dev-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:16px}.dev-index{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 19px;padding-bottom:12px;border-bottom:1px solid var(--dev-rule)}.dev-index a{font-size:13px}.dev-code pre{padding-left:12px;padding-right:12px}.dev-sample{padding:18px}.developer-page section{padding-bottom:28px;margin-bottom:28px} }
@media(prefers-reduced-motion:reduce) { .developer-page * { scroll-behavior:auto; } }