.br{padding-top:48px;padding-bottom:56px}.br section{margin-top:48px}.br h2{margin-bottom:8px}.br-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px;margin:18px 0 26px}.br-tile{display:grid;place-items:center;min-height:140px;border:1px solid var(--line);border-radius:14px;padding:20px}.br-light{background:#fff}.br-night{background:#0b1020;border-color:#0b1020}.br-mono{color:#0f172a}.br-icon{background:#f8fafc}.br-donts{padding-left:20px;color:var(--muted)}.br-swatches{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.br-swatches li{display:flex;flex-direction:column;gap:2px;font-size:14px}.br-chip{height:64px;border-radius:10px;border:1px solid var(--line);margin-bottom:6px}.br-swatches code{color:var(--muted);font:13px ui-monospace,Menlo,Consolas,monospace}.br-swatches small{color:#64748b;font-size:13px}.br-type{margin:18px 0 0}.br-type>div{border-top:1px solid var(--line);padding:16px 0}.br-type dt{color:var(--muted);font-size:13.5px;margin-bottom:6px}.br-type dt small{color:#64748b;margin-left:6px}.br-type dd{margin:0}.lp .br-type .br-t0{font-family:var(--head);font-size:clamp(32px,5.4vw,56px);line-height:.98;letter-spacing:-.045em;font-weight:800}.lp .br-type .br-t1{font-family:var(--head);font-size:clamp(26px,3.8vw,38px);line-height:1.02;letter-spacing:-.035em;font-weight:800}.lp .br-type .br-t2{font-family:var(--head);font-size:16px;letter-spacing:-.01em;font-weight:700}.br-type .br-t3{font-size:18px;color:var(--muted)}.br-type .br-t4{font-size:15px}.br-type .br-t5{font-size:13px;font-weight:600;color:var(--muted)}.br-voice{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.br-voice>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.br-voice p{border-radius:12px;padding:14px 16px;font-size:15px}.br-voice b{display:block;font-size:13px;margin-bottom:4px}.br-do{background:#eef2ff}.br-do b{color:var(--brand)}.br-dont{background:#f8fafc;color:var(--muted);border:1px dashed #cbd5e1}.br-files{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.br-files a{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:13.5px ui-monospace,Menlo,Consolas,monospace;color:var(--brand)}.br-files a:hover{background:#eef2ff;border-color:#c7d2fe}@media (max-width:720px){.br{padding-top:32px}.br-voice>div{grid-template-columns:1fr}}