/* Pinout library selection and the two-column reference form. */
.pinout-library{color:var(--page-ink)}
.pinout-source-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.pinout-source-switch button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-width:0;min-height:128px;padding:20px 24px;background:#fff;border:1px solid var(--page-border);border-radius:17px;color:var(--page-ink);font-family:inherit;cursor:pointer}
.pinout-source-switch button[aria-pressed=true]{background:#f5f8ff;border-color:var(--page-blue);box-shadow:inset 0 0 0 1px var(--page-blue)}
.pinout-source-switch button:hover{border-color:var(--page-blue)}
.pinout-source-number{color:var(--page-blue);font-size:12px;font-weight:750;letter-spacing:.08em;margin-bottom:7px}
.pinout-source-switch strong{font-size:22px;line-height:1.25;letter-spacing:-.02em}
.pinout-source-description{font-size:14px;line-height:1.5;color:var(--page-muted)}
.pinout-library-panel{background:#fff;border:1px solid var(--page-border);border-radius:18px;overflow:hidden}
.pinout-panel-heading{padding:28px 32px;border-bottom:1px solid var(--page-border)}
.pinout-panel-heading>span{display:block;font-size:12px;line-height:1.5;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--page-blue)}
.pinout-page .pinout-panel-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:10px 0 0}
.pinout-panel-body{padding:30px 32px}
.pinout-search-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pinout-search-form label{font-size:14px;font-weight:650;margin:0}.pinout-search-form label span{display:block;margin-bottom:8px}
.pinout-search-form select{width:100%;min-width:0;padding:13px 14px;min-height:54px;border:1px solid #ccd7e6;border-radius:9px;background:#fff;font-family:inherit;font-size:14px;line-height:1.5;font-weight:400;color:var(--page-ink)}
.pinout-search-form select:disabled{background:#f5f7fa;color:#7a879a}
.pinout-search-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.pinout-search-actions .button{min-height:48px;padding:12px 23px;border-radius:9px;font-size:14px;font-weight:650;transform:none}
.pinout-search-actions .button.primary{background:var(--page-blue);border-color:var(--page-blue);color:white}
.pinout-search-actions .button.ghost{background:white;border-color:var(--page-border);color:var(--page-ink)}
.pinout-search-actions .button:disabled{cursor:not-allowed;opacity:.6}
.pinout-panel-body>p{font-size:14px;margin:18px 0 0;color:var(--page-muted)}
.pinout-result{border-top:1px solid var(--page-border);margin-top:26px;padding-top:24px}
.pinout-result h2{margin:0 0 18px}.pinout-result dl{display:flex;flex-wrap:wrap;gap:20px 32px}.pinout-result dt{font-size:14px;color:var(--page-muted)}.pinout-result dd{margin:6px 0 0;font-weight:650}
.pinout-images{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:20px}.pinout-images a{max-width:100%;border:1px solid var(--page-border);border-radius:8px;overflow:hidden}.pinout-images img{display:block;width:auto;height:auto;max-width:100%;max-height:440px;object-fit:contain}
.pinout-library :is(button,select,a):focus-visible{outline:3px solid #aac6ff;outline-offset:3px}
@media(max-width:700px){.pinout-source-switch{gap:12px;margin-bottom:18px}.pinout-source-switch button{padding:18px;min-height:125px;border-radius:12px}.pinout-source-switch strong{font-size:20px}.pinout-panel-heading{padding:22px}.pinout-panel-body{padding:22px}.pinout-library-panel{border-radius:13px}}
@media(max-width:540px){.pinout-source-switch{grid-template-columns:1fr}.pinout-source-switch button{min-height:0;padding:16px 18px;gap:6px}.pinout-source-number{margin-bottom:2px}.pinout-search-form{grid-template-columns:1fr}.pinout-page .pinout-panel-heading h2{font-size:25px}.pinout-panel-heading,.pinout-panel-body{padding:20px}}