.use-hero{border-bottom:1px solid var(--line);padding:92px 0 58px}.use-hero h1{margin-bottom:18px}.use-hero>p:last-child{color:var(--muted);font-family:var(--sans);max-width:680px;font-size:21px;line-height:1.55}.use-section{border-bottom:1px solid var(--line);padding:62px 0}.use-section h2,.use-note h2{max-width:700px;margin-bottom:14px;font-size:clamp(32px,4vw,48px)}.use-section>p,.use-note p{color:var(--muted);max-width:700px;font-size:17px;line-height:1.7}.use-section pre{color:#eaf0e9;background:#22342f;max-width:700px;margin:30px 0 22px;padding:25px;font:15px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:10px 10px #d8d4c7}.use-section pre span{color:#d99d77}.use-section aside{border-left:4px solid var(--pine);max-width:700px;padding:4px 0 4px 18px}.use-section aside h3{margin:0 0 8px;font:700 15px Arial,sans-serif}.use-section aside p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.use-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.use-license{color:var(--muted);margin-top:16px;font-size:13px!important}.use-note{background:#e5e9df;margin-top:0;padding:52px max(36px,50vw + min(1180px,100vw - 72px)/-2)}.use-note p{margin-bottom:22px}.use-note a{color:var(--pine);text-underline-offset:4px;font-size:14px}@media (max-width:800px){.use-hero{padding:64px 0 42px}.use-hero>p:last-child{font-size:19px}.use-section{padding:46px 0}.use-section pre{padding:20px;font-size:13px;box-shadow:7px 7px #d8d4c7}.use-note{padding:40px 20px}}
