.bps-ccp420{max-width:1440px;margin:0 auto;padding:26px 22px 58px;color:#193448}
.bps-ccp420 *{box-sizing:border-box}
.bps-ccp420__hero{padding:34px;border-radius:20px;background:linear-gradient(120deg,#102f49,#17628a);color:#fff}
.bps-ccp420__eyebrow{margin:0 0 8px;color:#39779c;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.bps-ccp420__hero .bps-ccp420__eyebrow{color:#a8d5ee}
.bps-ccp420 h1{margin:0 0 12px;color:#fff;font-size:clamp(28px,4vw,44px);line-height:1.1}
.bps-ccp420__hero>p:not(.bps-ccp420__eyebrow){max-width:900px;color:#e3eff6;line-height:1.6}
.bps-ccp420__specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.bps-ccp420__specs span{padding:7px 11px;border:1px solid #ffffff38;border-radius:999px;color:#f4f9fc;font-size:12px}
.bps-ccp420__revision{display:grid;grid-template-columns:1fr minmax(260px,.45fr);gap:22px;align-items:center;margin:18px 0;padding:22px;border:1px solid #e4d6b1;border-radius:16px;background:#fffaf0}
.bps-ccp420__revision h2,.bps-ccp420 h2{margin:0 0 8px;color:#18384e;font-size:24px}
.bps-ccp420__revision p:not(.bps-ccp420__eyebrow){margin:0;color:#5f7180;font-size:14px;line-height:1.6}
.bps-ccp420__revision label{display:block;margin-bottom:7px;font-size:12px;font-weight:800}
.bps-ccp420__revision select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #cbd8e1;border-radius:9px;background:#fff}
.bps-ccp420__workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}
.bps-ccp420__diagram-column{display:grid;gap:14px;position:sticky;top:18px}
.bps-ccp420__panel,.bps-ccp420__parts{padding:18px;border:1px solid #dce5ec;border-radius:16px;background:#fff;box-shadow:0 7px 22px #12324a0c}
.bps-ccp420__panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.bps-ccp420__panel-head a,.bps-ccp420__related a{color:#17618c;font-size:12px;font-weight:800;text-decoration:none}
.bps-ccp420__panel h2,.bps-ccp420__parts h2{font-size:21px}
.bps-ccp420__pdf{height:min(70vh,820px);min-height:520px;overflow:hidden;border:1px solid #e3e9ee;border-radius:10px;background:#f6f8fa}
.bps-ccp420__pdf iframe{width:100%;height:100%;border:0}
.bps-ccp420__source{margin:10px 0 0;color:#687987;font-size:11px;line-height:1.5}
.bps-ccp420__markers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.bps-ccp420__markers button{min-height:39px;border:1px solid #d8e4ec;border-radius:8px;background:#f8fbfd;color:#1b5473;font-size:12px;font-weight:800;cursor:pointer}
.bps-ccp420__markers button:hover,.bps-ccp420__markers button:focus{background:#e9f4fa;border-color:#85b7d3}
.bps-ccp420__parts{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;overscroll-behavior:contain}
.bps-ccp420__search{position:sticky;top:-18px;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 0;background:#fff;border-bottom:1px solid #e5edf2}
.bps-ccp420__search input{flex:1;min-width:0;min-height:43px;padding:9px 12px;border:1px solid #cbd8e1!important;border-radius:9px;box-shadow:none!important}
.bps-ccp420__search span{white-space:nowrap;color:#687987;font-size:11px}
.bps-ccp420__list{display:grid;gap:8px;padding-top:12px}
.bps-ccp420__part{padding:13px;border:1px solid #e1e8ee;border-radius:11px;background:#fff;scroll-margin-top:110px}
.bps-ccp420__part:target{border-color:#5a9ac1;box-shadow:0 0 0 2px #d8edf8}
.bps-ccp420__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;color:#557184;font-size:11px}
.bps-ccp420__meta strong{color:#173d58}
.bps-ccp420__part h3{margin:0 0 5px;color:#193c55;font-size:15px}
.bps-ccp420__part p{margin:0;color:#637584;font-size:12px;line-height:1.5}
.bps-ccp420__product,.bps-ccp420__lookup{display:inline-block;margin:8px 8px 0 0;color:#17618c;font-size:11px;font-weight:800;text-decoration:none}
.bps-ccp420__empty{padding:18px;border:1px dashed #cbd8e1;border-radius:10px;color:#647785;text-align:center;font-size:13px}
.bps-ccp420__related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.bps-ccp420__related>div{padding:22px;border:1px solid #dce5ec;border-radius:15px;background:#f7fafc}
.bps-ccp420__related h2{font-size:20px}
.bps-ccp420__related p{color:#637584;font-size:13px;line-height:1.55}
@media(max-width:980px){.bps-ccp420__workspace{grid-template-columns:1fr}.bps-ccp420__diagram-column,.bps-ccp420__parts{position:static;max-height:none;overflow:visible}.bps-ccp420__revision{grid-template-columns:1fr}}
@media(max-width:620px){.bps-ccp420{padding:18px 14px 38px}.bps-ccp420__hero{padding:24px 19px}.bps-ccp420__pdf{height:58vh;min-height:390px}.bps-ccp420__related{grid-template-columns:1fr}.bps-ccp420__markers{grid-template-columns:repeat(4,minmax(0,1fr))}.bps-ccp420__search{display:block}.bps-ccp420__search span{display:block;margin-top:7px}}