*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-bg-alt:#f8fafc;--color-bg-dark:#0f172a;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-light:#6b7280;--color-accent:#0077b6;--color-accent-dark:#005f92;--color-border:#e2e8f0;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error-bg:#fef2f2;--color-error-text:#991b1b;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-info-bg:#dbeafe;--color-info-text:#1e40af;--text-2xs:.55rem;--text-xs:.65rem;--text-sm:.75rem;--text-base:.85rem;--text-md:.95rem;--text-lg:1.15rem;--text-xl:1.25rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:999px;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,monospace;--max-width:800px;--max-width-wide:1100px}html{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;scroll-padding-top:80px}[id]{scroll-margin-top:80px}body{min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent-dark)}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-bg-dark);font-weight:700;line-height:1.3}h1{font-size:2.5rem}h2{font-size:1.75rem;margin-bottom:1rem;margin-top:2.5rem}h3{font-size:1.35rem;margin-bottom:.75rem;margin-top:2rem}p{margin-bottom:1.25rem}.container{max-width:var(--max-width)}.container,.container-wide{margin:0 auto;padding:0 1.5rem}.container-wide{max-width:var(--max-width-wide)}table{border-collapse:collapse;font-size:var(--text-md);margin:1.5rem 0;width:100%}td,th{border-bottom:1px solid var(--color-border);padding:.75rem 1rem;text-align:left}th{background:var(--color-bg-alt);color:var(--color-bg-dark);font-size:var(--text-base);letter-spacing:.03em;text-transform:uppercase}.btn,th{font-weight:600}.btn{border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-block;font-family:inherit;font-size:var(--text-md);padding:.6rem 1.25rem;text-decoration:none;transition:all .15s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-dark);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{font-size:var(--text-base);padding:.35rem .75rem}.page{padding:3rem 0 2rem}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:2.5rem;letter-spacing:-.02em}.page-label{color:var(--color-accent);font-size:.8rem;letter-spacing:.06em}.page-label,.page-tag{display:inline-block;font-weight:700;margin-bottom:.75rem;text-transform:uppercase}.page-tag{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.7rem;letter-spacing:.05em;padding:.2rem .55rem}.page-subtitle{margin-bottom:0;margin-top:.5rem}.page-desc,.page-subtitle{color:var(--color-text-muted);font-size:1.05rem}.page-desc{margin-top:.75rem;max-width:650px}.back-link{color:var(--color-accent);display:inline-block;font-size:var(--text-base);font-weight:600;margin-bottom:1rem;text-decoration:none}.back-link:before{content:"← "}.meta-chip{align-items:center;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-base);font-weight:500;gap:.35rem;padding:.3rem .75rem}.meta-chip strong{color:var(--color-bg-dark);font-weight:700}.meta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.section{margin-top:2.5rem}.section h2{font-size:1.5rem;margin-bottom:.75rem;margin-top:0}.section p{font-size:var(--text-md);line-height:1.65}.table-wrap{overflow-x:auto}.table-wrap table{min-width:500px}.content-list{margin-bottom:1.25rem;padding-left:1.5rem}.content-list li{font-size:var(--text-md);line-height:1.65;margin-bottom:.75rem}.related-links{display:flex;flex-wrap:wrap;gap:.75rem}.related-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;text-decoration:none;transition:border-color .15s}.related-card:hover{border-color:var(--color-accent)}.related-card strong{color:var(--color-bg-dark);font-size:1rem}.related-card span{color:var(--color-text-muted);font-size:var(--text-base)}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);display:flex;flex-direction:column;padding:1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px #0077b614}.section code{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:4px;font-size:.88em;padding:.1rem .4rem}.search-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-family:inherit;font-size:1rem;margin-bottom:.75rem;outline:none;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;width:100%}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0077b61a}.search-input::-moz-placeholder{color:var(--color-text-light)}.search-input::placeholder{color:var(--color-text-light)}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.3rem .7rem;transition:all .15s}.filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media(max-width:768px){h1{font-size:1.85rem}h2{font-size:1.4rem}h3{font-size:var(--text-lg)}table{font-size:var(--text-base)}td,th{padding:.5rem .6rem}.page-header h1{font-size:1.85rem}.card-grid{grid-template-columns:1fr}}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}