:root{color-scheme:light;--ink:#172b3c;--muted:#5c6e7e;--line:#dbe3eb;--paper:#fff;--page:#f3f6f9;--record:#0d6a73;--record-bg:#e0f2f1;--control:#275eaa;--control-bg:#e8f0fc;--jtag:#684ca9;--jtag-bg:#eee9fa;--ground:#516577;--ground-bg:#e9eef2;--reference:#86601b;--reference-bg:#fff1d5;--power:#a8492d;--power-bg:#ffeadf;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink)}a{color:#225e86;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #1d8ba4;outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:10px;z-index:20;padding:10px 14px;background:white}.skip-link:focus{left:10px}.site-header,main{max-width:1460px;margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 36px 18px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;background:#193147;color:white;border-radius:9px;width:47px;height:47px;font-weight:800;font-size:1.45rem;letter-spacing:-.07em}.brand-text{font-weight:760;font-size:1.18rem;line-height:1.1}.brand-text small{display:block;color:var(--muted);font-size:.68rem;font-weight:500;margin-top:5px;letter-spacing:.01em}.site-header nav{display:flex;gap:10px;flex-wrap:wrap}.site-header nav a{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 13px;font-size:.78rem;font-weight:650;text-decoration:none}.site-header nav a:hover{border-color:#aabcc8;background:#f8fbfd}main{padding:0 36px 48px}
.intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:32px;align-items:center;padding:28px 0 24px;border-bottom:1px solid var(--line)}.eyebrow{font-size:.68rem;font-weight:760;letter-spacing:.15em;color:#2f7286;text-transform:uppercase;margin:0 0 9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(2.55rem,3.6vw,4.4rem);margin-bottom:13px;font-weight:780}h1 em{font-style:normal;color:#42687e}.lede{max-width:690px;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.5;color:#435b6c;margin-bottom:17px}.intro-actions{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:9px 13px;border-radius:6px;font-size:.76rem;text-decoration:none;font-weight:700}.button-primary{background:#174e6f;color:white}.button-primary:hover{background:#0e405f}.button-quiet{border:1px solid #b9cbd4;background:white}.scope-note{border-top:3px solid #4b8397;background:white;padding:18px 20px 15px;box-shadow:0 5px 24px #2b425a0d}.scope-index,.detail-kicker{display:block;font-size:.62rem;letter-spacing:.16em;font-weight:800;color:#397082;margin-bottom:10px}.scope-note strong{font-size:1rem}.scope-note p{font-size:.77rem;line-height:1.52;color:var(--muted);margin:7px 0 0}
.safety-callout{display:flex;align-items:flex-start;gap:13px;background:#fff3e9;border-left:4px solid #b94c31;padding:13px 16px;margin:18px 0 36px}.safety-mark{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#ac472d;color:white;font-weight:850}.safety-callout strong{font-size:.86rem}.safety-callout p{font-size:.76rem;line-height:1.5;color:#5c4338;margin:3px 0 0}
.diagram-section,.comparison-section,.next-section{scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-heading h2,.next-section h2{font-size:clamp(2rem,3.1vw,3.1rem);margin:0}.section-heading>p{max-width:480px;font-size:.84rem;line-height:1.6;color:var(--muted);margin:0}.diagram-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(350px,.78fr);gap:18px;align-items:stretch}.pin-card,.datasheet-card{background:var(--paper);border:1px solid var(--line);padding:25px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.card-top h3{font-size:1.55rem;margin:12px 0 0}.tag{display:inline-block;padding:6px 8px;border-radius:3px;font-size:.63rem;font-weight:790;letter-spacing:.1em}.tag-proposal{background:#e4f1f5;color:#276378}.tag-source{background:#ecf0f5;color:#50637d}.card-date{font-size:.67rem;color:var(--muted);white-space:nowrap;padding-top:5px}.view-label{font-size:.72rem;line-height:1.5;color:var(--muted);margin:21px 0 8px}.diagram-wrap{background:linear-gradient(#f8fafc,#f1f5f9);border:1px solid #e5ebf1;padding:28px 25px 17px}.connector-body{position:relative;width:min(100%,760px);margin:auto;padding:26px 22px 34px;background:#e1e9ef;border:3px solid #8094a5;border-bottom:7px solid #60778b;border-radius:13px 13px 8px 8px;box-shadow:0 8px 18px #233b5320,inset 0 2px 4px #fff}.connector-body:before{content:"";position:absolute;inset:9px 10px 8px;border:1px solid #a7bac6;border-radius:8px;pointer-events:none}.pin-row{display:grid;position:relative;z-index:1;gap:7px}.upper-row{grid-template-columns:repeat(10,minmax(0,1fr))}.lower-row{grid-template-columns:repeat(9,minmax(0,1fr));margin:12px 4.5% 0}.pin{height:48px;min-width:0;border-radius:5px;border:2px solid currentColor;background:white;color:var(--ink);font-weight:800;font-size:.87rem;box-shadow:0 2px 2px #26384d0f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.pin:hover,.pin[data-highlight=true]{transform:translateY(-3px);box-shadow:0 5px 12px #1b394a34;filter:saturate(1.18)}.pin[data-selected=true]{outline:3px solid #132f43;outline-offset:3px;transform:translateY(-3px)}.pin-record{color:var(--record);background:var(--record-bg)}.pin-control{color:var(--control);background:var(--control-bg)}.pin-jtag{color:var(--jtag);background:var(--jtag-bg)}.pin-ground{color:var(--ground);background:var(--ground-bg)}.pin-reference{color:var(--reference);background:var(--reference-bg)}.pin-power{color:var(--power);background:var(--power-bg)}.connector-notch{position:absolute;bottom:-7px;left:calc(50% - 38px);width:76px;height:12px;background:#60778b;border-radius:0 0 8px 8px}.board-edge{display:flex;align-items:center;justify-content:center;gap:12px;margin:19px auto 0;font-size:.67rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:#688091}.board-edge span{width:35px;height:1px;background:#98aebd}.legend{display:flex;gap:7px 13px;flex-wrap:wrap;margin:20px 0 17px}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;color:#42566a}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;background:currentColor}.legend-record:before{color:var(--record)}.legend-control:before{color:var(--control)}.legend-jtag:before{color:var(--jtag)}.legend-ground:before{color:var(--ground)}.legend-reference:before{color:var(--reference)}.legend-power:before{color:var(--power)}.direction-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.71rem;padding-bottom:20px;border-bottom:1px solid var(--line)}.arrow-pair{font-weight:800}.record-arrow{color:var(--record)}.control-arrow{color:var(--control);margin-left:8px}.pin-detail{min-height:150px;padding:21px 0 0}.pin-detail .detail-kicker{margin-bottom:8px}.pin-detail strong{display:block;font-size:1.3rem;letter-spacing:-.03em}.pin-detail p{font-size:.82rem;line-height:1.6;color:#4a6070;margin:7px 0 10px}.detail-status{display:inline-block;color:#8c4a2c;background:#fff0e5;border-radius:3px;padding:6px 8px;font-size:.67rem;font-weight:700}
.datasheet-explain{font-size:.78rem;color:#52687a;line-height:1.52;margin:14px 0}.reference-face{background:#e8eef3;border:3px solid #8799a6;border-bottom-width:6px;border-radius:11px 11px 6px 6px;padding:19px 13px 26px;box-shadow:inset 0 2px 3px #fff,0 7px 16px #19324718}.std-row{display:grid;gap:3px}.std-upper{grid-template-columns:repeat(10,minmax(0,1fr))}.std-lower{grid-template-columns:repeat(9,minmax(0,1fr));margin:8px 4.3% 0}.std-pin{height:36px;min-width:0;border:1.5px solid currentColor;border-radius:3px;font-size:.66rem;font-weight:800;cursor:pointer}.std-pin:hover,.std-pin[data-highlight=true]{transform:translateY(-2px);box-shadow:0 4px 7px #172d4230}.std-pin[data-selected=true]{outline:2px solid #152e40;outline-offset:2px;transform:translateY(-2px)}.std-data{color:#0a6274;background:#e0f2f4}.std-shield{color:#526577;background:#f5f7f9}.std-control{color:#64539b;background:#f0ecfb}.std-power{color:#a8492d;background:#fff0e3}.std-key{display:flex;flex-wrap:wrap;gap:6px 12px;margin:14px 0 12px}.std-key span{display:inline-flex;align-items:center;gap:5px;color:#5a6b78;font-size:.65rem}.std-key i{display:block;width:9px;height:9px;border-radius:2px}.key-data{background:#0a6274}.key-shield{background:#526577}.key-control{background:#64539b}.key-power{background:#a8492d}.std-callouts{border-top:1px solid var(--line);padding-top:11px}.std-callouts p{font-size:.73rem;color:#4f6575;line-height:1.48;margin:0 0 9px}.std-callouts strong{color:#253f52}.original-links{font-size:.7rem;line-height:1.55;background:#f0f5f8;border-left:3px solid #6292a7;padding:11px 12px;margin:10px 0 14px}.original-links strong{color:#25495c}.pdf-details{border-top:1px solid var(--line);padding-top:12px}.pdf-details summary{font-size:.74rem;font-weight:750;cursor:pointer;color:#245d7b}.pdf-details>p{font-size:.69rem;color:var(--muted);line-height:1.5;margin:8px 0}.pdf-controls{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.pdf-controls button{border:1px solid #c5d2dd;background:#fff;color:#344e61;border-radius:4px;font-size:.69rem;font-weight:720;padding:8px 10px;cursor:pointer}.pdf-controls button[aria-pressed=true]{background:#1d5677;border-color:#1d5677;color:white}.pdf-shell{height:480px;border:1px solid #cdd8e2;background:#e6ecf1}.pdf-shell iframe{display:block;width:100%;height:100%;border:0}.source-note{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.source-note strong{font-size:.74rem}.source-note p{font-size:.69rem;line-height:1.5;color:var(--muted);margin:5px 0 0}
.clock-brief{scroll-margin-top:25px;display:grid;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr);gap:12px 28px;margin-top:18px;padding:22px 25px;background:#e8f0f4;border-left:4px solid #4e8099}.clock-heading h3{font-size:1.48rem;margin:0 0 10px}.clock-heading>p:not(.eyebrow),.clock-grid p,.clock-choice{font-size:.77rem;line-height:1.55;color:#4b6272;margin:0}.clock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clock-grid>div{border-top:2px solid #adc4d0;padding-top:9px}.clock-grid strong,.clock-choice strong{font-size:.78rem;color:#243f52}.clock-grid p{margin-top:6px}.clock-choice{grid-column:1/-1;border-top:1px solid #bfd1dc;padding-top:11px;margin-top:3px}
.comparison-section{padding-top:72px}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:.78rem}thead{background:#eaf0f5}th,td{text-align:left;vertical-align:top;padding:14px 15px;border-bottom:1px solid #e3e9ee}thead th{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#566b7d}tbody tr:last-child>*{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover,tbody tr[data-highlight=true]{background:#f0f7fa}tbody tr[data-selected=true]{background:#e7f2f6;box-shadow:inset 4px 0 #245f7c}tbody th{font-size:1.05rem;font-variant-numeric:tabular-nums;color:#24465b;width:70px}tbody td:nth-child(2){min-width:320px}tbody td:nth-child(3){min-width:170px;color:#405769}tbody td:nth-child(4){min-width:175px;color:#526574}td strong{font-weight:750}td small{display:block;color:#60717e;font-size:.7rem;line-height:1.45;margin-top:3px}.role{display:inline-block;font-size:.59rem;font-weight:770;letter-spacing:.06em;text-transform:uppercase;padding:4px 6px;border-radius:3px;margin-right:9px}.role-record{color:var(--record);background:var(--record-bg)}.role-control{color:var(--control);background:var(--control-bg)}.role-jtag{color:var(--jtag);background:var(--jtag-bg)}.role-ground{color:var(--ground);background:var(--ground-bg)}.role-reference{color:var(--reference);background:var(--reference-bg)}.role-power{color:var(--power);background:var(--power-bg)}.shell-note{font-size:.8rem;line-height:1.6;margin:14px 0 0;color:#526574}
.next-section{display:grid;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr);gap:40px;padding:72px 0;border-bottom:1px solid var(--line)}.next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.next-grid>div{border-top:2px solid #9bb6c4;padding-top:14px}.next-grid strong{font-size:.87rem}.next-grid p{font-size:.76rem;line-height:1.62;color:var(--muted);margin:7px 0 0}.page-footer{display:flex;justify-content:space-between;gap:25px;padding-top:27px;font-size:.73rem;line-height:1.6;color:var(--muted)}.page-footer strong{color:var(--ink)}.page-footer p{margin:5px 0 0}.page-footer>a{white-space:nowrap;font-weight:700}
@media(max-width:1150px){.diagram-grid{grid-template-columns:1fr}.datasheet-card{display:block}.pdf-shell{height:520px}.pin-card{padding:26px 30px}.clock-brief,.next-section{grid-template-columns:1fr;gap:25px}}
@media(max-width:780px){.site-header{padding:18px 20px}.site-header nav a{font-size:.7rem;padding:8px 10px}main{padding:0 20px 30px}.intro{grid-template-columns:1fr;gap:16px;padding:29px 0 23px}.intro h1{font-size:clamp(2.55rem,7vw,4.5rem)}.scope-note{max-width:670px}.section-heading{display:block}.section-heading>p{margin-top:12px}.safety-callout{margin-bottom:34px}.comparison-section{padding-top:54px}.next-section{padding:56px 0}.next-grid{gap:18px}}
@media(max-width:600px){.site-header{align-items:flex-start;flex-direction:column;gap:14px}.site-header nav{width:100%}.site-header nav a{flex:1;text-align:center}.intro{padding-top:20px}.intro h1{font-size:clamp(2.45rem,10vw,3.6rem)}.lede{font-size:.94rem}.button{font-size:.73rem}.safety-callout{padding:13px;gap:11px}.pin-card,.datasheet-card{padding:19px}.card-top{display:block}.card-date{display:block;margin-top:8px}.diagram-wrap{padding:21px 10px 12px}.connector-body{padding:17px 10px 26px;border-width:2px;border-bottom-width:6px}.pin-row{gap:3px}.lower-row{margin-top:8px}.pin{height:39px;border-width:1.5px;font-size:.72rem}.connector-notch{bottom:-6px}.legend{gap:8px 12px}.direction-note{align-items:start}.std-pin{height:30px;font-size:.57rem}.reference-face{padding:12px 8px 19px}.pdf-shell{height:430px}.clock-brief{padding:18px}.clock-grid,.next-grid{grid-template-columns:1fr}.page-footer{display:block}.page-footer>a{display:inline-block;margin-top:14px}table{display:block;background:none}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}tbody{display:grid;gap:8px;padding:8px}tbody tr{display:grid;background:#fff;border:1px solid var(--line);padding:10px 13px}tbody th,tbody td{display:block;width:auto!important;min-width:0!important;padding:8px 0;border:0}tbody th{border-bottom:1px solid var(--line);padding-top:1px;padding-bottom:8px}tbody th:before{content:"PIN ";font-size:.56rem;letter-spacing:.1em;color:var(--muted)}tbody td:nth-child(3):before,tbody td:nth-child(4):before{display:block;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#60778a;margin-bottom:4px}tbody td:nth-child(3):before{content:"Conventional Type-D"}tbody td:nth-child(4):before{content:"50T status"}tbody tr[data-selected=true]{box-shadow:inset 4px 0 #245f7c}}
@media(max-width:380px){.pin{height:34px;font-size:.66rem}.upper-row,.lower-row{gap:2px}.connector-body{padding-left:8px;padding-right:8px}.site-header nav a{font-size:.63rem}.diagram-wrap{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pin{transition:none}}
@media print{body{background:white}.site-header nav,.intro-actions,.pdf-controls,.pin-detail,.skip-link{display:none}.site-header,main{max-width:none;padding:0 15mm}.intro{padding:8mm 0}.intro h1{font-size:33pt}.scope-note{box-shadow:none;border:1px solid var(--line)}.safety-callout{margin:6mm 0 9mm}.diagram-grid{grid-template-columns:1fr 1fr}.pin-card,.datasheet-card{padding:4mm;break-inside:avoid}.pin{height:6mm;font-size:7pt}.pin-row{gap:1mm}.diagram-wrap{padding:3mm}.pdf-shell{height:75mm}.comparison-section{padding-top:8mm}.table-wrap{overflow:visible}.next-section{padding:10mm 0}thead{display:table-header-group}tr{break-inside:avoid}}
.revision-notice{max-width:1320px;margin:16px auto 0;padding:13px 18px;border-left:4px solid #b88543;background:#fff7e9;color:#5c492f;font-size:12px;line-height:1.6}
.revision-notice a{font-weight:700;margin-left:5px}
