.detail-page{margin:0 auto}.detail-header{border-bottom:1px solid var(--line);margin-bottom:2.5rem;padding-bottom:1.5rem}.detail-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.detail-meta{font-family:var(--font-mono);color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;display:flex}.detail-meta a{color:var(--ink-700);text-decoration:none}.detail-meta a:hover{color:var(--red-link-hover)}.tag-list{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:inline-flex}.detail-content{color:var(--ink-700);font-size:1rem;line-height:1.7}.detail-page .detail-content,.detail-page .detail-header{margin-inline:auto}.detail-content>*+*{margin-top:1rem}.detail-content h2{color:var(--ink-900);margin-top:2.25rem;font-size:1.375rem;font-weight:600}.detail-content h3{color:var(--ink-900);margin-top:1.75rem;font-size:1.125rem;font-weight:600}.detail-content .heading-anchor{color:inherit;text-decoration:none;position:relative}.detail-content .heading-anchor:before{content:"#";color:var(--ink-300);opacity:0;padding-right:.35em;font-size:.8em;font-weight:400;transition:opacity .15s;position:absolute;right:100%}.detail-content :is(h2,h3):hover .heading-anchor:before{opacity:1}.detail-content :is(h2,h3):target .heading-anchor{animation:2s ease-out forwards heading-highlight}@keyframes heading-highlight{0%{color:var(--red-fg)}60%{color:var(--red-fg)}to{color:var(--ink-900)}}.detail-content p{margin:0 0 .875rem}.detail-content ul,.detail-content ol{padding-left:2.5rem}.detail-content li{margin-bottom:4px}.detail-content :not(pre)>code{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-900);background:#0b1b2d14;border-radius:3px;padding:1px .3125rem;font-size:.8125rem}:root[data-theme=dark] .detail-content :not(pre)>code{border-color:var(--line);background:#ffffff0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .detail-content :not(pre)>code{border-color:var(--line);background:#ffffff0f}}.code-block{position:relative}.copy-btn{font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface-1,var(--surface-2));color:var(--ink-500);cursor:pointer;opacity:0;border-radius:4px;padding:2px .5rem;font-size:.6875rem;transition:opacity .15s,color .15s;position:absolute;top:.5rem;right:.5rem}.code-block:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--ink-900)}:root[data-theme=dark] .copy-btn{background:var(--navy-700)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .copy-btn{background:var(--navy-700)}}.detail-content pre{font-family:var(--font-mono);background:var(--shiki-light-bg,var(--surface-2));border:1px solid var(--line);border-radius:6px;margin-bottom:1rem;padding:.875rem 1.125rem;font-size:.8125rem;line-height:normal;overflow-x:auto}:root[data-theme=dark] .detail-content pre{background:var(--shiki-dark-bg,var(--surface-2))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .detail-content pre{background:var(--shiki-dark-bg,var(--surface-2))}}.detail-content pre code span{color:var(--shiki-light)}:root[data-theme=dark] .detail-content pre code span{color:var(--shiki-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .detail-content pre code span{color:var(--shiki-dark)}}.detail-content img{border-radius:4px;max-width:100%;height:auto;margin:1.125rem 0;display:block}.detail-content a{color:var(--red-link);text-underline-offset:2px;text-decoration:underline}.detail-content a:hover{color:var(--red-link-hover)}.detail-content blockquote{color:var(--ink-700);background:color-mix(in srgb, var(--surface-1) 100%, var(--ink-500));box-shadow:inset 3px 0 0 var(--ink-700);border-radius:0 4px 4px 0;margin:1.25rem 0;padding:1rem;font-style:italic}.detail-content blockquote>*+*{margin-top:.625rem}.detail-content blockquote p{margin:0}.detail-content blockquote :not(pre)>code{font-style:normal}.detail-content blockquote a{color:var(--red-link)}