:root{--cl-bg:#101114;--cl-card:#181b22;--cl-card2:#111318;--cl-line:rgba(255,255,255,.12);--cl-gold:#ffc107;--cl-text:#f7f7f7;--cl-muted:#b8bdc9;--cl-ok:#50e3a4;--cl-warn:#ffcf5a}
*{box-sizing:border-box}body.cl-k71{margin:0;background:radial-gradient(circle at top left,#25293a 0,#101114 38%,#0d0e12 100%);color:var(--cl-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}.cl-wrap{max-width:1140px;margin:auto;padding:28px 18px}.cl-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:24px}.cl-brand{font-weight:950;letter-spacing:.2px;color:#fff;text-decoration:none;font-size:1.2rem}.cl-brand span{color:var(--cl-gold)}.cl-nav a:not(.cl-brand){color:#fff;text-decoration:none;border:1px solid var(--cl-line);padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.04)}.cl-hero{padding:36px 0 20px}.cl-kicker{display:inline-flex;border:1px solid rgba(255,193,7,.45);background:rgba(255,193,7,.10);color:#ffe082;border-radius:999px;padding:8px 12px;font-weight:800}.cl-hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;margin:18px 0 14px}.cl-lead{font-size:1.15rem;color:var(--cl-muted);max-width:820px}.cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cl-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--cl-line);border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.cl-card h2,.cl-card h3{margin-top:0}.cl-pill{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--cl-line);font-size:.9rem;color:#e9edf8;margin:3px}.cl-component-card{text-decoration:none;color:inherit;display:block;transition:transform .18s ease,border-color .18s ease}.cl-component-card:hover{transform:translateY(-3px);border-color:rgba(255,193,7,.65)}.cl-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.cl-btn{border:1px solid rgba(255,193,7,.55);background:var(--cl-gold);color:#111;border-radius:999px;padding:11px 15px;font-weight:950;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.cl-btn.ghost{background:transparent;color:#ffe082}.cl-section{margin:24px 0}.cl-kcard{position:relative;background:var(--cl-card);border:1px solid var(--cl-line);border-radius:24px;padding:18px;overflow:hidden}.cl-kcard:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--cl-gold),transparent)}.cl-kcard h3{display:flex;gap:8px;align-items:center;margin:0 0 8px}.cl-kcard p{color:#e4e8f3;margin:0 0 14px}.cl-list{padding-left:20px;color:#e4e8f3}.cl-pinout{display:flex;gap:10px;flex-wrap:wrap}.cl-pin{min-width:96px;text-align:center;border:1px solid rgba(255,193,7,.32);background:rgba(255,193,7,.08);padding:14px;border-radius:18px;font-weight:850}.cl-search{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--cl-line);background:#0d0f14;color:#fff;font-size:1rem}.cl-footer{color:var(--cl-muted);border-top:1px solid var(--cl-line);margin-top:34px;padding-top:22px}.cl-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#202532;color:#fff;border:1px solid var(--cl-line);border-radius:999px;padding:11px 16px;z-index:50;box-shadow:0 18px 50px rgba(0,0,0,.35)}
@media(max-width:640px){.cl-wrap{padding:20px 14px}.cl-card{border-radius:20px;padding:16px}.cl-nav{align-items:flex-start}.cl-pin{min-width:calc(50% - 6px)}}
/* PATCH71.2 polish */
.cl-muted{color:var(--cl-muted)}
.cl-chip-disabled{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.18);font-size:.9rem;color:#aeb4c4;margin:3px;text-decoration:none;cursor:default}
.cl-kicker strong{font-weight:950}
/* PATCH72 */
/* PATCH72 Visual Pinout + Transistor Finder */
.cl-vp{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.cl-vp-one{grid-template-columns:1fr}
.cl-vp-diagram{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;text-align:center}
.cl-vp-diagram h3{margin:0 0 8px;font-size:1rem;color:#fff}
.cl-vp-diagram svg{width:100%;max-width:420px;height:auto;display:block;margin:auto}
.cl-vp-leg{stroke:#e7e7e7;stroke-width:8;stroke-linecap:round}
.cl-vp-pad{fill:rgba(255,255,255,.72)}
.cl-vp-hole{fill:#dfe3ea;stroke:#222;stroke-width:5}
.cl-vp-num{stroke:rgba(255,255,255,.28);stroke-width:2}
.cl-vp-red{fill:#ff3b3b}.cl-vp-green{fill:#16c66a}.cl-vp-blue{fill:#3a86ff}
.cl-vp-num-text{font:bold 16px system-ui,Arial;fill:#fff}
.cl-vp-pin-text{font:bold 16px system-ui,Arial;fill:#fff}
.cl-vp-pin-small{font:bold 13px system-ui,Arial;fill:#fff}
.cl-vp-svg-text{font:bold 16px system-ui,Arial;fill:#e9edf8}
.cl-vp-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.28);color:#ffe8a3}
.cl-vp-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cl-vp-legend-item{display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:999px;padding:7px 10px;color:#e7ecff}
.cl-vp-legend-item b{color:#ffc107}.cl-vp-legend-item em{font-style:normal;color:#9fc1ff}
.cl-finder-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cl-filter-pill{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#fff;border-radius:999px;padding:8px 11px;cursor:pointer;font-weight:800}
.cl-filter-pill.is-active{background:#ffc107;color:#111;border-color:#ffc107}
.cl-finder-card[hidden]{display:none!important}
/* END PATCH72 */

/* PATCH73 */

/* PATCH73 IC Finder */
.cl-ic-visual .cl-vp-diagram svg{max-width:460px}
.cl-finder-card[hidden]{display:none!important}
@media(max-width:760px){.cl-ic-visual .cl-vp-diagram svg{max-width:100%}}
/* END PATCH73 */
/* PATCH73.1 */
/* PATCH73.1 visual backfill */
.cl-vp-diagram{min-height:0}
.cl-vp svg{overflow:visible}
.cl-vp-legend{margin-bottom:8px}
@media(max-width:760px){
  .cl-vp{grid-template-columns:1fr}
  .cl-vp-diagram svg{max-width:100%}
}
/* END PATCH73.1 */
/* PATCH73.2 */
/* PATCH73.2 language + pinout layout fix */
.cl-k71 .cl-pinout{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
.cl-k71 .cl-pin,
.cl-k71 .cl-pinout .cl-pin{
  flex:0 0 auto!important;
  min-width:112px!important;
  width:auto!important;
  max-width:180px!important;
  height:auto!important;
  min-height:76px!important;
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  line-height:1.25!important;
}
.cl-k71 .cl-vp,
.cl-k71 .cl-vp-one{margin-top:18px!important}
.cl-k71 .cl-vp-diagram{align-self:start!important}
.cl-k71 .cl-ad-placeholder,
.cl-k71 [data-future-adsense-slot="true"],
.cl-k71 .future-ad-slot,
.cl-k71 .future-sponsor,
.cl-k71 .ad-area,
.cl-k71 .adsense-placeholder{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  .cl-k71 .cl-pinout{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .cl-k71 .cl-pin,
  .cl-k71 .cl-pinout .cl-pin{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:78px!important;
    padding:14px 10px!important;
  }
}
/* END PATCH73.2 */

/* PATCH73.3-ROLLBACK safety pinout restore */
.cl-k71 .cl-pinout{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.cl-k71 .cl-pinout > .cl-pin{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:112px!important;
  max-width:160px!important;
  min-height:72px!important;
  height:auto!important;
  padding:14px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.cl-k71 .cl-vp-legend{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.cl-k71 .cl-vp-legend-item{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
@media(max-width:760px){
  .cl-k71 .cl-pinout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .cl-k71 .cl-pinout > .cl-pin{min-width:0!important;max-width:none!important}
}
@media(max-width:420px){
  .cl-k71 .cl-pinout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* END PATCH73.3-ROLLBACK safety pinout restore */
/* PATCH72.1 */
/* PATCH72.1 mobile/i18n/spacing polish */
.cl-k71 .cl-nav{gap:14px}
.cl-k71 .cl-nav > div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.cl-k71 .cl-nav a:not(.cl-brand){white-space:nowrap;line-height:1.15}
.cl-k71 .cl-card{min-height:0}
.cl-k71 .cl-section{margin:18px 0}
.cl-k71 .cl-hero{padding:26px 0 16px}
.cl-k71 .cl-grid{align-items:stretch}
.cl-k71 .cl-card:empty{display:none!important}
.cl-k71 .cl-ad-placeholder{display:none!important}
.cl-k71 .cl-footer p{max-width:780px}
@media(max-width:760px){
  .cl-k71 .cl-wrap{padding:18px 14px}
  .cl-k71 .cl-nav{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px}
  .cl-k71 .cl-nav .cl-brand{width:100%;margin-bottom:6px}
  .cl-k71 .cl-nav > div{width:100%;justify-content:flex-start;gap:8px}
  .cl-k71 .cl-nav a:not(.cl-brand){font-size:0.95rem;padding:10px 12px;max-width:100%}
  .cl-k71 .cl-hero h1{font-size:clamp(2.2rem,12vw,3.4rem)}
  .cl-k71 .cl-lead{font-size:1.05rem}
  .cl-k71 .cl-btn{width:100%;justify-content:center;text-align:center}
  .cl-k71 .cl-section{margin:14px 0}
  .cl-k71 .cl-card{padding:20px}
  .cl-k71 .cl-pin{min-width:calc(50% - 8px);flex:1 1 calc(50% - 8px)}
  .cl-k71 .cl-vp-diagram{padding:10px}
  .cl-k71 .cl-vp-note{font-size:0.95rem;line-height:1.55}
  .cl-k71 .cl-footer{font-size:0.95rem;line-height:1.55}
}
@media(max-width:390px){
  .cl-k71 .cl-nav > div a:not(.cl-brand){font-size:0.88rem;padding:9px 10px}
}
/* END PATCH72.1 */