.guide-screenshot{margin:30px 0;border:1px solid #dce7e2;background:#f7faf9;border-radius:14px;overflow:hidden}.guide-screenshot img{display:block;width:100%;height:auto}.guide-screenshot figcaption{padding:12px 18px;color:#52675e;font-size:13px}.dev-code-tabs{flex-wrap:wrap;gap:5px}.dev-code-tabs button{font-size:12px}.dev-sidebar nav{max-height:calc(100vh - 280px);overflow:auto}.dev-prose h2{scroll-margin-top:120px}.feature-illustration{height:140px;overflow:hidden;background:#ecf6f1;border-radius:10px;margin-bottom:20px}.feature-illustration svg{width:100%;height:100%}.doc-visual-guide{margin-top:36px;border-top:1px solid #ddd;padding-top:20px}.about-story{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px}.about-story img{max-width:100%;border-radius:20px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-values article{padding:28px;border:1px solid #dce7e2;border-radius:18px;background:#fff}.about-values p{color:#557067;line-height:1.8}@media(max-width:800px){.about-story,.about-values{grid-template-columns:1fr}.dev-sidebar nav{max-height:300px}.dev-code-tabs{max-height:160px;overflow:auto}}

.reference-shot{position:relative}.ref-annotation{position:absolute;z-index:1;background:#fff6d9;color:#6c4100;border:2px solid #eea827;border-radius:6px;padding:3px 7px;font:600 clamp(7px,1vw,13px)/1.4 system-ui;box-shadow:0 1px 4px #0002}.annotation-menu{left:1%;top:17%}.annotation-params{left:24%;top:46%}.annotation-language{left:71%;top:14%}