.diag-breadcrumb a{text-decoration:none;color:inherit}.diag-breadcrumb a:hover{color:#2563eb}.diag-breadcrumb .separator{margin:0 .5rem;color:#d1d5db}.diag-disclaimer{background:#fffbeb;border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:.5rem;padding:1rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start;color:#92400e;font-size:.95rem;line-height:1.5;box-shadow:0 1px 2px #0000000d}.disclaimer-icon{color:#f59e0b;flex-shrink:0;padding-top:.125rem}.disclaimer-content strong{color:#b45309;font-weight:700;margin-right:.25rem}.diag-page{padding-bottom:6rem;background-color:#f9fafb;min-height:100vh}.diag-hero{background:#fff;border-bottom:1px solid #e5e7eb;padding:8rem 1.5rem 3rem}.diag-breadcrumb{max-width:1120px;margin:0 auto 2rem;font-size:.875rem;color:#6b7280}.diag-breadcrumb ol{display:flex;list-style:none;padding:0;margin:0;align-items:center}.diag-hero-content{display:flex;align-items:center;gap:1.5rem;max-width:1120px;margin:0 auto}.diag-brand-icon{width:4rem;height:4rem;background:#f3f4f6;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#9ca3af;flex-shrink:0;overflow:hidden}.diag-brand-icon img{width:100%;height:100%;object-fit:contain;padding:.5rem}.diag-title{font-size:2.5rem;font-weight:800;color:#111;margin:0 0 .5rem;line-height:1.1}.diag-subtitle{font-size:1.125rem;color:#4b5563;margin:0}.diag-content{max-width:1120px;margin:3rem auto 0;padding:0 1.5rem}.diag-section{margin-bottom:4rem}.diag-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;width:100%;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.diag-section-header:focus-visible{outline:2px solid #2563eb;outline-offset:4px;border-radius:4px}.diag-header-left{display:flex;align-items:center;gap:.75rem}.diag-chevron{color:#9ca3af;transition:transform .2s ease}.diag-section-header[aria-expanded=true] .diag-chevron{transform:rotate(0)}.diag-section-header[aria-expanded=false] .diag-chevron{transform:rotate(-90deg)}.diag-section-header[aria-expanded=false]{margin-bottom:0;border-bottom:1px solid transparent}.diag-section-content{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease-out}.diag-section-content[aria-hidden=true]{grid-template-rows:0fr;overflow:hidden}.diag-section-content>div{min-height:0}.diag-section-title{font-size:1.5rem;font-weight:700;color:#111;margin:0}.diag-count{margin-left:1rem;background:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;color:#6b7280;font-weight:600;white-space:nowrap}.diag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.diag-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex;flex-direction:column;height:100%}.diag-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#93c5fd}.diag-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.diag-code-badge{background:#eff6ff;color:#1d4ed8;padding:.25rem .75rem;border-radius:.375rem;font-family:monospace;font-weight:700;font-size:1rem}.diag-card:hover .diag-code-badge{background:#2563eb;color:#fff}.diag-arrow-icon{color:#d1d5db;transition:transform .2s}.diag-card:hover .diag-arrow-icon{color:#2563eb;transform:translate(4px)}.diag-code-title{font-size:1.125rem;font-weight:600;color:#111;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.diag-card:hover .diag-code-title{color:#2563eb}.diag-code-desc{font-size:.875rem;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.diag-empty{text-align:center;padding:4rem;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:1rem;color:#6b7280}.diag-empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.diag-index-section{background:#fff;padding:2rem;border-radius:1rem;border:1px solid #e5e7eb}.diag-index-grid{display:flex;flex-wrap:wrap;gap:.75rem}.diag-index-item{display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;color:#4b5563;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;font-family:monospace;font-weight:600;transition:all .2s;font-size:.875rem;border:1px solid transparent}.diag-index-item:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;transform:translateY(-1px)}