*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fb;--surface:#ffffff;--surface2:#f0f2f7;--border:#d1d5e0;--text:#1a1d2e;--muted:#6b7280;--accent:#2563eb;--green:#16a34a;--yellow:#b45309;--red:#dc2626;--purple:#7c3aed;--cyan:#0369a1;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"Inter", system-ui, sans-serif}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.site-logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.site-logo span{color:var(--accent)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--muted);font-size:.9rem}.nav-links a:hover{color:var(--text);text-decoration:none}main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1.5rem}footer{text-align:center;padding:1.5rem;color:var(--muted);font-size:.8rem;border-top:1px solid var(--border)}.home-hero{margin-bottom:3rem}.home-hero h1{font-family:var(--font-mono);font-size:2.5rem;color:var(--accent);margin-bottom:.5rem}.chip-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.chip-list a{display:flex;align-items:baseline;gap:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text)}.chip-list a:hover{border-color:var(--accent);text-decoration:none}.chip-num{font-family:var(--font-mono);font-weight:600;color:var(--accent);min-width:100px}.chip-desc{color:var(--muted);font-size:.9rem}.chip-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.chip-header h1{font-family:var(--font-mono);font-size:2rem;color:var(--accent)}.chip-subtitle{color:var(--muted);margin-top:.25rem}.chip-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface2)}.badge-package{color:var(--cyan)}.badge-voltage{color:var(--green)}.badge-datasheet{color:var(--yellow);border-color:var(--yellow)}.badge-datasheet:hover{background:color-mix(in srgb,var(--yellow) 15%,var(--surface2));text-decoration:none}.variant-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.85rem}.variant-label{color:var(--muted);margin-right:.25rem}.variant-link{padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono)}.variant-link:hover{color:var(--text);border-color:var(--accent);text-decoration:none}.variant-link.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.chip-layout{display:grid;grid-template-columns:auto 1fr;gap:2rem;margin-bottom:2rem;align-items:start}@media(max-width:700px){.chip-layout{grid-template-columns:1fr}}section h2{font-size:1rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.pinout-svg{width:100%;max-width:420px;height:auto;display:block}.chip-body{fill:var(--surface2);stroke:var(--border);stroke-width:1.5}.chip-notch{stroke:var(--border);stroke-width:1.5}.chip-label{font-family:var(--font-mono);font-size:13px;fill:var(--muted);font-weight:600}.pin-line{stroke:var(--border);stroke-width:1.5}.pin-rect{stroke:var(--border);stroke-width:1}.pin-rect.pin-type-input{fill:color-mix(in srgb,var(--accent) 20%,var(--surface2))}.pin-rect.pin-type-output{fill:color-mix(in srgb,var(--green) 20%,var(--surface2))}.pin-rect.pin-type-enable{fill:color-mix(in srgb,var(--yellow) 20%,var(--surface2))}.pin-rect.pin-type-power{fill:color-mix(in srgb,var(--red) 20%,var(--surface2))}.pin-rect.pin-type-io{fill:color-mix(in srgb,var(--purple) 20%,var(--surface2))}.pin-name-svg{font-family:var(--font-mono);font-size:11px;fill:var(--text);cursor:default}.pin-name-svg[data-desc]{cursor:help}.pin-name-svg[data-desc]:hover{fill:var(--accent)}.pin-num-svg{font-family:var(--font-mono);font-size:10px;fill:var(--muted)}.pin-tooltip{position:fixed;pointer-events:none;display:none;max-width:240px;padding:.4rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:.8rem;color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:100;line-height:1.4}.pin-tooltip.visible{display:block}@media(prefers-color-scheme:dark){:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#232637;--border:#2e3147;--text:#e2e4ef;--muted:#7b7f9e;--accent:#7aa2f7;--green:#9ece6a;--yellow:#e0af68;--red:#f7768e;--purple:#bb9af7;--cyan:#7dcfff}}.pin-table-section{margin-bottom:2rem}.pin-table{width:100%;border-collapse:collapse;font-size:.9rem}.pin-table th{text-align:left;padding:.5rem .75rem;background:var(--surface2);color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.pin-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.pin-table tr:hover td{background:var(--surface)}.pin-num{font-family:var(--font-mono);color:var(--muted)}.pin-name code{color:var(--text)}.type-badge{display:inline-block;padding:.1rem .4rem;border-radius:3px;font-size:.75rem;font-family:var(--font-mono)}.type-input{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.type-output{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.type-enable{background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow)}.type-power{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}.type-io{background:color-mix(in srgb,var(--purple) 15%,transparent);color:var(--purple)}.truth-table-section{margin-bottom:2rem}.table-scroll{overflow-x:auto}.truth-table{border-collapse:collapse;font-family:var(--font-mono);font-size:.85rem}.truth-table th{padding:.4rem .75rem;background:var(--surface2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.truth-table td{padding:.35rem .75rem;border:1px solid var(--border);text-align:center;color:var(--text)}.truth-table tr:hover td{background:var(--surface)}.error{color:var(--red);padding:1rem;background:var(--surface);border-radius:6px}