@font-face{font-family:'DM Sans';src:url('./vendor/DMSans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:Manrope;src:url('./vendor/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#152e3c;--muted:#52646d;--border:#e0e5e4;--bg:#f5f6f3;--orange:#ffb900;--green:#22705b;--pale:#edf6f1;--amber:#8b5b17;--amber-bg:#fff7e8;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button{border:0;background:none}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e9a400;outline-offset:4px}input:focus,select:focus{outline:2px solid #f0b31e;outline-offset:1px}button:disabled{opacity:.5;cursor:default}.header{height:88px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:40px;padding:0 5.5%;position:relative}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.1px;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:2.6px;margin-top:7px}.brand-mark{width:34px;height:35px;display:grid;gap:4px}.brand-mark i{display:block;width:29px;border:2.5px solid var(--orange);border-radius:20px;height:9px;transform:skewX(-24deg)}.brand-mark i:nth-child(2){margin-left:4px}.header nav{display:flex;align-items:center;gap:31px;margin-left:auto;height:100%;font-size:13px;font-weight:500}.header nav>*{height:100%;display:flex;align-items:center;padding:0;white-space:nowrap}.nav-active{border-bottom:3px solid var(--ink);padding-top:3px!important}.header nav button span{margin-left:9px}.private-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:7px 11px;border-radius:6px;background:#f2f4f1;white-space:nowrap}.private-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}main{max-width:1440px;margin:auto;padding:0 5.5%}.intro{padding:47px 0 37px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;line-height:1.25;margin:0;letter-spacing:-.7px}h1{font-size:36px;font-weight:750;margin:13px 0 15px;letter-spacing:-1.4px}h1>span{color:#62757e;font-weight:500}.intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.intro-note{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;white-space:nowrap;padding-top:30px}.intro-note small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.mini-icon{width:45px;height:45px;border:1px solid #d9dfdb;border-radius:50%;font-size:27px;display:grid;place-items:center;background:#fff}.workspace{display:grid;grid-template-columns:355px minmax(0,1fr);gap:28px;align-items:start}.config-panel{background:white;border:1px solid var(--border);border-radius:12px;padding:23px 24px;box-shadow:0 4px 12px #15334403}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--border)}.panel-heading h2{font-size:18px;font-weight:750}.text-button{font-size:12px;color:var(--muted);padding:5px}.form-section{padding:23px 0 22px}.form-section+.form-section{border-top:1px solid var(--border)}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:20px}.section-label>b{font-size:12px;letter-spacing:.3px;background:#f0f2ee;padding:4px 5px;border-radius:4px;color:#68756e}.section-label h3{font-size:14px;font-weight:750;letter-spacing:-.3px}.end-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:12px;font-weight:650}.end-badge{height:22px;width:22px;border-radius:5px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px}.end-badge.b{background:#e7edf0;color:var(--ink)}label{font-size:12px;font-weight:600;display:block;margin:15px 0 7px;color:#4c5e68}input,select{width:100%;height:42px;border:1px solid #dce2e1;border-radius:6px;background:#fff;padding:0 11px;color:var(--ink);font-size:12px;min-width:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23546770' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:31px}.port-vendor{display:grid;grid-template-columns:1.16fr 1fr;gap:8px}.port-vendor label{margin-top:10px}.device-select{background-color:#fafbf9}.between{display:flex;align-items:center;gap:9px;margin:12px 0}.between span{height:1px;background:#e9ece7;flex:1}.between button{height:25px;width:25px;background:#f5f6f3;border:1px solid #e4e9e4;border-radius:50%;font-size:15px}.field-hint{color:#435866;font-size:12px;line-height:1.6;margin:12px 0 0}.endpoint-details{margin-top:10px;color:var(--muted);font-size:12px}.endpoint-details summary{cursor:pointer;list-style:none}.endpoint-details summary:before{content:none}.endpoint-details summary{list-style:revert}.endpoint-details summary::-webkit-details-marker{display:inline}.model-fields{display:grid;gap:7px}.model-fields input{height:35px;font-size:12px}.model-fields label{margin-bottom:4px;margin-top:9px}.segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#f1f3f0;border-radius:6px;padding:4px;gap:2px}.segments button{padding:7px 0;border-radius:4px;font-size:12px;color:#52646d}.segments .selected{background:#fff;box-shadow:0 1px 4px #17324116;color:var(--ink);font-weight:650}.distance-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.distance-presets{display:flex;gap:7px;margin-top:10px}.distance-presets button{background:#f5f6f3;border:1px solid #e8ebe6;border-radius:4px;padding:4px 9px;font-size:12px;color:var(--muted)}.advanced{margin-top:21px;padding-top:16px;border-top:1px dashed var(--border)}.advanced summary{font-size:12px;list-style:none;cursor:pointer;display:flex;justify-content:space-between}.advanced summary>span{font-size:16px;line-height:1}.advanced[open] summary>span{transform:rotate(45deg)}.optional{color:#435866;font-weight:400;margin-left:5px}.input-unit{position:relative}.input-unit span{position:absolute;right:13px;top:10px;font-size:12px;color:var(--muted)}.primary{background:var(--orange);color:var(--ink);border-radius:6px;font-size:12px;font-weight:700;padding:12px 16px;min-height:44px}.find-button{width:100%;display:flex;align-items:center;justify-content:space-between}.find-button>span{font-size:19px;line-height:1}.live-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:11px 0 0;font-size:12px;color:#435866}.live-note>span{height:4px;width:4px;border-radius:50%;background:#559278}.results-panel{min-width:0}.connection-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px 28px 0;overflow:hidden}.connection-heading{display:flex;align-items:center;justify-content:space-between}.connection-heading .eyebrow{font-size:12px;letter-spacing:1.2px;color:#435866}.small-pill{font-size:12px;font-weight:650;letter-spacing:.5px;padding:4px 8px;background:#f1f4f0;border-radius:4px}.connection-diagram{display:flex;align-items:center;justify-content:space-between;padding:26px 15px 22px;gap:12px}.device-node{min-width:104px;text-align:center;max-width:150px}.end-label{font-size:12px;font-weight:650;letter-spacing:1.5px;color:#435866;display:block;margin-bottom:8px}.device-node svg{width:90px;height:38px;fill:#f5f7f4;stroke:#647a85;stroke-width:1.3;display:block;margin:0 auto 6px}.device-node svg path{fill:#d7e1e5;stroke-width:.7}.device-node svg circle{fill:var(--orange);stroke:none}.device-node strong{font-family:Manrope,Arial,sans-serif;display:block;font-size:13px;font-weight:750}.device-node small{font-size:12px;color:#435866;display:block;margin-top:2px}.link-line{flex:1;text-align:center;align-self:center;margin-top:14px;color:var(--muted);font-size:12px}.link-line>div{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.wire{display:block;height:2px;background:linear-gradient(to right,#a9c6b5,#83ad96);position:relative;margin:0 -7px 7px}.wire:before,.wire:after{content:'';position:absolute;top:-2px;width:6px;height:6px;background:var(--orange);border-radius:50%}.wire:before{left:0}.wire:after{right:0}.wire i{position:absolute;top:-3px;left:50%;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#69a286;box-shadow:0 0 0 1px #69a286}.link-line small{font-size:12px}.connection-status{background:#f0f6f1;border-top:1px solid #e2ece2;margin:0 -28px;padding:10px 23px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--green)}.connection-status>span{font-size:12px}.connection-status.error{color:#ad4438;background:#fff0ed;border-color:#f3d9d2}.examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:15px 0 28px;font-size:12px;color:#435866}.examples>span{margin-right:3px}.examples button{background:#edf0ec;color:#52646d;border-radius:4px;padding:5px 8px;font-size:12px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-heading .eyebrow{font-size:12px;color:#435866;margin-bottom:8px}.result-heading h2{font-size:21px;font-weight:700;letter-spacing:-.6px}.secondary{border:1px solid #d9dfdb;background:#fff;padding:9px 12px;border-radius:6px;font-size:12px;white-space:nowrap;min-height:38px}.secondary span{margin-left:10px}.result-explainer{color:#435866;font-size:12px;margin:11px 0 19px}.product-card{background:#fff;border:1px solid var(--border);border-radius:10px;margin:0 0 16px;overflow:hidden;transition:border-color .15s}.product-card:hover{border-color:#bfcac3}.product-card.first{border-color:#bbcdbf}.recommend-strip{font-size:12px;font-weight:600;color:#43715a;background:#f0f6ef;padding:8px 20px;display:flex;gap:7px}.product-main{padding:20px;display:flex;gap:18px;align-items:center}.product-visual{width:93px;height:80px;flex-shrink:0;background:#f6f7f3;border-radius:8px;display:grid;place-items:center;overflow:hidden}.product-visual img{width:88px;height:72px;object-fit:contain;mix-blend-mode:multiply}.product-visual svg{width:80px;height:60px}.product-description{min-width:0;flex:1}.product-type{font-size:12px;letter-spacing:1px;color:#435866;font-weight:600;margin-bottom:5px}.product-description h3{font-size:17px;font-weight:750;letter-spacing:-.4px;overflow-wrap:anywhere}.product-description h3 span{font-size:13px;color:#435866;margin:0 4px}.product-subtitle{font-size:12px;color:#435866;margin-top:6px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tags span{padding:3px 7px;border:1px solid #e4e9e6;border-radius:4px;font-size:12px;white-space:nowrap;color:#66777a}.match-badge{font-size:12px;padding:5px 7px;background:var(--amber-bg);color:var(--amber);border-radius:4px;white-space:nowrap;align-self:flex-start}.product-reason{display:flex;gap:8px;padding:0 20px 15px;font-size:12px;color:#536d61}.product-reason>span{color:#5f997b;font-size:13px;line-height:1.4}.product-bottom{border-top:1px solid #e8ede7;display:flex;align-items:center;justify-content:space-between;padding:11px 20px;background:#fdfefb;gap:8px}.product-bottom button{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;padding:3px 0}.product-bottom a{font-size:12px;color:#66777c;text-decoration:none;white-space:nowrap}.product-bottom a:hover{text-decoration:underline}.show-all{display:block;margin:5px auto 23px}.scope-note{display:flex;gap:10px;margin:20px 0 0;color:#435866;font-size:12px;line-height:1.7}.scope-note>span{border:1px solid #b5c3bc;border-radius:50%;width:14px;height:14px;display:grid;place-items:center;flex-shrink:0;font-size:12px;margin-top:3px}.scope-note p{margin:0}.empty{padding:30px;border:1px dashed #cad6cf;border-radius:10px;background:#fff;text-align:center}.empty .empty-icon{font-size:30px;color:#aab9b0}.empty h3{font-size:18px;margin:12px 0}.empty p{color:var(--muted);font-size:12px}.empty ul{text-align:left;padding-left:19px;color:#435866;font-size:12px}.empty .secondary{margin-top:10px}.error-box{background:#fff0ed;color:#994b3d;border:1px solid #efdbd5;padding:16px 20px;border-radius:9px;font-size:12px}.error-box ul{padding-left:17px;margin:0}.saved-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.saved-chip{display:inline-flex;border:1px solid #d5dfd7;border-radius:4px;background:#eef4ed;overflow:hidden}.saved-chip button{font-size:12px;padding:5px 8px}.saved-chip button+button{border-left:1px solid #d5dfd7}.source-search{margin:15px 0}.source-list{display:grid;gap:0}.source-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:13px 0;border-bottom:1px solid var(--border)}.source-row a{font-size:12px;font-weight:650;text-decoration:none}.source-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.source-row>span{font-size:12px;color:var(--muted)}dialog{border:1px solid #dce3de;border-radius:15px;max-width:720px;width:calc(100% - 32px);max-height:85vh;padding:0;color:var(--ink);box-shadow:0 20px 100px #16334344;background:#fff}dialog::backdrop{background:#142e3b69;backdrop-filter:blur(3px)}.dialog-heading{padding:24px 28px 19px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1}.dialog-heading h2{font-size:22px}.dialog-heading button{font-size:26px;line-height:1;padding:0 5px;color:#435866}#dialogContent{padding:22px 28px 28px;font-size:12px;color:#5e737b}#dialogContent h3{font-size:14px;color:var(--ink);margin:22px 0 10px}#dialogContent p{line-height:1.7}#dialogContent ul{padding-left:18px;line-height:1.8}#dialogContent .warning-list{background:var(--amber-bg);border:1px solid #f0e4ce;padding:15px 17px 15px 30px;border-radius:7px;font-size:12px;color:#866326}#dialogContent .good-list{color:#327052}.bom{width:100%;border-collapse:collapse;font-size:12px;margin:13px 0 17px}.bom td,.bom th{text-align:left;padding:11px 8px;border-bottom:1px solid var(--border);vertical-align:top}.bom th{font-size:12px;letter-spacing:.6px;color:#435866;font-weight:500}.bom td strong{color:var(--ink)}.bom a{font-size:12px;color:#4c706b}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.note-box{background:#f3f5f0;border-radius:6px;padding:12px 15px;font-size:12px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:19px 0}.legend-grid>div{background:#f5f7f3;border-radius:8px;padding:16px}.legend-grid strong{display:block;color:var(--ink);margin-bottom:6px}footer{margin:39px 0 0;padding:24px 0 30px;border-top:1px solid #e0e5de;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#435866}.footer-dot{margin:0 6px;color:#c1cac3}footer button{font-size:12px;color:#435866;padding:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);padding:12px 20px;border-radius:7px;color:#fff;font-size:12px;box-shadow:0 4px 25px #102a3b30;opacity:0;pointer-events:none;transition:.2s;z-index:9;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1450px){main{padding-left:65px;padding-right:65px}.header{padding-left:max(65px,calc((100vw - 1310px)/2));padding-right:max(65px,calc((100vw - 1310px)/2))}.workspace{grid-template-columns:370px minmax(0,1fr);gap:35px}}
@media(max-width:1100px){.header{padding:0 4%;gap:25px}.header nav{gap:22px}main{padding:0 4%}.intro-note{display:none}h1{font-size:33px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:20px}.config-panel{padding:20px}.connection-card{padding:20px 20px 0}.connection-status{margin-left:-20px;margin-right:-20px}.connection-diagram{padding-left:0;padding-right:0}.product-main{gap:12px;padding:18px}.product-visual{width:72px;height:75px}.product-visual img{width:69px}.match-badge{display:none}.product-description h3{font-size:15px}.examples{gap:5px}.examples>span{width:100%;margin-bottom:2px}.result-heading h2{font-size:19px}.secondary{font-size:12px}.device-node{min-width:90px}.product-bottom{padding-left:18px;padding-right:18px}}
@media(max-width:760px){.header{height:75px;padding:0 20px;gap:20px}.brand{font-size:23px}.brand-mark{transform:scale(.9);width:29px}.header nav{display:none}.private-badge{margin-left:auto;font-size:12px}main{padding:0 19px}.intro{padding:30px 0 25px}.eyebrow{font-size:12px;letter-spacing:1.4px}h1{font-size:29px;line-height:1.3;margin:11px 0}h1>span{display:block}.intro p{font-size:12px}.desktop-break{display:none}.workspace{grid-template-columns:1fr;gap:25px}.config-panel{padding:20px;border-radius:10px}.form-section{padding:20px 0}.section-label{margin-bottom:17px}.port-vendor{grid-template-columns:1.35fr 1fr}.between{margin:15px 0}.endpoint-details{font-size:12px}input,select{font-size:13px;height:45px}label{font-size:12px}.field-hint{font-size:12px}.segments button{font-size:12px;padding:8px 0}.distance-presets button{font-size:12px;padding:5px 12px}.primary{font-size:13px}.live-note{font-size:12px}.connection-card{padding:20px 20px 0}.connection-diagram{padding:22px 0}.connection-heading .eyebrow{font-size:12px}.device-node{min-width:83px}.device-node svg{width:80px}.device-node strong{font-size:12px}.link-line small{font-size:12px}.examples{padding-bottom:22px}.examples>span{width:auto}.result-heading h2{font-size:20px}.result-heading .eyebrow{font-size:12px}.result-explainer{font-size:12px;line-height:1.6}.product-main{padding:18px 15px;gap:13px}.product-visual{width:68px;height:72px}.product-visual img{width:66px}.product-description h3{font-size:15px}.product-subtitle{font-size:12px}.tags{gap:4px}.tags span{font-size:12px}.product-bottom{padding:12px 15px}.product-reason{padding:0 15px 15px;font-size:12px}.recommend-strip{padding:8px 15px;font-size:12px}.scope-note{font-size:12px}footer{margin-top:27px;padding-top:20px;flex-direction:column;font-size:12px}footer button{text-align:left}.dialog-heading{padding:20px}.dialog-heading h2{font-size:19px}#dialogContent{padding:18px 20px 22px}.legend-grid{grid-template-columns:1fr}.bom td,.bom th{padding:10px 4px;font-size:12px}.bom td strong{overflow-wrap:anywhere}.result-heading .secondary{padding:8px}.result-heading .secondary span{margin-left:3px}.advanced summary{font-size:12px}.connection-status{font-size:12px;line-height:1.5}.source-row{gap:8px}.source-row a{font-size:12px}.source-row>span{font-size:12px}.source-row small{font-size:12px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Channel controls and locally packaged product photographs. */
.wdm-controls{margin-top:18px;padding-top:4px;border-top:1px solid var(--line,#dce5e8)}
.wdm-notice,.wdm-detail{font-size:13px;line-height:1.5;background:#fff6da;border:1px solid #eed78b;border-radius:8px;padding:10px 12px;color:#604c15}
.product-visual .product-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0}
.product-main .product-visual{width:120px;height:auto;min-height:110px;align-self:stretch;overflow:visible;background:#fff;padding:6px 4px}
.product-visual .product-photo img{display:block;width:100%;height:80px;object-fit:contain;background:#fff;max-width:200px}
.product-visual .product-photo small{display:block;font-size:12px;line-height:1.35;color:#637982;text-align:center;margin-top:6px}
.product-main .product-visual.paired-photos{display:flex;gap:8px;flex-direction:column;min-height:180px}
.product-visual.paired-photos .product-photo img{height:65px}
#channel{max-width:100%}
@media(max-width:600px){.product-main .product-visual{width:74px;min-height:90px}.product-visual .product-photo img{height:60px}.product-main .product-visual.paired-photos{min-height:155px}.product-visual.paired-photos .product-photo img{height:50px}.wdm-notice{font-size:12px}}

/* Connection enquiries share the documented selection without asserting supply. */
.enquiry-panel{margin:20px 0;padding:22px;border:1px solid #e4b958;border-left:4px solid #f4b622;border-radius:12px;background:#fffbef;color:#193747}
.enquiry-panel h3{margin:8px 0 10px;font-size:1.18rem}.enquiry-panel p{line-height:1.6}.enquiry-panel .detail-actions{margin:16px 0 8px}
#enquiryMessage{display:block;width:100%;box-sizing:border-box;min-height:100px;padding:12px;border:1px solid #b7c7cf;border-radius:8px;font:inherit;resize:vertical;margin:8px 0 16px}
.enquiry-preview{margin:16px 0}.enquiry-preview summary{cursor:pointer;font-weight:600}.enquiry-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;background:#f4f7f8;padding:16px;border-radius:8px;font:13px/1.6 system-ui,sans-serif}
.detail-actions a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.detail-actions{flex-wrap:wrap;gap:10px}.enquiry-panel a:focus-visible,#sendEnquiry:focus-visible{outline:3px solid #167d98;outline-offset:3px}
@media(max-width:600px){.enquiry-panel{padding:16px}.enquiry-panel .detail-actions>*{width:100%;box-sizing:border-box}#dialogContent .detail-actions>*{max-width:100%;white-space:normal}}

.visual-summary{border:1px solid #dae4e8;border-radius:12px;overflow:hidden;margin:12px 0;background:#fff}.summary-topline{padding:15px 18px;background:#153645;color:#fff;font-size:18px;font-weight:750;display:flex;justify-content:space-between;gap:12px}.summary-topline span{font-size:12px;font-weight:400;align-self:center}.visual-summary>h3{padding:0 18px}.summary-link{display:flex;align-items:center;gap:14px;padding:10px 18px 20px}.summary-end{display:grid;place-items:center;background:#153645;color:#fff;border-radius:10px;width:38px;height:38px;font-weight:700;flex-shrink:0}.summary-link>div{flex:1;text-align:center;min-width:0}.summary-link strong,.summary-link span:not(.summary-end){display:block}.summary-link>div>span{font-size:12px;line-height:1.5;color:#435866;overflow-wrap:anywhere}.summary-link i{display:block;height:3px;background:#efb52a;margin-top:10px;position:relative}.summary-link i:before,.summary-link i:after{content:'';position:absolute;top:-3px;width:7px;height:7px;border:solid #efb52a;transform:rotate(45deg)}.summary-link i:before{left:0;border-width:0 0 3px 3px}.summary-link i:after{right:0;border-width:3px 3px 0 0}.summary-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px}.summary-endpoints>section{background:#f3f7f8;border:1px solid #dbe5e9;border-radius:8px;padding:14px;min-width:0}.visual-summary h4{margin:0 0 12px;font-size:13px;color:#193a48}.visual-summary>section,.visual-summary>details{padding:18px;border-top:1px solid #e4ebee}.visual-summary dl{margin:10px 0 0;font-size:12px}.visual-summary dl>div{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:8px 0}.visual-summary dt{color:#435866}.visual-summary dd{margin:0;overflow-wrap:anywhere}.summary-endpoints dl>div{display:block}.summary-endpoints dt{font-size:12px;text-transform:uppercase;margin:10px 0 3px}.summary-products{display:grid;gap:10px}.summary-products>div{padding:12px;background:#f3f7f8;border-left:3px solid #f0b52a;border-radius:5px}.summary-products span,.summary-products a,.summary-products small{display:block;overflow-wrap:anywhere}.summary-products a{font-size:16px;font-weight:700;margin:6px 0}.summary-products small{font-size:12px;color:#5b717c}.summary-attention{background:#fffbef}.visual-summary li{font-size:12px;line-height:1.65;margin:7px 0}.visual-summary>p.field-hint{padding:0 18px 16px}.summary-message{white-space:pre-wrap;overflow-wrap:anywhere}.visual-summary details summary{cursor:pointer;font-weight:600;font-size:12px}.summary-endpoints strong{overflow-wrap:anywhere;font-size:13px}
@media(max-width:520px){.summary-endpoints{grid-template-columns:1fr;padding:0 12px 12px}.visual-summary dl>div{grid-template-columns:85px 1fr}.summary-topline{padding:12px;font-size:16px}.summary-topline span{font-size:12px}.visual-summary>section,.visual-summary>details{padding:14px}.summary-link{padding:10px 12px 16px;gap:8px}}

/* Original supplied GLOBALfiber identity, with its complete payoff. */
.brand-logo{display:block;width:210px;height:auto;max-width:100%;object-fit:contain}.summary-topline{background:#fff;color:#153645;border-bottom:1px solid #e0e8ec}.summary-topline img{display:block;width:180px;max-width:70%;height:auto;object-fit:contain}
@media(max-width:600px){.brand-logo{width:156px}.summary-topline img{width:165px}}
@media(max-width:360px){.brand-logo{width:140px}}

#maintenanceLink{font:600 12px system-ui,sans-serif;color:#385d6a;text-decoration:none;padding:9px 0}#maintenanceLink:hover{text-decoration:underline}

/* Search is the primary model entry on desktop and mobile. */
.equipment-row .device-select,.equipment-row .search-model-button{display:none}
.equipment-row .mobile-model-choice{display:flex;flex-direction:column;align-items:stretch;gap:6px;grid-column:1/-1;width:100%;min-width:0;text-align:left;padding:12px;border:1px solid #dce2e1;border-radius:7px;background:#fafbf9}
.equipment-row .mobile-model-choice>span{display:block;min-width:0;line-height:1.4;overflow-wrap:anywhere}
.equipment-row .mobile-model-choice small{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.4;color:#526e69}
.equipment-row .mobile-model-choice small span{flex-shrink:0}
.same-end{display:flex;align-items:center;gap:10px;margin:16px 0;font-weight:600}
.same-end input{width:auto}
#endpointB[hidden]{display:none}
.language-choice{display:flex;gap:4px;align-items:center}
.language-choice button{padding:6px;border:1px solid #ccd5d8;border-radius:5px;background:white;color:#142e3c}
.language-choice button[aria-pressed=true]{background:#ffbc20}

.order-location + .order-location{margin-top:12px}.order-location b{font-size:12px;letter-spacing:.05em}.order-location a{display:inline-block;margin-top:4px;overflow-wrap:anywhere}

.end-title.site-title{font-size:18px;line-height:1.3;margin:0 0 16px;font-family:Manrope,sans-serif;font-weight:750}

.price-panel{padding:12px 18px;border-top:1px solid #e3e8ed;background:#f7fafc;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.price-panel p{margin:5px 0}.catalog-row [data-price-sku]{display:block;margin:0 0 8px;color:#435265}

footer{flex-wrap:wrap}.rights-notice{flex-basis:100%;font-size:12px;line-height:1.5;margin:12px 0 0;max-width:100%;}

/* A shared form, two views. Hidden technical values remain active. */
.selection-modes{display:flex;gap:4px;padding:4px;background:var(--paper,#f3f5f3);border:1px solid #dce3e2;border-radius:9px;margin-top:18px}
.selection-modes button{flex:1;min-height:44px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-weight:600;padding:10px 12px;cursor:pointer}
.selection-modes button[aria-pressed="true"]{background:#f9c728;color:#142d38;box-shadow:0 1px 3px #0001}
.selection-modes button:focus-visible,.text-button:focus-visible{outline:2px solid #335a69;outline-offset:3px}
.selection-mode-hint{font-size:12px;line-height:1.5;color:#435866;margin:8px 0 16px}
.simple-selection .selection-technical{display:none!important}
#configForm:not(.simple-selection) .simple-only,#configForm:not(.simple-selection) .simple-endpoint-context{display:none}
.simple-selection .form-section:first-child>p.field-hint{display:none}
.simple-endpoint-context{margin:8px 0 16px}.simple-endpoint-context p{margin:0 0 6px}
.text-button{font:inherit;font-size:12px;line-height:1.5;text-align:left;color:#214958;background:transparent;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.needs-port-selection{padding:10px;background:#fff4dd;border-radius:6px}
.endpoint-technical{margin-top:14px}.connection-technical{margin-top:20px;padding-top:20px;border-top:1px solid #dce3e2}
#simpleSettingsNote{font-size:12px;margin:14px 0 0}#simpleSettingsNote p{margin:0}
.simple-selection #speedHint{display:none}
.simple-selection #medium option[hidden]{display:none}

.contact-shortcuts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;margin:20px 0;background:#fffbef;border:1px solid #e4d8b7;border-radius:12px}
.contact-shortcuts p{margin:5px 0 0;font-size:.85rem;color:#566b75}.contact-shortcuts .detail-actions{margin:0;display:flex}
#enquiryForm label{display:block;margin:15px 0 7px;font-weight:600}#enquiryForm input,#enquiryForm select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #b7c7cf;border-radius:8px;background:#fff;font:inherit;color:inherit;min-width:0}
.enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-fields[hidden]{display:none}.enquiry-fields>div{min-width:0}.enquiry-primary-actions{display:flex;margin:20px 0 10px}.enquiry-more{border-top:1px solid #dce4e6;padding-top:16px;margin-top:18px}.enquiry-more>summary{cursor:pointer;font-weight:600;padding:8px 0}
@media(max-width:600px){.enquiry-fields{grid-template-columns:1fr;gap:0}.contact-shortcuts{padding:16px}.contact-shortcuts .detail-actions{width:100%}.contact-shortcuts button{flex:1;white-space:normal}.enquiry-primary-actions>*{width:100%}}
.product-bottom{flex-wrap:wrap;gap:12px}.product-bottom .quote-product{background:#f9c728;color:#193747;border-radius:6px;padding:9px 13px;font-weight:700}

/* Webshop actions share the quote button geometry, with a distinct brand colour. */
.product-bottom .quote-product,:is(.product-bottom,.detail-actions) a.webshop-product{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:6px;font-size:13px;font-weight:700;line-height:1.5;text-align:center;white-space:normal;max-width:100%}
:is(.product-bottom,.detail-actions) a.webshop-product{background:#193f46;color:#fff;text-decoration:none}
:is(.product-bottom,.detail-actions) a.webshop-product:hover{background:#102f35;color:#fff}
:is(.product-bottom,.detail-actions) a.webshop-product:focus-visible{outline:3px solid #22705b;outline-offset:3px}

/* Keep embedded introductions compact; the host page supplies its own title. */
html.embedded .intro{display:none}html.embedded .cisco-banner{margin-top:12px}html.embedded .cisco-banner p span{display:none}

.trademark-notice{flex-basis:100%;font-size:12px;line-height:1.6;color:#435866;margin:8px 0 0;overflow-wrap:anywhere}
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #176782;outline-offset:3px}

.saved-chip button:focus-visible{outline-offset:-3px}