/* UKBC dedicated specification pages, 1.2.28. Deliberately scoped; no site-shell or mobile-nav overrides. */
.ukbc-spec-page {--spec-teal:#10b4c3;--spec-navy:#082331;--spec-ink:#102a39;--spec-muted:#536670;--spec-border:#dce6e8;max-width:1550px;margin:0 auto;background:#fff;color:var(--spec-ink);font-family:inherit;box-sizing:border-box;}
.ukbc-spec-page *, .ukbc-spec-page *:before,.ukbc-spec-page *:after{box-sizing:border-box;}
.ukbc-spec-page .ukbc-spec-hero {position:relative;isolation:isolate;min-height:500px;background:linear-gradient(104deg, #082331 0%, #0b3447 53%,rgba(8,44,60,.83) 100%);overflow:hidden;display:flex;align-items:center;color:#fff;}
.ukbc-spec-page .ukbc-spec-hero:before {content:"";position:absolute;inset:0 0 0 48%;background-image:linear-gradient(90deg,#0b3447 0%,rgba(8,35,49,.13) 64%),var(--ukbc-spec-hero);background-repeat:no-repeat;background-position:center,right center;background-size:cover;z-index:-1;opacity:.84;}
.ukbc-spec-hero-inner{padding:75px clamp(24px,5.7vw,86px);width:min(780px,80%);position:relative;}
.ukbc-spec-eyebrow{color:#2ed4e4;letter-spacing:.14em;font-size:13px;font-weight:800;margin-bottom:15px;}
.ukbc-spec-hero h1{color:#fff!important;font-size:clamp(36px,4.5vw,66px)!important;line-height:1.05;font-weight:850;letter-spacing:-.038em;margin:0 0 19px;text-wrap:balance;}
.ukbc-spec-hero p{max-width:640px;color:#e1edf0;font-size:clamp(17px,1.35vw,20px);line-height:1.65;margin:0;}
.ukbc-spec-highlights{display:flex;gap:25px;margin-top:31px;max-width:790px;font-size:12px;line-height:1.45;color:#effbfc;}
.ukbc-spec-highlights span{flex:1;min-width:0;border-left:1px solid rgba(24,190,205,.47);padding:6px 0 6px 12px;}
.ukbc-spec-btn {display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(120deg,#08acbb,#0bbfcb);color:#052633!important;font-size:14px;font-weight:800;letter-spacing:.015em;border:0;border-radius:8px;padding:16px 22px;cursor:pointer;box-shadow:none;min-height:48px;}
.ukbc-spec-btn:hover,.ukbc-spec-btn:focus{background:#34d1dd;color:#052633!important;}
.ukbc-spec-btn:focus-visible,.ukbc-spec-close:focus-visible{outline:3px solid #f8c656;outline-offset:3px;}
.ukbc-spec-hero .ukbc-spec-btn{margin-top:27px;}
.ukbc-spec-body{padding:34px clamp(22px,4.5vw,70px) 42px;max-width:1480px;margin:auto;}
.ukbc-spec-section-heading{display:flex;align-items:center;gap:16px;margin:27px 0 15px;padding-top:10px;}
.ukbc-spec-section-heading:not(:first-child){border-top:1px solid var(--spec-border);padding-top:28px;}
.ukbc-spec-section-heading span{color:var(--spec-teal);font-weight:850;font-size:23px;border-right:2px solid var(--spec-teal);padding-right:16px;line-height:1.2;}
.ukbc-spec-section-heading h2{font-size:clamp(23px,2.2vw,32px)!important;font-weight:830;line-height:1.2;letter-spacing:-.02em;color:var(--spec-ink)!important;margin:0;}
.ukbc-spec-intro{max-width:1000px;color:var(--spec-muted);font-size:18px;line-height:1.65;margin:10px 0 22px;}
.ukbc-spec-applications{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:15px;margin-bottom:27px;}
.ukbc-spec-app{text-align:center;color:var(--spec-muted);font-size:12px;line-height:1.45;display:flex;flex-direction:column;align-items:center;gap:9px;}
.ukbc-spec-appicon{width:78px;height:78px;display:grid;place-items:center;background:#e5f8f9;border-radius:100%;}
.ukbc-spec-icon{width:100%;height:100%;max-height:88px;object-fit:contain;display:block;}
.ukbc-spec-appicon .ukbc-spec-icon{width:43px;height:43px;}
.ukbc-spec-components{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 30px;}
.ukbc-spec-component{min-width:0;}
.ukbc-spec-thumb{display:grid;place-items:center;background:#f0f5f7;height:145px;border-radius:8px;margin-bottom:10px;padding:22px 18px;}
.ukbc-spec-component .ukbc-spec-icon{width:100%;height:100%;max-height:110px;}
.ukbc-spec-component h3{font-size:15px;font-weight:850;line-height:1.3;margin:5px 0;color:var(--spec-ink);}
.ukbc-spec-component p{color:var(--spec-muted);font-size:12.5px;line-height:1.45;margin:5px 0;}
.ukbc-spec-download-banner{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(210px,300px);gap:22px;align-items:center;background:linear-gradient(90deg,#edf7fa,#e8f4f7);padding:20px 24px;border-radius:12px;margin:28px 0;}
.ukbc-spec-download-mark{display:grid;place-items:center;background:white;border-radius:12px;height:62px;font-size:42px;color:var(--spec-teal);font-weight:400;}
.ukbc-spec-download-banner small{color:var(--spec-teal);font-weight:850;letter-spacing:.10em;font-size:10px;}
.ukbc-spec-download-banner h3{color:var(--spec-ink);font-weight:850;margin:3px 0 4px;font-size:19px;line-height:1.25;}
.ukbc-spec-download-banner p{color:var(--spec-muted);margin:0;font-size:13px;line-height:1.4;}
.ukbc-spec-download-banner .ukbc-spec-btn{width:100%;}
.ukbc-spec-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;margin-top:25px;}
.ukbc-spec-columns .ukbc-spec-section-heading{margin-top:0;}
.ukbc-spec-table-scroll{overflow:auto;width:100%;}
.ukbc-spec-table{width:100%;border-collapse:collapse;text-align:left;min-width:370px;margin-bottom:10px;font-size:12px;color:var(--spec-muted);}
.ukbc-spec-table th,.ukbc-spec-table td{border:1px solid #d5e0e4;padding:11px 10px;vertical-align:top;line-height:1.4;}
.ukbc-spec-table thead th{background:#e8eff2;color:var(--spec-ink);font-weight:850;}
.ukbc-spec-table tbody th{font-weight:850;color:var(--spec-ink);}
.ukbc-spec-table tbody tr:nth-child(even){background:#f6fafb;}
.ukbc-spec-body>p{color:var(--spec-muted);font-size:15px;line-height:1.6;}
.ukbc-spec-footer{border-top:1px solid var(--spec-border);margin-top:37px;padding-top:16px;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;color:var(--spec-muted);font-size:11px;}
.ukbc-spec-footer strong{color:var(--spec-ink);}
.ukbc-spec-overlay[hidden]{display:none!important;}
.ukbc-spec-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(3,18,29,.66);padding:20px;overflow-y:auto;}
.ukbc-spec-dialog{position:relative;background:#fff;border-radius:12px;width:min(100%,430px);padding:28px 29px 25px;box-shadow:0 30px 80px #0005;max-height:min(92vh,850px);overflow-y:auto;color:var(--spec-ink);}
.ukbc-spec-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:#445e66;cursor:pointer;font-size:30px;line-height:1;}
.ukbc-spec-doc-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#dff8fa;color:var(--spec-teal);font-size:32px;margin-bottom:17px;}
.ukbc-spec-dialog h2{margin:0 0 10px;font-size:24px!important;font-weight:850;line-height:1.18;color:var(--spec-ink)!important;}
.ukbc-spec-dialog>p{color:var(--spec-muted);font-size:14px;line-height:1.5;margin:0 0 16px;}
.ukbc-spec-dialog label{display:block;font-weight:750;color:var(--spec-ink);font-size:12px;line-height:1.4;margin-top:13px;}
.ukbc-spec-dialog label em{font-style:normal;color:#bf4949;}
.ukbc-spec-dialog input:not([type=checkbox]){display:block;width:100%;background:#fff;border:1px solid #bed0d7;border-radius:5px;min-height:42px;font-family:inherit;font-size:14px;padding:8px 10px;color:var(--spec-ink);margin-top:6px;}
.ukbc-spec-dialog .ukbc-spec-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--spec-muted);font-weight:450;}
.ukbc-spec-consent input{margin:1px 0 0;flex:0 0 auto;}
.ukbc-spec-dialog .ukbc-spec-btn{width:100%;margin-top:20px;}
.ukbc-spec-dialog .ukbc-spec-privacy{color:var(--spec-muted);font-size:10.5px;line-height:1.5;margin:13px 0 0;}
.ukbc-spec-dialog .ukbc-spec-privacy a{text-decoration:underline;}
.ukbc-spec-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.ukbc-spec-result{background:#e2f9fb;border-left:4px solid var(--spec-teal);padding:12px 20px;margin:0 4%;color:var(--spec-ink);font-weight:600;}
body.ukbc-spec-modal-open{overflow:hidden;}
@media(max-width:1020px){.ukbc-spec-components{grid-template-columns:repeat(3,minmax(0,1fr))}.ukbc-spec-applications{grid-template-columns:repeat(4,minmax(0,1fr))}.ukbc-spec-hero-inner{width:min(750px,100%)}.ukbc-spec-hero:before{opacity:.37;inset:0 0 0 25%;}.ukbc-spec-thumb{height:130px;}}
@media(max-width:660px){.ukbc-spec-page .ukbc-spec-hero{min-height:0}.ukbc-spec-hero-inner{padding:40px 24px 47px;width:100%;}.ukbc-spec-hero h1{font-size:clamp(31px,9vw,45px)!important;}.ukbc-spec-hero p{font-size:16px;line-height:1.55}.ukbc-spec-highlights{display:none}.ukbc-spec-hero .ukbc-spec-btn{width:100%;margin-top:25px;}.ukbc-spec-page .ukbc-spec-hero:before{inset:0;opacity:.25;}.ukbc-spec-body{padding:22px 18px 120px;}.ukbc-spec-section-heading{margin:24px 0 13px;gap:12px;}.ukbc-spec-section-heading span{font-size:21px;padding-right:10px;}.ukbc-spec-section-heading h2{font-size:23px!important;}.ukbc-spec-intro{font-size:15px;}.ukbc-spec-applications{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.ukbc-spec-appicon{width:65px;height:65px}.ukbc-spec-appicon .ukbc-spec-icon{width:36px;height:36px}.ukbc-spec-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.ukbc-spec-thumb{height:125px;padding:18px;}.ukbc-spec-component h3{font-size:14px;}.ukbc-spec-download-banner{grid-template-columns:50px 1fr;padding:16px;gap:10px}.ukbc-spec-download-mark{width:50px;height:50px;font-size:27px}.ukbc-spec-download-banner .ukbc-spec-btn{grid-column:1/-1;}.ukbc-spec-download-banner h3{font-size:16px;}.ukbc-spec-columns{grid-template-columns:1fr;gap:15px}.ukbc-spec-table{min-width:340px}.ukbc-spec-footer{display:block}.ukbc-spec-footer span{display:block;margin-top:4px}.ukbc-spec-dialog{padding:22px 19px 20px;width:100%;}}
