.shot-figure picture{display:block}.shot-img{display:block;max-width:100%;transition:opacity var(--dur) var(--ease)}.shot-img[data-state=loading]{opacity:0}.shot-figure-phone picture{max-width:min(100%,20rem)}.code-figure .detail-scroll{border-radius:var(--radius)}.code-figure .detail-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-svg{width:max-content;line-height:0}.code-svg svg{display:block;max-width:none;height:auto}.code-figure figcaption{display:grid;gap:var(--space-1)}.code-figure-path{color:var(--text);overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.shot-img{transition:none}.shot-img[data-state=loading]{opacity:1}}.detail-content>p{max-width:var(--measure)}.project-aside{max-width:var(--measure);padding-left:var(--space-4);border-left:2px solid var(--accent);color:var(--text-2);font-size:var(--fs-sm)}.project-phones{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.project-phones .detail-figure{flex:1 1 14rem;max-width:20rem;margin-block:0}.project-phones .shot-figure-phone picture{max-width:100%}.project-faq{display:grid;gap:var(--space-5);max-width:var(--measure);margin-bottom:0}.project-faq dt{font-weight:600;color:var(--text)}.project-faq dd{margin:var(--space-2) 0 0}