.screenshot-guide main{max-width:1100px}.screenshot-guide h1{font-size:clamp(34px,5vw,62px);line-height:1.1;letter-spacing:-.045em;font-weight:550}.screenshot-guide h2{font-size:clamp(24px,3vw,32px);font-weight:550;letter-spacing:-.03em}.screenshot-guide p,.screenshot-guide li{color:var(--text-2);line-height:1.8;max-width:80ch}.screenshot-guide section{padding:32px 0;border-top:1px solid var(--line)}.screenshot-guide figure{margin:24px 0}.screenshot-guide figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.screenshot-example{max-width:760px}.screenshot-guide figcaption{font-size:12px;color:var(--text-3);padding:12px 0}.screenshot-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.screenshot-options img{background-color:var(--surface-2);background-image:repeating-conic-gradient(#ffffff06 0% 25%,transparent 0% 50%);background-size:24px 24px}.screenshot-guide pre{padding:24px;background:var(--surface);overflow:auto;border:1px solid var(--line);border-radius:8px;font:12px/1.8 var(--mono)}.screenshot-guide p code{overflow-wrap:anywhere}@media(max-width:640px){.screenshot-options{grid-template-columns:1fr}.screenshot-guide .viewer-name{display:none}}