.smd-component-page{max-width:1180px;margin:0 auto;padding:42px 20px 72px}.smd-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:14px;opacity:0.8}.smd-breadcrumbs a{color:inherit;text-decoration:none}.smd-breadcrumbs a:hover{text-decoration:underline}.smd-component-page .smd-component-hero,.smd-component-page .smd-card{border-radius:22px;overflow:hidden}.smd-component-hero{margin-bottom:24px;padding:30px 34px}.smd-component-label{margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;opacity:0.7}.smd-component-hero h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.15}.smd-component-description{max-width:780px;margin:14px 0 0;font-size:17px;line-height:1.6;opacity:0.9}.smd-component-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.smd-component-tags span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;font-size:14px}.smd-component-tags .smd-datasheet-pill a,.smd-component-tags .smd-datasheet-pill a:visited{color:inherit;text-decoration:none;font-weight:700}.smd-component-tags .smd-datasheet-pill a:hover{text-decoration:none;opacity:0.85}.smd-component-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-bottom:24px}.smd-card{padding:26px}.smd-card h2{margin:0 0 18px;font-size:22px;line-height:1.25}.smd-spec-list{display:grid;gap:0;margin:0}.smd-spec-list div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom-width:1px;border-bottom-style:solid}.smd-spec-list div:first-child{padding-top:0}.smd-spec-list div:last-child{padding-bottom:0;border-bottom:0}.smd-spec-list dt{font-weight:700;opacity:0.75}.smd-spec-list dd{min-width:0;margin:0;word-break:break-word}.smd-spec-list dd a,.smd-spec-list dd a:visited{font-weight:700;text-decoration:none;color:inherit}.smd-spec-list dd a:hover{text-decoration:underline}.smd-package-card{align-self:start}.smd-package-image{display:flex;align-items:center;justify-content:center;min-height:230px;padding:20px;border-radius:18px;border-width:1px;border-style:solid}.smd-package-image img{display:block;max-width:100%;max-height:200px;object-fit:contain}.smd-empty-text{margin:0;opacity:0.75}.smd-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.smd-section-head h2{margin:0}.smd-section-head span{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border-radius:999px;font-size:13px;opacity:0.8}.smd-pinout-table-wrap{overflow-x:auto}.smd-pinout-table{width:100%;border-collapse:collapse}.smd-pinout-table caption.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.smd-pinout-table th,.smd-pinout-table td{padding:14px 16px;text-align:left;border-bottom-width:1px;border-bottom-style:solid}.smd-pinout-table th{font-weight:700;opacity:0.75}.smd-pinout-table tr:last-child th,.smd-pinout-table tr:last-child td{border-bottom:0}.smd-pinout-table th[scope="row"]{width:160px;white-space:nowrap}html:not(.dark) .smd-component-page .smd-component-hero{border:1px solid rgba(15,23,42,0.10);background:radial-gradient(circle at top right,rgba(15,23,42,0.055),transparent 36%),#ffffff;box-shadow:0 18px 45px rgba(15,23,42,0.08)}html:not(.dark) .smd-component-page .smd-card{border:1px solid rgba(15,23,42,0.10);background:#ffffff;box-shadow:0 16px 40px rgba(15,23,42,0.07)}html:not(.dark) .smd-component-page .smd-component-tags span{border:1px solid rgba(15,23,42,0.10);background:rgba(15,23,42,0.045);color:inherit}html:not(.dark) .smd-component-page .smd-spec-list div,html:not(.dark) .smd-component-page .smd-pinout-table th,html:not(.dark) .smd-component-page .smd-pinout-table td{border-bottom-color:rgba(15,23,42,0.09)}html:not(.dark) .smd-component-page .smd-section-head span{background:rgba(15,23,42,0.06)}html:not(.dark) .smd-component-page .smd-package-image{border-color:rgba(15,23,42,0.08);background:#ffffff}html.dark .smd-component-page .smd-component-hero{border:1px solid rgba(255,255,255,0.10);background:radial-gradient(circle at top right,rgba(255,255,255,0.08),transparent 34%),rgba(255,255,255,0.035);box-shadow:none}html.dark .smd-component-page .smd-card{border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.035);box-shadow:none}html.dark .smd-component-page .smd-component-tags span{border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.055);color:inherit}html.dark .smd-component-page .smd-spec-list div,html.dark .smd-component-page .smd-pinout-table th,html.dark .smd-component-page .smd-pinout-table td{border-bottom-color:rgba(255,255,255,0.08)}html.dark .smd-component-page .smd-section-head span{background:rgba(255,255,255,0.06)}html.dark .smd-component-page .smd-package-image{border-color:rgba(255,255,255,0.08);background:#ffffff}@media (max-width:900px){.smd-component-grid{grid-template-columns:1fr}.smd-package-card{order:-1}}@media (max-width:640px){.smd-component-page{padding:28px 14px 56px}.smd-component-page .smd-component-hero,.smd-component-page .smd-card{padding:20px;border-radius:18px}.smd-package-image{border-radius:16px}.smd-spec-list div{grid-template-columns:1fr;gap:5px}.smd-pinout-table th,.smd-pinout-table td{padding:12px}.smd-pinout-table th[scope="row"]{width:auto}}html:not(.dark) .smd-component-page .smd-component-tags span.smd-datasheet-pill,html.dark .smd-component-page .smd-component-tags span.smd-datasheet-pill{border-color:rgba(37,99,235,0.45) !important;background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;color:#ffffff !important}html:not(.dark) .smd-component-page .smd-component-tags span.smd-datasheet-pill a,html:not(.dark) .smd-component-page .smd-component-tags span.smd-datasheet-pill a:visited,html.dark .smd-component-page .smd-component-tags span.smd-datasheet-pill a,html.dark .smd-component-page .smd-component-tags span.smd-datasheet-pill a:visited{color:#ffffff !important;text-decoration:none !important;font-weight:700}html:not(.dark) .smd-component-page .smd-component-tags span.smd-datasheet-pill:hover,html.dark .smd-component-page .smd-component-tags span.smd-datasheet-pill:hover{border-color:rgba(37,99,235,0.75) !important;background:linear-gradient(135deg,#1d4ed8,#1e40af) !important}html:not(.dark) .smd-component-page .smd-component-tags span.smd-datasheet-pill:hover a,html.dark .smd-component-page .smd-component-tags span.smd-datasheet-pill:hover a{opacity:1;text-decoration:none !important}