@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;650;700;800&display=swap');
:root{--nav:#132a36;--teal:#087f73;--ink:#172e3b;--muted:#61737e;--line:#dce4e7;--canvas:#f4f7f8;--mono:'IBM Plex Mono',monospace;--sans:Inter,'Noto Sans Thai',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:16px/1.6 var(--sans)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5ae42;outline-offset:3px}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#e5eff2;padding:34px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font:500 12px/1.5 var(--mono);letter-spacing:2px;margin-bottom:48px}.brand strong{font-size:23px;letter-spacing:6px;font-weight:500}.logo{border:1px solid #5d7985;border-radius:7px;display:grid;place-items:center;width:48px;height:48px;font:600 28px var(--mono);position:relative;color:#63d9b9}.logo span{font-size:22px;position:absolute;right:4px;bottom:1px}.nav-label{font:500 11px/1.5 var(--mono);letter-spacing:1.2px;color:#9eb2bd;margin:22px 10px 13px;display:flex;justify-content:space-between}.nav-item{border:0;width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;background:transparent;color:#c3d1d8;text-decoration:none;text-align:left;border-radius:5px;font-size:14px}.nav-item b{margin-left:auto;font:12px var(--mono);color:#9fb8c3}.nav-item.active{background:#244552;color:#8bf1d7}.nav-item:hover{background:#1f3b48}.nav-item span{width:17px}.brand-dot{font:bold 12px var(--mono)!important;border:1px solid currentColor;border-radius:3px;padding:1px;width:23px!important;text-align:center}.side-bottom{margin-top:auto}.side-note{border-top:1px solid #34505d;margin-top:24px;padding:24px 10px 0;font:11px/1.8 var(--mono);color:#91aab6;letter-spacing:.5px}.side-note span{font:13px var(--sans);letter-spacing:0}.workspace{margin-left:250px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 46px;font-size:13px;background:#fff}.slash{margin:0 15px;color:#b9c4cb}#breadcrumb{color:var(--muted)}.edition{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.edition b{font-weight:400;border-left:1px solid var(--line);padding-left:14px;margin-left:14px}.menu-toggle{display:none}main{max-width:1550px;margin:auto;padding:42px 46px 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font:500 11px var(--mono);letter-spacing:1.5px;color:var(--teal);margin-bottom:9px}h1{font-size:38px;line-height:1.2;letter-spacing:-1.4px;margin:0 0 12px;font-weight:650}.accent{color:var(--teal)}.heading p{margin:0;color:var(--muted);font-size:15px}.library-mark{border:1px solid #c9d8dc;padding:8px 15px;color:#879ca6;font:13px/1.2 var(--mono);position:relative}.library-mark strong{font-size:30px;letter-spacing:-2px;color:#315666}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:22px}.stat{padding:19px 23px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat strong{font:500 30px/1.5 var(--mono);letter-spacing:-1px}.stat span{font-size:13px;color:var(--muted)}.stat small{font:12px var(--mono);color:#77959d}.coverage-note{display:flex;gap:12px;align-items:center;border-left:3px solid #d2a44f;background:#faf5e9;padding:12px 15px;border-radius:0 5px 5px 0;margin-bottom:28px;font-size:13px;color:#6e5a35}.coverage-note strong{margin-right:10px;font-weight:600}.info-symbol{border:1px solid #b49a64;border-radius:50%;font:12px var(--mono);width:18px;height:18px;text-align:center;flex-shrink:0}.coverage-note button{color:#705a2f;background:transparent;border:0;text-decoration:underline;white-space:nowrap;margin-left:auto;font-size:13px}.toolbar{display:flex;gap:12px;margin-bottom:26px}.search{height:49px;display:flex;align-items:center;gap:13px;flex:1;border:1px solid #ccd9de;border-radius:5px;background:#fff;padding:0 15px}.search>span{font-size:30px;line-height:1;color:#738995}.search input{width:100%;border:0;outline:0!important;font-size:14px;background:transparent;min-width:0}.search:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px #087f7315}kbd{border:1px solid var(--line);padding:0 7px;color:#90a0a9;border-radius:3px;font-size:12px}select{background:#fff;border:1px solid #ccd9de;border-radius:5px;padding:0 35px 0 14px;color:#385360;max-width:100%;font-size:14px}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.list-header>div{display:flex;align-items:center;gap:12px}h2{font-size:18px;letter-spacing:-.3px;margin:0}#result-count{font:12px var(--mono);color:var(--muted);background:#e7edef;padding:2px 7px;border-radius:4px}.small{font-size:12px;color:#6b7f89}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#edf2f4;text-transform:uppercase;font:500 11px/1.5 var(--mono);color:#6a7e89;letter-spacing:.7px;padding:13px 20px;white-space:nowrap}td{border-top:1px solid #e5ebee;padding:17px 20px;font-size:14px;vertical-align:middle}tr:hover td{background:#f8fbfc}.model-name{border:0;background:transparent;padding:0;color:#193c4b;text-align:left;font:600 16px var(--mono)}.model-name:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.model-family{display:block;color:#798c96;font-size:12px;margin-top:5px}.brand-label{font-size:12px;font-weight:650;display:block}.tag{display:inline-flex;gap:6px;align-items:center;font-size:12px;padding:3px 9px;border:1px solid #d9e4e7;border-radius:4px;color:#49616e;white-space:nowrap}.tag.map{background:#e9f6f0;color:#207c59;border-color:#c8e7d9}.tag.library{background:#edf3fc;color:#416c9c;border-color:#d5e2f4}.tag.request{background:#fff3e3;color:#93651c;border-color:#ebd6b6}.count-cell{font:13px var(--mono);color:#57727d;white-space:nowrap}.view-button{border:1px solid var(--line);border-radius:4px;background:#fff;padding:6px 12px;color:#3d6370;font-size:12px;white-space:nowrap}.view-button:hover{border-color:var(--teal);color:var(--teal)}.empty{padding:60px 20px;background:#fff;border:1px dashed #cbd6da;border-radius:6px;text-align:center;color:var(--muted)}.empty strong{display:block;font-size:20px;color:var(--ink)}#pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:var(--muted);font-size:13px}.pages{display:flex;gap:6px}.pages button{border:1px solid var(--line);padding:5px 11px;border-radius:4px;background:#fff;color:var(--ink)}.pages button:disabled{opacity:.35;cursor:default}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:18px;color:#81939c;font:11px var(--mono);margin-top:22px}footer span{font:12px var(--sans)}footer a{margin-left:auto;font:12px var(--sans)}dialog{width:min(1060px,calc(100% - 36px));max-height:90vh;border:1px solid #dbe4e7;border-radius:10px;padding:0;background:#fff;color:var(--ink);box-shadow:0 30px 120px #071d3440}dialog::backdrop{background:#071a2bbb;backdrop-filter:blur(3px)}.detail-head{padding:28px 32px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:flex-start;background:#f5f8fa;position:sticky;top:0;z-index:2}.detail-head h2{font:500 30px var(--mono);margin:6px 0}.detail-head .close{margin-left:auto;border:1px solid #cbd8dd;background:white;border-radius:50%;width:34px;height:34px;font-size:22px;color:#597380;flex-shrink:0}.detail-body{padding:27px 32px}.detail-body h3{font-size:17px;margin:26px 0 12px}.detail-body p{font-size:15px;color:#536b78}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}.source-link{display:block;padding:14px 17px;border:1px solid var(--line);border-radius:5px;margin:8px 0;text-decoration:none;color:#285563;background:#fafdfe;overflow-wrap:anywhere}.source-link small{display:block;color:#6d8491;font-size:12px;margin-top:3px}.source-link:hover{border-color:#64a79e}.detail-body th,.detail-body td{padding:10px 12px;font-size:12px}.detail-body code{font:12px var(--mono)}.notice{padding:14px 17px;background:#f9f4e8;border-left:3px solid #cbaa63;color:#786039;font-size:14px;margin:18px 0}.section-label{font:11px var(--mono);letter-spacing:1px;color:#6e8c97}.register-search{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;margin-bottom:12px;font-size:14px}.details-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.details-actions button,.details-actions a{border:1px solid #c8d9de;border-radius:4px;color:#285969;padding:7px 12px;background:white;font-size:13px;text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173b47;color:#fff;border-radius:6px;padding:10px 18px;font-size:14px;z-index:50;display:none}.guide-content li{margin-bottom:12px;color:#536b78}.guide-content h3{color:var(--ink)}.guide-content p{line-height:1.85}.mini-metrics{display:flex;gap:25px;margin:20px 0}.mini-metrics strong{font:500 24px var(--mono)}.mini-metrics span{display:block;font-size:12px;color:#69828f}
@media(min-width:1550px){main{padding-top:48px}.stat{padding:24px}td{padding-top:20px;padding-bottom:20px}}@media(max-width:1100px){.sidebar{width:218px;padding:28px 16px}.workspace{margin-left:218px}main{padding:30px 26px}.topbar{padding:0 26px}.edition{display:none}h1{font-size:32px}.stat{padding:16px}.stat strong{font-size:24px}.coverage-note{align-items:flex-start}.coverage-note strong{display:block}th,td{padding:13px}.small{display:none}.brand{letter-spacing:1px}.brand strong{letter-spacing:4px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #0005}.workspace{margin-left:0}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:22px}.topbar{height:58px;justify-content:flex-start;gap:16px;padding:0 18px}main{padding:26px 18px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:28px;letter-spacing:-1px}.library-mark{display:none}.heading p{font-size:14px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:13px 16px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat strong{font-size:26px}.coverage-note button{display:none}.toolbar{flex-direction:column;margin-bottom:20px}.toolbar select{height:44px}.search{flex:auto}.list-header{gap:8px}#result-count{font-size:11px}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:last-child,td:last-child{display:none}.detail-body th,.detail-body td{display:table-cell!important}.model-name{font-size:14px}.model-family{max-width:150px;font-size:11px}.brand-label{font-size:11px}.tag{font-size:10px;padding:3px 6px}.detail-head{padding:22px 20px}.detail-body{padding:20px}.detail-head h2{font-size:24px}.detail-body .table-wrap{overflow:auto}.detail-body table{min-width:600px}footer{flex-wrap:wrap;gap:9px}footer a{margin-left:0;width:100%}.mini-metrics{gap:17px}.detail-body th{font-size:11px}}

/* Readable operational labels */
.tag{font-size:14px}.brand-label{font-size:14px}.view-button{font-size:14px}.model-family{font-size:13px}.stat span{font-size:14px}.detail-body th,.detail-body td{font-size:14px}.detail-body code{font-size:13px}.source-link small{font-size:13px}@media(max-width:760px){.brand-label{font-size:12px}.tag{font-size:13px}.model-family{font-size:12px}.stat span{font-size:13px}.detail-body th,.detail-body td{font-size:13px}}
@media(max-width:760px){.stat-top small{display:none}.stat-top{gap:6px}.stats{overflow:hidden}}

/* Device references and commissioning settings */
.device-section{margin:24px 0 30px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.device-overview{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,1.2fr);gap:28px;align-items:start}
.device-figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.device-figure>a{display:flex;align-items:center;justify-content:center;padding:20px;min-height:228px;background:#fff}
.device-photo{display:block;width:100%;height:205px;object-fit:contain}
.device-figure figcaption{padding:13px 16px;border-top:1px solid var(--line);background:#f6f9fa;font-size:12px;line-height:1.7;color:#56717c;overflow-wrap:anywhere}
.device-figure figcaption a{display:block;margin-top:5px;font-size:12px}
.image-label{display:block;color:#254d5b;font-weight:600;margin-bottom:3px}
.image-unavailable{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:25px;text-align:center;background:#f4f7f8;color:#69808b}
.image-unavailable>span{font-size:42px;color:#b3c6ce}.image-unavailable strong{font-size:15px}.image-unavailable p{font-size:12px;margin-bottom:0}
.connection-summary{padding-top:6px}.connection-summary h3{margin:9px 0 17px;font-size:21px}
.connection-values{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.connection-values>div{padding:11px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:128px 1fr;column-gap:12px;align-items:baseline}
.connection-values span{font-size:13px;color:#657d89}.connection-values strong{font:500 19px/1.4 var(--mono);overflow-wrap:anywhere}.connection-values strong.unconfirmed{font:500 15px var(--sans);color:#85969f}
.connection-values small{grid-column:2;font-size:11px;color:#66847b;margin-top:3px}.connection-summary .serial-scope{font-size:12px;line-height:1.8;margin:15px 0 0}
.detail-body .serial-intro,.detail-body .serial-legend{font-size:13px;line-height:1.85;margin:10px 0 16px}.serial-legend code{color:#1c7167}
.serial-table table{table-layout:fixed}.serial-table th:first-child{width:25%}.serial-table th:nth-child(2){width:30%}
.serial-table tbody th{background:#f7fafb;font:500 13px/1.7 var(--sans);letter-spacing:0;color:#385663;text-transform:none;white-space:normal;border-top:1px solid #e5ebee}
.serial-table td{vertical-align:top;line-height:1.75;overflow-wrap:anywhere}.serial-table td strong{font-weight:500;color:#244b5a}
.setting-kind{display:block;font-size:11px;margin-top:3px;color:#617c88}.setting-kind.factory{color:#177457}.setting-kind.required{color:#3b6e9c}.unknown-row td strong,.setting-kind.unknown{color:#89979e}
.serial-sources{border:1px solid var(--line);border-radius:5px;padding:10px 13px;font-size:13px}.serial-sources summary{cursor:pointer;color:#386975}.serial-sources .source-link{margin-bottom:0}
@media(max-width:760px){.device-overview{grid-template-columns:1fr;gap:19px}.device-figure>a{min-height:190px}.device-photo{height:170px}.connection-summary h3{font-size:19px}.serial-table table{min-width:0!important;table-layout:fixed}.serial-table th:first-child{width:29%}.serial-table th:nth-child(2){width:32%}.serial-table th,.serial-table td{padding:9px 8px!important;font-size:12px!important;white-space:normal}.serial-table thead th{font-family:var(--sans);letter-spacing:0}.setting-kind{font-size:10px}.serial-table tbody th{font-size:12px}.detail-body .small{display:block}.facts .tag{white-space:normal}}