/* Shared guide cards, colors and controls follow the network tools. */
#display-standards .display-toc { display:flex; flex-wrap:wrap; gap:8px 18px; margin:18px 0; font-size:14px; }
#display-standards .network-guide { margin-top:24px; }
.display-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; align-items:end; }
.display-fields label { min-width:0; font-size:13px; font-weight:700; color:#43536a; }
.display-fields :is(select,input:not([type=hidden])) { display:block; box-sizing:border-box; width:100%; min-width:0; min-height:44px; margin-top:6px; padding:9px; border:1px solid #bdcad9; border-radius:8px; background:#fff; color:#182b45; font:inherit; font-size:16px; }
#display-standards button { min-height:44px; padding:8px 16px; border:1px solid #1769e0; border-radius:8px; background:#1769e0; color:#fff; font:inherit; cursor:pointer; }
#display-standards details { margin:16px 0; }
#display-standards summary { cursor:pointer; font-weight:700; color:#1769e0; }
#display-standards :is(input,select,button,a,summary,.display-table-scroll):focus-visible { outline:3px solid #8ab0f8; outline-offset:3px; }
.display-bandwidth { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:6px 12px; font-size:14px; }
.display-bandwidth dd { margin:0; overflow-wrap:anywhere; }
.display-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0; }
.display-result { min-width:0; padding:16px; border:1px solid #dce4ed; border-radius:12px; background:#f5f9fe; overflow-wrap:anywhere; }
#display-standards .display-result h3 { margin:0 0 8px; }
#display-standards .display-result p { margin:8px 0 0; }
.display-status { display:block; color:#163b68; }
.status-unsupported { color:#b42318; }
.display-device-note { margin-top:16px!important; }
.display-table-scroll { max-width:100%; overflow-x:auto; margin-top:14px; border:1px solid #dce4ed; border-radius:12px; }
.display-table { width:100%; border-collapse:collapse; min-width:660px; text-align:start; font-size:13px; line-height:1.6; }
.display-table :is(th,td) { padding:10px 12px; border-bottom:1px solid #e3eaf3; }
.display-table thead { background:#edf5ff; color:#163b68; }
.display-table tbody tr:nth-child(even) { background:#f7f9fc; }
.display-table th:first-child { position:sticky; inset-inline-start:0; background:#f5f9fe; min-width:150px; z-index:1; }
.display-table caption { text-align:start; padding:10px 12px; font-weight:700; }
.display-table abbr { cursor:help; text-decoration:underline dotted; }
#resolution-refresh .display-table td { text-align:center; min-width:52px; }
#checker-result, #display-standards section[id] { scroll-margin-top:20px; }
#display-standards [hidden] { display:none!important; }
@media(max-width:760px) { .display-fields,.display-results { grid-template-columns:1fr; } .display-bandwidth { grid-template-columns:1fr; } .display-bandwidth dd { margin-bottom:8px; } }

#display-standards .network-guide > section { min-width:0; }

#display-standards .display-table-note { margin-top:12px; font-size:12px; }

#display-calculation-response p { overflow-wrap:anywhere; }