/* Scoped product and API detail pages. Shared header/footer remain unchanged. */
.detail-page{--detail-accent:#0f766e;--detail-soft:#effbf8;--detail-border:#b9dfd7}
.dark .detail-page{--detail-accent:#5eead4;--detail-soft:#102c2c;--detail-border:#285c55}
.detail-page .eyebrow,.detail-page a:not(.button),.detail-kicker,.detail-index{color:var(--detail-accent)}
.detail-hero{position:relative;isolation:isolate;padding:76px 0 56px;background:linear-gradient(180deg,#f7fffd 0%,var(--page) 92%);overflow:hidden}.detail-hero::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-110px;top:-220px;border-radius:50%;background:radial-gradient(circle,#b9efe6 0%,rgb(185 239 230 / 0) 68%);pointer-events:none}.dark .detail-hero{background:linear-gradient(180deg,#0f2928 0%,var(--page) 92%)}.dark .detail-hero::before{background:radial-gradient(circle,#1f625b 0%,rgb(31 98 91 / 0) 68%)}
.detail-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.detail-hero-grid>*,.detail-code-layout>*{min-width:0}
.detail-hero h1{font-size:clamp(32px,3.5vw,48px);line-height:1.35;max-width:16em}
.detail-page h1,.detail-page h2{text-wrap:balance}.detail-page code{font-family:Consolas,'Cascadia Code',monospace}
.detail-hero h1>span{display:inline-block}
.detail-hero .lead{font-size:17px}.detail-kicker{font-size:12px;font-weight:700;letter-spacing:.07em}
.detail-task,.detail-config{border:1px solid var(--detail-border);background:color-mix(in srgb,var(--surface) 92%,#dffaf5);padding:28px;border-radius:20px;box-shadow:0 18px 44px rgb(15 118 110 / 10%)}
.detail-prompt{margin:16px 0;padding:16px;border-radius:12px;background:var(--detail-soft);font-weight:600;font-size:15px}
.detail-steps{padding:0;margin:20px 0;list-style:none}.detail-steps li{display:flex;gap:14px;padding:10px 0;font-size:14px}.detail-steps .step-no{background:var(--detail-soft);color:var(--detail-accent)}
.detail-steps small{display:block;color:var(--muted);font-size:12px}.detail-artifacts{border-top:1px solid var(--line);padding-top:16px;font-size:12px}.detail-artifacts>div{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.detail-artifacts span{padding:4px 10px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.detail-task>.fine{margin-bottom:0}
.detail-config dl{margin:12px 0 24px}.detail-config dl>div{padding:16px 0;border-bottom:1px solid var(--line)}.detail-config dt{font-size:12px;color:var(--muted);margin-bottom:6px}.detail-config dd{margin:0;font:14px/1.7 Consolas,monospace;overflow-wrap:anywhere}.detail-config>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.detail-jump{display:flex;flex-wrap:wrap;gap:8px;padding-block:20px;border-bottom:1px solid var(--line)}.detail-jump a{display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:13px;text-decoration:none}.detail-jump a:hover{border-color:var(--detail-accent)}
.detail-section{padding:68px 0;scroll-margin-top:calc(var(--site-header-offset,68px) + 16px)}.detail-section:nth-of-type(even){background:linear-gradient(90deg,rgb(239 251 248 / 35%),transparent 70%)}.dark .detail-section:nth-of-type(even){background:linear-gradient(90deg,rgb(16 44 44 / 55%),transparent 70%)}
.detail-section .lead{font-size:16px;max-width:48em}.detail-section h2{font-size:clamp(25px,2.5vw,32px)}
.detail-page .card{display:flex;flex-direction:column;position:relative;padding:28px}.detail-page .card-link{margin-top:auto}.detail-index{font:12px/1.5 Consolas,monospace;letter-spacing:.12em}.detail-page .card>.detail-index{order:-1;margin-bottom:20px}
.detail-scenarios{display:grid;gap:16px}.detail-scenarios article{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:28px 32px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.detail-scenarios article:hover{border-color:var(--detail-border);box-shadow:0 10px 28px rgb(15 118 110 / 8%);transform:translateY(-2px)}.detail-scenarios article>.detail-index{font-size:24px}.detail-scenarios h3{font-size:21px;margin-bottom:8px}.detail-scenarios strong{font-size:15px;font-weight:600}.detail-scenarios p{color:var(--muted);font-size:14px;margin:12px 0}.detail-result{font-size:13px;color:var(--detail-accent);border-top:1px solid var(--line);padding-top:12px}
.detail-example{margin-top:28px;padding:28px 32px;background:var(--detail-soft);border:1px solid var(--detail-border);border-radius:16px}.detail-example p{font-size:15px;line-height:1.9;max-width:65em}.detail-example>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.detail-params{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:0 28px;margin:24px 0 36px}.detail-params>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 0}.detail-params>div+div{border-top:1px solid var(--line)}.detail-params dt{font-weight:650;font-size:14px}.detail-params dd{margin:0;min-width:0}.detail-params code{font-size:14px;overflow-wrap:anywhere}.detail-params p{margin:8px 0 0;color:var(--muted);font-size:13px}
.detail-code-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}.detail-code-layout p{color:var(--muted);font-size:14px}.detail-code-layout .code{margin:0;font-size:13px;line-height:1.9}.detail-code-layout .code:focus-visible{outline:3px solid var(--detail-accent);outline-offset:4px}
.detail-video{margin-top:28px;padding:24px 28px;border:1px solid var(--detail-border);border-radius:16px;background:var(--detail-soft)}.detail-video p{font-size:14px;color:var(--muted)}.detail-video strong{font-size:12px;display:block}.detail-video>code{display:block;font-size:13px;overflow-wrap:anywhere;margin:8px 0}.detail-video .card-link{margin:0}
.detail-page .faq{max-width:900px}.detail-page .enterprise-band{gap:32px}.detail-page .enterprise-band h2{margin-bottom:0}.detail-page .enterprise-band .eyebrow{color:#5eead4}.detail-cta{background:var(--detail-soft);text-align:center;border-top:1px solid var(--detail-border)}.detail-cta p{color:var(--muted);font-size:15px}.detail-cta .actions{justify-content:center}
@media(max-width:1080px){.detail-hero-grid{gap:28px}.detail-hero{padding-top:48px}}
@media(max-width:820px){.detail-hero-grid,.detail-code-layout{grid-template-columns:1fr}.detail-hero-grid{gap:32px}.detail-hero h1{max-width:22em}.detail-task,.detail-config{max-width:640px;width:100%}.detail-section{padding:44px 0}.detail-scenarios article{grid-template-columns:36px 1fr;gap:16px;padding:24px}.detail-code-layout{gap:20px}}
@media(max-width:560px){.detail-hero{padding:32px 0}.detail-hero .lead{font-size:16px}.detail-task,.detail-config{padding:20px}.detail-jump{gap:8px}.detail-jump a{padding:8px 12px;gap:10px}.detail-page .card{padding:24px}.detail-params{padding:0 20px}.detail-params>div{grid-template-columns:1fr;gap:6px}.detail-scenarios article{grid-template-columns:1fr;gap:10px;padding:22px}.detail-scenarios article>.detail-index{font-size:14px}.detail-example,.detail-video{padding:22px}.detail-code-layout .code{padding:18px;font-size:12px}.detail-hero .actions .primary{width:100%}}

@media(prefers-reduced-motion:reduce){.detail-scenarios article{transition:none}}