.tf-rap-style-picker{border:0;min-width:0;margin:28px 0 4px;padding:0}.tf-rap-style-picker legend{margin-bottom:12px;font-weight:650}.tf-rap-style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tf-rap-style-option{border:1px solid var(--tf-line);background:var(--tf-panel);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.tf-rap-style-option:has(input:checked){border-color:var(--tf-cyan);background:color-mix(in srgb, var(--tf-cyan) 7%, var(--tf-panel))}.tf-rap-style-option:focus-within{outline:2px solid var(--tf-cyan);outline-offset:3px}.tf-rap-style-option input{accent-color:var(--tf-cyan);flex-shrink:0;margin-top:4px}.tf-rap-style-option>span{gap:5px;display:grid}.tf-rap-style-option strong{font-size:15px}.tf-rap-style-option span span{color:var(--tf-muted);font-size:12px;line-height:1.65}.tf-direct-hero.tf-rap-without-example{grid-template-columns:minmax(0,760px)}.tf-rap-examples{border-top:1px solid var(--tf-line);margin-block:30px;padding-top:26px}.tf-rap-examples h2{margin-bottom:12px;font-size:clamp(24px,3vw,32px)}.tf-rap-examples>p{color:var(--tf-muted);margin-bottom:22px}.tf-rap-example-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;display:grid}.tf-rap-example-grid article{max-width:520px}.tf-rap-example-grid h3{margin-bottom:12px;font-size:18px}.tf-rap-sample{border:1px solid var(--tf-line);background:var(--tf-panel);border-radius:12px;margin:0 0 12px;overflow:hidden}.tf-rap-sample figcaption{color:var(--tf-muted);gap:6px;padding:14px;font-size:12px;display:grid}@media (width<=620px){.tf-rap-style-options{grid-template-columns:minmax(0,1fr)}}