.Detail{margin-bottom:4rem}.Detail .Page-Viewport{width:min(100%,880px)}.Detail-Header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:clamp(2.5rem,7vw,5rem)}.Detail-Header>.Button{align-self:flex-start;margin-top:.75rem}.Detail-Titles{display:flex;flex-direction:column;gap:.75rem}.Detail-Title{max-width:18ch;margin:0;font-size:clamp(2.6rem,6vw,4.8rem)}.Detail-Subtitle{margin:0;color:var(--color-text-muted);font-size:1.25rem;font-weight:400;letter-spacing:-.015em}.Detail-Meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.Detail-Meta i{color:var(--color-text-muted);font:.7rem/1 var(--font-code);display:inline-flex;gap:.6rem;align-items:center;text-transform:uppercase}.Detail-Date{color:var(--color-accent);font:700 .7rem/1.4 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Detail-Date.alternate{color:var(--color-text-muted);font-size:.7rem;font-weight:400}.Detail-Summary{max-width:68ch;margin:.5rem 0 0;color:var(--color-text-muted);font-size:1.08rem}.Detail>.Detail-Header.image{position:relative;width:min(calc(100% - 2rem),1240px);margin:0 auto clamp(2rem,8vw,4rem);padding-top:clamp(1rem,3vw,2rem)}.Detail-Image{display:block;width:100%;max-height:min(68vh,720px);margin:0 auto;border:1px solid var(--color-border);border-radius:14px;object-fit:cover}.Detail-Header.image .Detail-Titles{position:relative;z-index:1;width:min(calc(100% - 2rem),1e3px);margin:clamp(-6rem,-8vw,-3.5rem)auto 0;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-bg) 94%,transparent);box-shadow:0 18px 50px var(--color-shadow);backdrop-filter:blur(20px)}.Detail-Header.image .Detail-Title{font-size:clamp(2.3rem,6vw,4.8rem)}.Detail-Body{color:var(--color-text);font-size:1.08rem;line-height:1.78}.Detail-Body>:first-child{margin-top:0}.Detail-Body p{text-wrap:pretty}.Detail-Body h2{margin:clamp(3.5rem,8vw,5.5rem)0 1.5rem;padding-left:1rem;border-left:3px solid var(--color-accent);color:var(--color-text);font-size:clamp(1.75rem,4vw,2.7rem)}.Detail-Body h3{margin:3rem 0 1rem}.Detail-Body a{color:var(--color-accent)}.Detail-Body>code{display:block;overflow-x:auto;margin:1.5rem 0;padding:1.5rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);white-space:nowrap}.Detail-Body p code{display:inline;margin:0;padding:.14rem .38rem;white-space:normal}.Detail-Body img{border-radius:8px}@media(max-width:810px){.Detail>.Detail-Header.image{width:100%}.Detail-Header.image .Detail-Titles{width:calc(100% - 2rem);margin-top:-2rem}}.bg{color:#f8f8f2;background-color:#282a36}.chroma{color:#f8f8f2;background-color:#282a36}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#3d3f4a}.chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#ff79c6}.chroma .kc{color:#ff79c6}.chroma .kd{color:#8be9fd;font-style:italic}.chroma .kn{color:#ff79c6}.chroma .kp{color:#ff79c6}.chroma .kr{color:#ff79c6}.chroma .kt{color:#8be9fd}.chroma .na{color:#50fa7b}.chroma .nb{color:#8be9fd;font-style:italic}.chroma .nc{color:#50fa7b}.chroma .nf{color:#50fa7b}.chroma .nl{color:#8be9fd;font-style:italic}.chroma .nt{color:#ff79c6}.chroma .nv{color:#8be9fd;font-style:italic}.chroma .vc{color:#8be9fd;font-style:italic}.chroma .vg{color:#8be9fd;font-style:italic}.chroma .vi{color:#8be9fd;font-style:italic}.chroma .s{color:#f1fa8c}.chroma .sa{color:#f1fa8c}.chroma .sb{color:#f1fa8c}.chroma .sc{color:#f1fa8c}.chroma .dl{color:#f1fa8c}.chroma .sd{color:#f1fa8c}.chroma .s2{color:#f1fa8c}.chroma .se{color:#f1fa8c}.chroma .sh{color:#f1fa8c}.chroma .si{color:#f1fa8c}.chroma .sx{color:#f1fa8c}.chroma .sr{color:#f1fa8c}.chroma .s1{color:#f1fa8c}.chroma .ss{color:#f1fa8c}.chroma .m{color:#bd93f9}.chroma .mb{color:#bd93f9}.chroma .mf{color:#bd93f9}.chroma .mh{color:#bd93f9}.chroma .mi{color:#bd93f9}.chroma .il{color:#bd93f9}.chroma .mo{color:#bd93f9}.chroma .o{color:#ff79c6}.chroma .ow{color:#ff79c6}.chroma .c{color:#6272a4}.chroma .ch{color:#6272a4}.chroma .cm{color:#6272a4}.chroma .c1{color:#6272a4}.chroma .cs{color:#6272a4}.chroma .cp{color:#ff79c6}.chroma .cpf{color:#ff79c6}.chroma .gd{color:#f55}.chroma .ge{text-decoration:underline}.chroma .gh{font-weight:700}.chroma .gi{color:#50fa7b;font-weight:700}.chroma .go{color:#44475a}.chroma .gu{font-weight:700}.chroma .gl{text-decoration:underline}