body{color:#20232a;background:#f7f8fa;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.container{max-width:860px;margin:0 auto;padding:32px 20px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand{color:#111827;font-size:24px;font-weight:700;text-decoration:none}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{color:#334155;background:#e5e7eb;border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none}.nav a:hover{background:#d1d5db}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px 32px}h1{color:#111827;margin:0 0 8px;font-size:28px}h2{color:#111827;margin:28px 0 12px;font-size:22px}h3{color:#1f2937;margin:24px 0 10px;font-size:17px}p{color:#374151;margin:0 0 14px;line-height:1.75}.description{color:#6b7280;font-size:15px}.content ul,.content ol{color:#374151;margin:0 0 14px;padding-left:22px;line-height:1.75}.content li{margin-bottom:6px}.content li ul,.content li ol{margin-top:6px}.content a{color:#2563eb}.content hr{border:none;border-top:1px solid #e5e7eb;margin:24px 0}.content details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;padding:12px 16px}.content details summary{cursor:pointer;color:#111827;font-weight:600;list-style:none}.content details summary::-webkit-details-marker{display:none}.content details summary:before{content:"▸ ";color:#6b7280;transition:transform .15s;display:inline-block}.content details[open] summary:before{content:"▾ "}.content details p{color:#4b5563;margin:10px 0 0}.callout{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;gap:12px;margin:0 0 12px;padding:14px 16px;display:flex}.callout-icon{flex-shrink:0;font-size:20px}.callout-body{flex:1}.callout-body p{color:#374151;margin:0;line-height:1.6}.callout-body p+p{margin-top:4px}.language-links{gap:8px;margin-bottom:20px;display:flex}.language-links a{color:#1d4ed8;background:#dbeafe;border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none}.language-links a:hover{background:#bfdbfe}strong{color:#111827}@media (width<=640px){.container{padding:20px 16px}.card{padding:20px 18px}h1{font-size:24px}h2{font-size:19px}}