.company-topic-backdrop { position: fixed; inset: var(--nv-header-height, 68px) 0 0; z-index: 120; background: rgba(0,0,0,.5); backdrop-filter: blur(3px); }
.company-topic-drawer { position: fixed; z-index: 121; top: var(--nv-header-height, 68px); right: 0; bottom: 0; width: min(700px, 94vw); overflow-y: auto; padding: 0 34px 60px; border-left: 1px solid var(--nv-line, rgba(150,180,185,.2)); color: var(--nv-text, #eaf5f5); background: var(--nv-bg, #071016); box-shadow: -30px 0 100px rgba(0,0,0,.35); transform: translateX(105%); transition: transform .28s ease; }
.company-topic-drawer.open { transform: translateX(0); }
.company-topic-drawer > header { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 32px 0 23px; border-bottom: 1px solid var(--nv-line, rgba(150,180,185,.2)); background: color-mix(in srgb, var(--nv-bg, #071016) 90%, transparent); backdrop-filter: blur(20px); }
.company-topic-drawer header p { margin: 0; color: var(--nv-accent, #36d6c7); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.company-topic-drawer header h2 { margin: 9px 0 0; font-size: 38px; letter-spacing: -.04em; }
.company-topic-drawer header span { display: block; margin-top: 7px; color: var(--nv-muted, #91a5ab); }
.company-topic-drawer header button { width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid var(--nv-line, rgba(150,180,185,.2)); border-radius: 12px; color: inherit; background: var(--nv-panel, #0d1820); cursor: pointer; font-size: 22px; }
.company-topic-head-actions { display:flex; align-items:center; gap:8px; }.company-topic-head-actions a { min-height:44px; display:inline-flex; align-items:center; padding:9px 13px; border:1px solid var(--nv-accent, #36d6c7); border-radius:12px; color:inherit; background:color-mix(in srgb,var(--nv-accent, #36d6c7) 10%,transparent); font-size:11px; text-decoration:none; }
.company-topic-body { padding-top: 26px; }
.company-topic-body > p { color: var(--nv-muted, #91a5ab); font-size: 15px; line-height: 1.8; }
.company-topic-score { display: grid; grid-template-columns: 110px 1fr; align-items: center; gap: 26px; margin-top: 24px; padding: 24px; border: 1px solid var(--nv-line, rgba(150,180,185,.2)); border-radius: 18px; background: var(--nv-panel, #0d1820); }
.company-topic-score small { color:var(--nv-accent,#36d6c7); font-size:9px; font-weight:800; letter-spacing:.08em; }.company-topic-score h3 { margin:5px 0 14px; font-size:20px; }
.company-topic-bubble { width: 100px; height: 100px; display: grid; place-items: center; border: 1px solid var(--nv-accent, #36d6c7); border-radius: 50%; color: var(--nv-accent, #36d6c7); background: color-mix(in srgb, var(--nv-accent, #36d6c7) 12%, transparent); font-size: 31px; font-weight: 850; }
.company-topic-bars { display: grid; gap: 10px; }
.company-topic-bars div { display: grid; grid-template-columns: 62px 1fr 30px; align-items: center; gap: 10px; color: var(--nv-muted, #91a5ab); font-size: 10px; }
.company-topic-bars i { height: 6px; overflow: hidden; border-radius: 99px; background: var(--nv-line, rgba(150,180,185,.2)); }
.company-topic-bars i::after { content: ""; display: block; width: var(--value); height: 100%; background: var(--nv-accent, #36d6c7); }
.company-topic-route { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; }
.company-topic-route div { min-height: 150px; padding: 18px; border: 1px solid var(--nv-line, rgba(150,180,185,.2)); border-radius: 14px; background: var(--nv-panel, #0d1820); }
.company-topic-route small { color: var(--nv-accent, #36d6c7); }.company-topic-route strong { display: block; margin-top: 12px; }.company-topic-route p { margin: 9px 0 0; color: var(--nv-muted, #91a5ab); font-size: 11px; line-height: 1.6; }
.company-topic-fact { margin-top: 20px; padding: 20px; border-left: 2px solid var(--nv-accent, #36d6c7); background: color-mix(in srgb, var(--nv-accent, #36d6c7) 10%, transparent); }.company-topic-fact strong { display: block; font-size: 24px; }.company-topic-fact span { display: block; margin-top: 8px; color: var(--nv-muted, #91a5ab); line-height: 1.6; }
.company-topic-analysis { margin-top:24px; padding:22px 0; border-top:1px solid var(--nv-line,rgba(150,180,185,.2)); }.company-topic-analysis>span { color:var(--nv-accent,#36d6c7); font-size:9px; font-weight:800; letter-spacing:.08em; }.company-topic-analysis h3 { margin:10px 0 0; font-size:20px; }.company-topic-analysis p { color:var(--nv-muted,#91a5ab); font-size:12px; line-height:1.75; }
.company-topic-action { min-height: 44px; display: inline-flex; align-items: center; margin-top: 24px; padding: 10px 15px; border: 1px solid var(--nv-accent, #36d6c7); border-radius: 999px; color: inherit; background: color-mix(in srgb, var(--nv-accent, #36d6c7) 10%, transparent); text-decoration: none; }
.company-topic-source { margin-top:0; padding-top:4px; border-top:1px solid var(--nv-line,rgba(150,180,185,.2)); color:var(--nv-muted,#91a5ab); font-size:11px; }.company-topic-source summary { padding:18px 0; cursor:pointer; font-weight:700; }.company-topic-source p { margin:0 0 12px; line-height:1.7; }.company-topic-source a { color: var(--nv-accent, #36d6c7); }
body.company-topic-open { overflow: hidden; }
@media (max-width: 640px) { .company-topic-drawer { padding-inline: 20px; }.company-topic-score { grid-template-columns: 1fr; }.company-topic-route { grid-template-columns: 1fr; } }