main:has(>.pinout-page){max-width:none;width:100%;padding:0}
.pinout-page{max-width:1440px;margin:auto;padding:30px 24px 64px;color:#e9f1fc;line-height:1.7}.pinout-page section{scroll-margin-top:100px}.pinout-page h1{font-size:clamp(32px,4vw,54px);line-height:1.15;margin:12px 0 20px}.pinout-page h2{font-size:clamp(21px,2.3vw,29px);line-height:1.3;margin:0 0 14px}.pinout-page h3{font-size:18px;margin:0 0 10px}.pinout-page p{color:#a9bcd0}.pinout-page a{color:#65d5fc}.pinout-breadcrumb{font-size:13px;color:#a9bcd0;margin-bottom:28px}.pinout-breadcrumb a{margin-right:7px}.pinout-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-bottom:30px}.pinout-eyebrow{font-size:12px;letter-spacing:.15em;color:#65d5fc!important}.pinout-lead{font-size:19px}.pinout-hero figure{margin:0}.pinout-hero img{width:100%;height:auto;display:block;border-radius:16px}.pinout-hero figcaption{font-size:11px;color:#a9bcd0;margin-top:8px}.pinout-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.pinout-actions a{padding:10px 16px;border:1px solid #65d5fc45;border-radius:9px;background:#65d5fc0c;text-decoration:none}.pinout-page a:focus-visible,.pinout-page summary:focus-visible{outline:2px solid #65d5fc;outline-offset:4px}.pinout-notice{border:1px solid #ffc77645;border-radius:14px;background:#ffc77608;padding:24px;margin:26px 0 36px}.pinout-notice h2{font-size:20px;color:#ffc776}.pinout-page>section{margin-bottom:40px}.pinout-explorer{display:block;width:100%;height:850px;border:1px solid #ffffff18;border-radius:16px;background:#070d18}.pinout-small{font-size:12px}.pinout-table-scroll{overflow-x:auto;border:1px solid #ffffff18;border-radius:12px}.pinout-reference{width:100%;border-collapse:collapse;min-width:590px;text-align:left;font-size:14px}.pinout-reference caption{text-align:left;padding:14px 18px;background:#0c1524;color:#a9bcd0}.pinout-reference th,.pinout-reference td{padding:12px 16px;border-bottom:1px solid #ffffff12}.pinout-reference thead{background:#101d30}.pinout-reference tbody th{color:#65d5fc;width:64px}.pinout-reference td:nth-child(2){white-space:nowrap;color:#e9f1fc}.pinout-reference td:last-child{color:#a9bcd0}.pinout-reference tr:last-child>*{border-bottom:0}.pinout-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pinout-card-grid section{background:#0c1524;border:1px solid #ffffff18;border-radius:12px;padding:22px}.pinout-card-grid p{margin-bottom:0}.pinout-faq details{padding:18px 0;border-bottom:1px solid #ffffff18}.pinout-faq summary{cursor:pointer;font-weight:600}.pinout-sources{padding-top:20px;border-top:1px solid #ffffff18}.pinout-sources h2{font-size:20px}@media(max-width:940px){.pinout-hero{grid-template-columns:1fr}.pinout-hero figure{max-width:750px}.pinout-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pinout-explorer{height:1040px}}@media(max-width:580px){.pinout-page{padding:22px 12px 40px}.pinout-card-grid{grid-template-columns:1fr}.pinout-explorer{height:1450px}.pinout-notice{padding:18px}.pinout-reference{font-size:13px}.pinout-hero{gap:16px}}@media print{.pinout-explorer,.pinout-actions{display:none}.pinout-page{color:#111}.pinout-page p,.pinout-reference td:last-child{color:#333}.pinout-card-grid{grid-template-columns:1fr 1fr}}

.pinout-preview{display:block;width:100%;height:auto;border-radius:16px}