.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.new-legend{display:flex;align-items:center;gap:9px;margin:0;color:#68748c;font-size:12px;line-height:1.8}
.new-tag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;border:1px solid #f8c4cc;background:#ffe9ed;color:#b52b48;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.2px}
.view-toggle{display:flex;gap:3px;flex-shrink:0;background:#eef0f6;border:1px solid #dfe4ed;padding:4px;border-radius:9px}
.view-toggle button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 14px;font-size:14px;border-radius:6px;color:#657089}
.view-toggle button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 4px #25345412;font-weight:600}
.view-toggle button:hover{color:var(--blue)}
.view-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.card-image>.new-tag{position:absolute;right:12px;top:12px;z-index:2}
.detail-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 7px}
.detail-heading h2{margin:0}
.announcement-source{display:inline-block;margin-top:16px;font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.matrix-hint{font-size:12px;color:#69758b;margin:0 0 12px;line-height:1.8}
.matrix-scroll{width:100%;overflow:auto;max-height:76vh;background:#fff;border:1px solid #cfd7e5;border-radius:10px;scrollbar-color:#b5c0d8 #f0f3f9;scrollbar-width:auto;overscroll-behavior:contain}
.catalog-matrix{border-spacing:0;border-collapse:separate;table-layout:fixed;width:100%;min-width:var(--matrix-width,1320px);font-size:14px;text-align:center}
.catalog-matrix th,.catalog-matrix td{border-right:1px solid #dfe4ee;border-bottom:1px solid #dfe4ee;padding:6px;vertical-align:middle}
.catalog-matrix th:last-child,.catalog-matrix td:last-child{border-right:0}
.catalog-matrix tbody tr:last-child th,.catalog-matrix tbody tr:last-child td{border-bottom:0}
.catalog-matrix thead{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 #c8d2e4}
.catalog-matrix thead th{background:#edf1fb;color:#334774;font-weight:600;height:40px;font-size:13px;line-height:1.5}
.catalog-matrix thead tr:nth-child(2) th{background:#f5f7fc;height:34px;font-size:12px;font-weight:500}
.matrix-head-sub{display:block;font-size:12px;font-weight:400;color:#6d7e9f;margin-top:3px}
.catalog-matrix .matrix-corner{position:sticky;left:0;z-index:5;background:#e5ebf8}
.catalog-matrix tbody th{position:sticky;left:0;z-index:2;background:#f6f8fc;box-shadow:1px 0 0 #d6deeb;font-weight:500;padding:12px 9px}
.matrix-character{display:block;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.matrix-row-count{display:block;font-size:12px;color:#8490a5;font-weight:400;margin-top:4px}
.catalog-matrix tbody tr:hover td{background:#f9faff}
.catalog-matrix tbody tr:hover th{background:#edf2ff}
.matrix-items{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.matrix-item{width:74px;min-height:97px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;border:1px solid transparent;border-radius:6px;padding:5px 3px;color:#52617d}
.matrix-item:hover{border-color:#aabde9;background:#edf2ff!important}
.matrix-item img{width:64px;height:70px;object-fit:contain;background:#fff;border-radius:3px}
.matrix-item-label{display:block;font-size:12px;line-height:1.45;max-width:100%;overflow-wrap:anywhere}
.matrix-item .new-tag{position:absolute;top:1px;right:1px;font-size:12px;padding:1px 4px;z-index:1;border-radius:3px}
.matrix-empty{display:block;color:#b3bed0;font-size:12px;padding:20px 0}
.matrix-item .no-image{font-size:12px;padding:5px}
@media(max-width:820px){.view-toolbar{gap:10px}.view-toggle button{padding:6px 11px}.new-legend{max-width:300px}.matrix-scroll{max-height:72vh}.results-bar{flex-wrap:wrap}}
@media(max-width:560px){.view-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-top:16px}.view-toggle{align-self:flex-end}.new-legend{max-width:none;font-size:12px}.view-toggle button{min-height:36px;padding:6px 15px}.results-bar{margin-top:19px}.card-image>.new-tag{top:9px;right:8px;padding:2px 5px}.matrix-hint{font-size:12px}.catalog-matrix tbody th{padding:8px 6px}.matrix-character{font-size:14px}.detail-heading{gap:9px}.detail-heading h2{font-size:26px}}