.code-root{display:flex;flex-direction:column;width:100%}.container{max-width:100%;margin:0 auto;padding:1rem}.grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;flex:1 1;min-width:700px;max-width:1000px}.card-header{padding:0 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.card-title{font-size:1.125rem;font-weight:600;color:#1f2937}.card-content{padding:1.5rem}.code-block{background-color:#1e293b;border-radius:.375rem;overflow:hidden}.code-text{margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;white-space:pre-wrap;color:#f1f5f9}