/* Approved 2026-09-06 report presentation, scoped away from other modules. */ #categoryResearchResults { box-sizing:border-box; max-width:100%; min-width:0; } #categoryResearchResults *, #categoryResearchResults *::before, #categoryResearchResults *::after { box-sizing:border-box; } #categoryResearchResults [hidden] { display:none!important; } #categoryResearchResults :focus-visible { outline:3px solid #8058c9; outline-offset:3px; } #categoryResearchResults .category-codex-controls { flex-wrap:wrap; } #categoryResearchResults .category-live-grid { display:grid; grid-template-columns:200px minmax(0,1fr); gap:24px; align-items:start; } #categoryResearchResults .category-live-menu { position:sticky; top:88px; min-width:0; padding-top:24px; } #categoryResearchResults .category-live-menu summary { min-height:44px; padding:8px 12px; font-weight:650; cursor:pointer; } #categoryResearchResults .category-live-menu .nav { display:flex; flex-direction:column; width:100%; gap:4px; padding:0; margin:0; border:0; max-height:none; } #categoryResearchResults .category-live-menu .nav a { display:block; min-height:44px; padding:10px 12px; color:#575168; background:transparent; border:0; border-radius:8px; text-decoration:none; white-space:normal; font-size:14px; } #categoryResearchResults .category-live-menu .nav a.active, #categoryResearchResults .category-live-menu .nav a:hover { color:#5c2eac; background:#eee7fa; } #categoryResearchResults #categoryReportSections { display:block; min-width:0; width:100%; padding:0; margin:0; } #categoryResearchResults { position:static; left:auto; transform:none; width:100%; min-width:0; margin:0; } #categoryResearchResults .category-codex-shell { --ink:#25213b; --muted:#626078; --line:#e5e1ec; --blue:#7044bd; --blue2:#a284d5; --soft:#f7f6fa; --shadow:none; max-width:none; min-width:0; min-height:0; overflow:visible; box-shadow:none; background:white; border:1px solid var(--line); border-radius:12px; padding:0 24px; font:inherit; } #categoryResearchResults .category-codex-shell { padding:0 24px; border:1px solid var(--line); border-radius:12px; box-shadow:none; font:15px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif; } #categoryResearchResults .category-codex-shell .section { padding:32px 0; scroll-margin-top:24px; } #categoryResearchResults .category-codex-shell .head { display:block; margin-bottom:24px; } #categoryResearchResults .category-codex-shell .head h2 { font-size:24px; margin:0 0 8px; font-weight:700; } #categoryResearchResults .category-codex-shell .head p { text-align:left; max-width:none; font-size:14px; line-height:1.75; } #categoryResearchResults .category-codex-shell .kicker { display:none; } #categoryResearchResults .category-codex-shell .grid { gap:16px; min-width:0; } #categoryResearchResults .category-codex-shell .metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } #categoryResearchResults .category-codex-shell .metric { min-height:144px; padding:16px; background:#faf9fd; } #categoryResearchResults .category-codex-shell .metric::after,#categoryResearchResults .category-codex-shell .phase::before { display:none; } #categoryResearchResults .category-codex-shell .metric .value { font-size:26px; line-height:1.35; font-weight:700; overflow-wrap:anywhere; margin:12px 0 8px; } #categoryResearchResults .category-codex-shell .metric:last-child .value { font-size:19px; } #categoryResearchResults .category-codex-shell .label { font-size:14px; color:#575168; } #categoryResearchResults .category-codex-shell .note,#categoryResearchResults .category-codex-shell .chart-foot,#categoryResearchResults .category-codex-shell .evidence-sample { font-size:13px; line-height:1.7; color:#626078; } #categoryResearchResults .category-codex-shell .card { box-shadow:none; border:1px solid var(--line); border-radius:8px; min-width:0; } #categoryResearchResults .category-codex-shell .scope-note { padding:16px; margin:16px 0; font-size:13px; background:#f7f6fa; border:1px solid var(--line); border-radius:8px; } #categoryResearchResults .category-codex-shell .sample-explanation { padding:16px; margin:16px 0; background:#faf9fd; border:1px solid var(--line); } #categoryResearchResults .category-codex-shell .sample-explanation-head { flex-wrap:wrap; gap:8px; } #categoryResearchResults .category-codex-shell .sample-explanation h3 { font-size:16px; } #categoryResearchResults .category-codex-shell .sample-total { white-space:normal; } #categoryResearchResults .category-codex-shell .sample-explanation p { font-size:14px; } #categoryResearchResults .category-codex-shell .sample-split { flex-wrap:wrap; } #categoryResearchResults .category-codex-shell .family-grid { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); margin-top:16px; } #categoryResearchResults .category-codex-shell .family { padding:16px; } #categoryResearchResults .category-codex-shell .tabs { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 16px; overflow:visible; } #categoryResearchResults .category-codex-shell .tab { min-height:44px; padding:8px 16px; border:1px solid var(--line); color:#575168; background:white; border-radius:8px; white-space:normal; } #categoryResearchResults .category-codex-shell .tab.active { color:#5c2eac; background:#eee7fa; border-color:#c7b3e7; } #categoryResearchResults .category-codex-shell .chart-card { padding:24px; } #categoryResearchResults .category-codex-shell .chart-title { font-size:17px; } #categoryResearchResults .category-codex-shell .chart-sub { color:#626078; font-size:14px; } #categoryResearchResults .category-codex-shell .bars { gap:16px; margin:24px 0; } #categoryResearchResults .category-codex-shell .bar-row { grid-template-columns:minmax(120px,30%) minmax(0,1fr) 72px; gap:12px; align-items:center; } #categoryResearchResults .category-codex-shell .bar-label { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.5; font-size:14px; } #categoryResearchResults .category-codex-shell .track { height:10px; background:#f0edf5; } #categoryResearchResults .category-codex-shell .fill { min-width:0; border-radius:4px; background:#8c6bc5; } #categoryResearchResults .category-codex-shell .fill.orange { background:#dba05d; } #categoryResearchResults .category-codex-shell .fill.green { background:#60a78f; } #categoryResearchResults .category-codex-shell .bar-value { font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; } #categoryResearchResults .category-codex-shell .insights,#categoryResearchResults .category-codex-shell .risk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #categoryResearchResults .category-codex-shell .insight,#categoryResearchResults .category-codex-shell .risk,#categoryResearchResults .category-codex-shell .phase { padding:16px; } #categoryResearchResults .category-codex-shell .callout,#categoryResearchResults .category-codex-shell .ai-conclusion { border:1px solid #d9ceeb; border-radius:8px; background:#f7f3fd; padding:20px; margin:16px 0; } #categoryResearchResults .category-codex-shell .callout.warn { background:#fffaf2; border-color:#ead8ba; } #categoryResearchResults .category-codex-shell .callout h3,#categoryResearchResults .category-codex-shell .ai-conclusion h3 { color:#34294d; font-size:17px; margin:0 0 8px; } #categoryResearchResults .category-codex-shell .callout p,#categoryResearchResults .category-codex-shell .ai-conclusion li { font-size:15px; line-height:1.8; } #categoryResearchResults .category-codex-shell .table-wrap { width:100%; max-width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:8px; } #categoryResearchResults .category-codex-shell .table { min-width:820px; width:100%; border-collapse:collapse; table-layout:auto; font-size:14px; } #categoryResearchResults .category-codex-shell .table th { background:#f4f1f9; color:#443c55; font-weight:650; white-space:nowrap; } #categoryResearchResults .category-codex-shell .table th,#categoryResearchResults .category-codex-shell .table td { padding:16px; border-bottom:1px solid var(--line); vertical-align:top; line-height:1.65; } #categoryResearchResults .category-codex-shell .table td { min-width:96px; max-width:320px; white-space:normal; overflow-wrap:break-word; } #categoryResearchResults .category-codex-shell .table td:first-child { min-width:144px; } #categoryResearchResults .category-codex-shell .table td:last-child { min-width:160px; } #categoryResearchResults .category-codex-shell .asin { white-space:nowrap; color:#6241a3; } #categoryResearchResults .table-help { color:#626078; font-size:13px; margin:12px 0 8px; } #categoryResearchResults .category-codex-shell .review-cols { grid-template-columns:minmax(0,1fr); } #categoryResearchResults .category-codex-shell .signal { grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:16px 0; } #categoryResearchResults .category-codex-shell .signal>div { min-width:0; overflow-wrap:anywhere; } #categoryResearchResults .category-codex-shell .signal strong { font-size:14px; color:#5c3b95; } #categoryResearchResults .category-codex-shell .evidence-sample { white-space:pre-line; margin-top:8px; } #categoryResearchResults .category-codex-shell .review-top { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; } #categoryResearchResults .category-codex-shell .timeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } #categoryResearchResults .category-codex-shell .phase { border-top:1px solid var(--line); } #categoryResearchResults .category-codex-shell .empty { padding:24px; font-size:14px; color:#626078; background:#faf9fc; line-height:1.8; } #categoryResearchResults .category-codex-shell p,#categoryResearchResults .category-codex-shell li { overflow-wrap:anywhere; } #categoryResearchResults .category-codex-shell [hidden] { display:none!important; } @media(max-width:1100px) { #categoryResearchResults .category-codex-shell { padding:0 20px; } #categoryResearchResults .category-codex-shell .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:760px) { #categoryResearchResults .category-codex-shell { padding:0 16px; font-size:16px; } #categoryResearchResults .category-codex-shell .section { padding:24px 0; } #categoryResearchResults .category-codex-shell .metric { padding:12px; min-height:136px; } #categoryResearchResults .category-codex-shell .metric .value { font-size:22px; } #categoryResearchResults .category-codex-shell .head h2 { font-size:22px; } #categoryResearchResults .category-codex-shell .insights,#categoryResearchResults .category-codex-shell .risk-grid,#categoryResearchResults .category-codex-shell .timeline { grid-template-columns:minmax(0,1fr); } #categoryResearchResults .category-codex-shell .chart-card { padding:16px; } #categoryResearchResults .category-codex-shell .bar-row { grid-template-columns:minmax(90px,35%) minmax(0,1fr) 60px; gap:8px; } #categoryResearchResults .category-codex-shell .signal { grid-template-columns:minmax(0,1fr); gap:8px; } #categoryResearchResults .category-codex-shell .family-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:760px) { #categoryResearchResults .category-codex-shell { padding:0 16px; } } #categoryResearchResults .category-codex-shell .hero { padding:32px 0 24px; background:none; } #categoryResearchResults .category-codex-shell .hero .eyebrow { display:none; } #categoryResearchResults .category-codex-shell .hero .logo { background:#7044bd; box-shadow:none; } #categoryResearchResults .category-codex-shell .section { scroll-margin-top:88px; } #categoryResearchResults .category-live-menu .nav { position:static; z-index:auto; box-shadow:none; backdrop-filter:none; overflow:visible; } #categoryResearchResults .category-codex-footer { margin:0; padding:24px 0; background:transparent; color:#626078; } @media(max-width:1100px) { #categoryResearchResults .category-live-grid { grid-template-columns:180px minmax(0,1fr); gap:16px; } } @media(max-width:900px) { #categoryResearchResults .category-live-grid { display:block; } #categoryResearchResults .category-live-menu { position:static; padding-top:16px; } #categoryResearchResults .category-live-menu .nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(prefers-reduced-motion:reduce) { #categoryResearchResults * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } } /* 2026-09-14: the modern renderer reuses legacy class names. Reset their STRUCTURE explicitly; later colours alone cannot cancel old grids/widths. */ body.category-analysis-page:has(#categoryResearchResults:not([hidden])) main.category-analysis-content { width:calc(100% - 32px); max-width:none; margin-inline:auto; padding-inline:0; } #categoryResearchResults .category-live-grid { grid-template-columns:180px minmax(0,1fr); } #categoryResearchResults { display:block; } #categoryResearchResults[hidden] { display:none; } #categoryResearchResults .category-codex-shell { width:100%; max-width:100%; } #categoryResearchResults .category-codex-shell .table-wrap { min-width:0; } #categoryResearchResults .category-codex-shell .category-panorama-chart-host { min-height:0; } #categoryResearchResults .category-live-menu .nav { min-width:0; } #categoryResearchResults .category-codex-shell .category-panorama-tabs, #categoryResearchResults .category-codex-shell .category-attribute-tabs { display:block; width:100%; min-width:0; max-width:100%; overflow:visible; padding:0; } #categoryResearchResults .category-codex-shell .metrics > .category-panorama-card { grid-column:auto; grid-row:auto; min-height:128px; margin:0; text-align:left; } #categoryResearchResults .category-codex-shell .category-summary-row { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; grid-template-columns:none; width:auto; min-width:0; max-width:100%; gap:8px; padding:16px; margin:0; } #categoryResearchResults .category-codex-shell .category-summary-row > * { padding:0; margin:0; min-width:0; border:0; white-space:normal; overflow-wrap:anywhere; } #categoryResearchResults .category-codex-shell .category-summary-row > strong { font-size:18px; color:var(--ink); } #categoryResearchResults .category-codex-shell .category-report-family-section { margin:16px 0 0; width:100%; } #categoryResearchResults .category-codex-shell .category-report-family { display:flex; flex-direction:column; align-items:stretch; gap:8px; min-width:0; } #categoryResearchResults .category-codex-shell .category-report-family > * { min-width:0; margin:0; overflow-wrap:anywhere; } #categoryResearchResults .category-codex-shell .decision { margin:0 0 24px; grid-template-columns:44px minmax(0,1fr) auto; padding:20px; border-radius:12px; } #categoryResearchResults .category-codex-shell .decision > * { min-width:0; } #categoryResearchResults .category-codex-shell .head p, #categoryResearchResults .category-codex-shell .callout p, #categoryResearchResults .category-codex-shell .decision p { max-width:75ch; } #categoryResearchResults .category-codex-shell .footer strong { color:var(--ink); } /* The segment renderer emits a real seven-column table, not the old six-column grid. */ #categoryResearchResults .category-codex-shell .category-segment-list { display:block; grid-template-columns:none; gap:0; overflow-x:auto; } #categoryResearchResults .category-codex-shell .category-segment-list:focus-visible { outline:2px solid #7351b0; outline-offset:2px; } #categoryResearchResults .category-codex-shell .category-segment-list .table { table-layout:fixed; min-width:1040px; } #categoryResearchResults .category-codex-shell .category-segment-row { display:table-row; grid-template-columns:none; width:auto; min-height:0; border:0; } #categoryResearchResults .category-codex-shell .category-segment-row > th, #categoryResearchResults .category-codex-shell .category-segment-row > td { display:table-cell; min-width:0; max-width:none; padding:12px 16px; vertical-align:top; white-space:normal; overflow-wrap:anywhere; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(1) { width:4%; padding-inline:8px; text-align:center; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(2) { width:18%; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(3) { width:20%; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(4) { width:6%; padding-inline:8px; text-align:right; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(5) { width:14%; white-space:nowrap; font-variant-numeric:tabular-nums; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(6) { width:15%; } #categoryResearchResults .category-codex-shell .category-segment-row > :nth-child(7) { width:23%; } #categoryResearchResults .category-codex-shell .category-segment-row > td:last-child { font-size:13px; line-height:1.65; } #categoryResearchResults .category-codex-shell .category-segment-row .tag { margin:0 4px 4px 0; } @media(max-width:1100px) { #categoryResearchResults .category-codex-shell .decision { grid-template-columns:44px minmax(0,1fr); } #categoryResearchResults .category-codex-shell .decision .status { grid-column:2; justify-self:start; white-space:normal; } } @media(max-width:900px) { #categoryResearchResults .category-live-grid { display:block; } #categoryResearchResults .category-live-menu { margin-bottom:16px; } } @media(max-width:600px) { body.category-analysis-page:has(#categoryResearchResults:not([hidden])) main.category-analysis-content { width:calc(100% - 24px); } #categoryResearchResults .category-codex-shell .metrics { grid-template-columns:minmax(0,1fr); } #categoryResearchResults .category-codex-shell .family-grid { grid-template-columns:minmax(0,1fr); } #categoryResearchResults .category-codex-shell .decision { display:block; padding:16px; } #categoryResearchResults .category-codex-shell .decision .mark { display:none; } #categoryResearchResults .category-codex-shell .decision .status { display:inline-block; margin-top:12px; } #categoryResearchResults .category-codex-shell .hero h1 { font-size:26px; overflow-wrap:anywhere; } #categoryResearchResults .category-codex-shell .bar-row { grid-template-columns:minmax(0,1fr) 72px; } #categoryResearchResults .category-codex-shell .bar-label { grid-column:1 / -1; } } @media print { #categoryResearchResults .category-codex-shell .category-segment-list .table { min-width:0; } #categoryResearchResults .category-codex-shell .category-segment-row > th, #categoryResearchResults .category-codex-shell .category-segment-row > td { padding:6px; font-size:9px; white-space:normal; } #categoryResearchResults .category-codex-shell .category-segment-row .asin { white-space:normal; overflow-wrap:anywhere; } #categoryResearchResults .category-live-menu { display:none; } #categoryResearchResults .category-live-grid { display:block; } #categoryResearchResults .category-codex-shell .table-wrap { overflow:visible; } #categoryResearchResults .category-codex-shell .table { min-width:0; font-size:10px; } #categoryResearchResults .category-codex-shell .table th, #categoryResearchResults .category-codex-shell .table td { min-width:0; padding:8px; white-space:normal; } }