.detail-page{max-width:56rem;margin:0 auto;padding:0 24px 64px}@media (max-width:640px){.detail-page{padding:0 16px 48px}}.detail-page--missing{padding-top:96px;text-align:center}.detail-missing__title{font-size:48px;margin:0 0 12px}.detail-missing__body{color:var(--fg-soft);margin-bottom:24px}.detail-missing__link{color:var(--fg);border-bottom:1px solid var(--accent);padding-bottom:1px}.crumbs{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:32px}.crumbs__link{color:var(--fg-soft);text-decoration:none}.crumbs__link:hover{color:var(--fg)}.crumbs__current{color:var(--fg)}.detail-hero{padding-top:32px;padding-bottom:28px}.detail-hero__title{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.04em;color:var(--fg);margin:8px 0 16px}.detail-hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.detail-hero__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.detail-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:9999px;border:1px solid var(--panel-border)}.detail-tag--default{color:#047857;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25)}html.dark .detail-tag--default{color:#6ee7b7;background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.3)}.detail-tag--extra{color:#c2410c;background:rgba(234,88,12,.08);border-color:rgba(234,88,12,.22)}html.dark .detail-tag--extra{color:#fdba74;background:rgba(234,88,12,.14);border-color:rgba(234,88,12,.3)}.detail-tag--internal{color:var(--muted);background:var(--panel)}.detail-btn-ghost,.detail-btn-primary,.detail-btn-secondary{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;border-radius:9999px;cursor:pointer;text-decoration:none;transition:transform 150ms ease,background 150ms ease,border-color 150ms ease,color 150ms ease}.detail-btn-primary{padding:11px 20px;font-weight:600;color:var(--bg);background:var(--fg);border:1px solid var(--fg)}.detail-btn-primary:hover{transform:translateY(-1px)}.detail-btn-primary--on{background:#10b981;border-color:#10b981}.detail-btn-primary__icon{width:14px;height:14px}.detail-btn-secondary{padding:10px 18px;color:var(--fg);background:0 0;border:1px solid var(--panel-border)}.detail-btn-secondary:hover{background:var(--panel);border-color:var(--rule);transform:translateY(-1px)}.detail-btn-secondary__arrow{width:12px;height:12px;opacity:.7}.detail-btn-ghost{font-size:13px;color:var(--fg-soft);border-bottom:1px solid var(--rule);padding:0 0 1px;border-radius:0}.detail-btn-ghost:hover{color:var(--fg);border-color:var(--fg)}.detail-card{margin-top:12px;padding:22px 24px;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel)}.detail-card--ok{border-color:color-mix(in srgb,#10b981 35%,var(--panel-border));background:color-mix(in srgb,#10b981 6%,var(--panel))}.detail-card__heading{margin:0 0 8px;font-size:18px;color:var(--fg)}.detail-card__body{margin:0;font-size:14px;line-height:1.6;color:var(--fg-soft)}.detail-snippet{position:relative;margin-top:14px;border:1px solid var(--panel-border);border-radius:10px;background:var(--bg-elev);overflow:hidden}.detail-snippet__pre{margin:0;padding:14px 16px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;line-height:1.55;color:var(--fg);white-space:pre-wrap;word-break:break-word}.detail-snippet__pre--shiki pre.shiki{margin:0;background:0 0!important;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.detail-snippet__pre--shiki pre.shiki span{color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight)}html.dark .detail-snippet__pre--shiki pre.shiki span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight)}.detail-snippet__copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:var(--fg-soft);background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--panel-border);border-radius:9999px;cursor:pointer;transition:color 150ms ease,background 150ms ease,border-color 150ms ease}.detail-snippet__copy svg{width:12px;height:12px}.detail-snippet__copy:hover{color:var(--fg);background:var(--bg);border-color:var(--rule)}.detail-snippet__copy--ok{color:#047857;border-color:rgba(16,185,129,.4)}html.dark .detail-snippet__copy--ok{color:#6ee7b7}.detail-meta{margin-top:28px}.detail-meta__grid{margin:0;display:grid;gap:6px;border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px;background:var(--bg-elev)}.detail-meta__row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--panel-border)}.detail-meta__row:last-child{border-bottom:0}.detail-meta__row dt{color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;align-self:center}.detail-meta__row dd{margin:0;color:var(--fg-soft);word-break:break-all}.detail-meta__row dd a{color:var(--fg);border-bottom:1px solid var(--rule)}.detail-meta__row dd a:hover{border-color:var(--fg)}.prevnext{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.prevnext__link{padding:14px 16px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px;transition:border-color 150ms ease,background 150ms ease,transform 150ms ease}.prevnext__link:hover{border-color:var(--rule);background:var(--bg-elev);transform:translateY(-1px)}.prevnext__link--next{text-align:right;grid-column:2}.prevnext__link--prev{grid-column:1}.prevnext__hint{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--muted)}.prevnext__name{font-size:16px;color:var(--fg)}@media (max-width:640px){.prevnext{grid-template-columns:1fr}.prevnext__link--next,.prevnext__link--prev{grid-column:1;text-align:left}}