.capcode-layout{max-width:1120px;margin:25px auto;padding:0 18px}.capcode-layout h1{font-size:24px;margin:0 0 10px}.capcode-layout>p{color:#b7b7b7;font-size:13px}.catalog-note{max-width:900px;line-height:1.7}#capcode-filter{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}#capcode-filter label{display:flex;flex-direction:column;gap:6px;font-size:12px}#capcode-filter label:first-child{flex:1;min-width:230px}#capcode-filter input,#capcode-filter select{border:1px solid #555;border-radius:5px;background:#303030;color:#eee;padding:8px;font-size:13px}#capcode-filter select{max-width:100%}.catalog-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#aaa;margin:12px 0}.catalog-pagination button:disabled{opacity:.4;cursor:default}.capcode-table{overflow:auto;border:1px solid #444;border-radius:5px}table{width:100%;border-collapse:collapse;font-size:12px;background:#292929}th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #414141}th{background:#343434;color:#ddd;font-weight:600;white-space:nowrap}td:first-child{font:13px ui-monospace,Consolas,monospace;color:#c4d7e8}td small{display:block;color:#999;margin-top:4px}td a{display:inline-block;margin-right:7px;color:#a8c8e5}.catalog-observed{color:#a5d3b0}.catalog-reference{color:#b8b8b8}.catalog-legacy{color:#d6bb79}@media(max-width:700px){.topbar nav a:first-child{display:inline-flex}.topbar-inner>strong{font-size:13px}.capcode-layout{margin-top:18px;padding:0 12px}#capcode-filter{gap:10px}#capcode-filter label{max-width:100%}th,td{padding:8px}table{min-width:630px}}