#categoryPage h3{font-size:15px;font-weight:600;margin:0 0 8px;color:#243b65}
#categoryPage .category-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
#categoryPage .category-kpi{font:inherit;text-align:left;background:#fff;border:1px solid #e7ecf3;border-radius:9px;padding:17px;min-width:0;transition:border-color .15s,background .15s}
#categoryPage .category-kpi:hover{border-color:#ec98a6;background:#fff9fa}
#categoryPage .category-kpi.is-active{border-color:#c8102e;background:#fff0f2;box-shadow:inset 0 3px 0 #c8102e}
#categoryPage .category-kpi-label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#71819b;font-size:12px}
#categoryPage .category-selection{font-size:10px;color:#94a0b5;white-space:nowrap}
#categoryPage .is-active .category-selection{color:#c8102e}
#categoryPage .category-kpi strong{display:block;color:#243b65;font-size:25px;margin:12px 0;line-height:1.4;overflow-wrap:anywhere}
#categoryPage .category-kpi strong small{font-size:11px;font-weight:400;color:#8390a3}
#categoryPage .category-kpi-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#7b879d;flex-wrap:wrap}
.category-select-hint{font-size:12px;color:#687d9e;margin:16px 0 0}
#categoryPage .category-filters{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 16px}
#categoryPage .category-filters>label,#categoryPage .category-picker{flex:1;min-width:150px;max-width:270px}
#categoryPage .category-picker{position:relative;display:flex;flex-direction:column;gap:7px}
#categoryPage .category-picker>label{font-size:12px}
.category-search-control{display:flex;align-items:center;border:1px solid #dce4ef;border-radius:8px;background:#fff;min-height:42px}
.category-search-control:focus-within{outline:3px solid #ffbcc7;outline-offset:2px}
#categoryPage .category-search-control input{border:0;background:transparent;padding:9px 10px;outline:none;min-width:0;flex:1}
#categoryPage .category-search-control input::placeholder{font-size:12px;color:#8a97ad}
#categoryPage .category-search-control button{border:0;background:transparent;border-radius:5px;padding:5px 8px;color:#71819b;flex-shrink:0;line-height:1.5}
#categoryPage .category-search-control button:hover{background:#ffedf0;color:#c8102e}
#categoryPage .category-options{position:absolute;top:100%;left:0;right:0;margin-top:6px;padding:5px;z-index:8;max-height:280px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #dce4ef;border-radius:9px;box-shadow:0 8px 24px #172c4826;background:#fff}
#categoryPage .category-options button{display:flex;width:100%;gap:8px;align-items:center;text-align:left;border:0;border-radius:5px;padding:10px;font-size:12px;background:#fff}
#categoryPage .category-options button small{font-size:10px;color:#8a97ad;margin-left:auto;white-space:nowrap}
#categoryPage .category-options button:hover,#categoryPage .category-options button.is-active{background:#ffedf0;color:#c8102e}
#categoryPage .category-options button[aria-selected="true"]{color:#c8102e;font-weight:600}
.category-option-check{color:#c8102e;font-size:12px}
.category-search-empty{padding:14px 10px;color:#7d8ba0;font-size:12px;line-height:1.8}
#categoryPage .category-context{font-size:12px;color:#687b96;line-height:1.9;background:#fcf6f7;padding:12px 15px;border-radius:7px}
.category-visuals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:26px;align-items:start}
.category-visuals>*,.category-trend{min-width:0}
#categoryPage .category-ranking-panel>p{margin-bottom:16px}
.category-rank{display:grid;grid-template-columns:110px minmax(35px,1fr) 103px;gap:10px;align-items:center;font-size:11px;margin:13px 0}
.category-rank button{border:0;background:transparent;text-align:left;color:#c0455a;padding:5px 0;font-size:12px;overflow-wrap:anywhere;line-height:1.6}
.category-dual-bars{display:flex;flex-direction:column;gap:5px}
.category-bar{width:100%;height:8px;overflow:visible;border-radius:4px;background:#faeff1}
.category-bar svg{display:block;width:100%;height:8px;overflow:visible}
.category-rank .amount{text-align:right;font-variant-numeric:tabular-nums;color:#29415f}
.category-rank .amount small{display:block;font-size:10px;color:#8996ac;margin-top:4px}
#categoryPage .category-trend select{width:130px;min-width:110px;font-size:12px}
#categoryPage .category-trend .chart{height:290px;overflow:hidden}
#categoryPage .category-trend .chart svg{min-width:0}
#categoryPage .category-trend .section-heading{align-items:start;gap:10px}
#categoryPage #categoryTrendNote{margin-top:12px;font-size:11px;line-height:1.8}
.category-insight{display:flex;gap:12px;border:1px solid #fde0e5;border-radius:9px;padding:15px 17px;background:#fff3f5;color:#5b6f93;font-size:12px;line-height:1.9;margin-top:24px}
.category-insight .signal{color:#c8102e;font-size:22px;flex-shrink:0}
#categoryPage .category-detail-heading{margin:28px 0 12px;padding-top:23px;border-top:1px solid #e7ecf3}
#categoryPage .category-name{border:0;background:transparent;padding:4px 0;max-width:170px;white-space:normal;text-align:left;font-size:12px;color:#cd3c54;line-height:1.6}
#categoryPage .category-name small{display:block;font-size:10px;color:#8794aa;margin-top:2px}
#categoryPage .category-comparison .sticky-table td:first-child,#categoryPage .category-comparison .sticky-table th:first-child{min-width:145px}
#categoryPage .category-metric-cell{background:#ffeef1;color:#bd3148;font-weight:600}
#categoryPage .category-total-row td{background:#fff4f6;font-weight:600;border-top:1px solid #fedce2}
#categoryPage .category-total-row td:first-child{background:#fff4f6}
#categoryPage .category-footnote{margin-top:13px;font-size:11px;line-height:1.9}
#categoryPage .category-method{margin-top:23px;border-top:1px solid #e7ecf3;padding-top:12px}
#categoryPage .category-method p{line-height:2;margin-top:10px}
@media(max-width:1150px){.category-visuals{grid-template-columns:1fr;gap:28px}.category-trend{border-top:1px solid #e7ecf3;padding-top:22px}.category-rank{grid-template-columns:135px minmax(35px,1fr) 120px}#categoryPage .category-kpi-label{display:block}#categoryPage .category-selection{display:block;margin-top:5px}#categoryPage .category-kpi strong{font-size:22px}}
@media(max-width:800px){#categoryPage .category-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#categoryPage .category-kpi{padding:13px}#categoryPage .category-kpi strong{font-size:23px}#categoryPage .category-kpi-meta{display:block}#categoryPage .category-kpi-meta>.badge{margin-top:6px}#categoryPage .category-filters>label,#categoryPage .category-picker{min-width:calc(50% - 14px);max-width:none}.category-rank{grid-template-columns:100px minmax(25px,1fr) 100px;gap:8px}#categoryPage .category-trend .chart{height:255px}#categoryPage .category-trend select{width:115px}#categoryPage .category-context{padding:11px;font-size:11px}.category-insight{padding:12px}.category-select-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){#categoryPage .category-kpi{transition:none}}
