.insight-intro { margin-bottom: 20px; }
.insight-intro h2 { margin: 0 0 10px; font-size: 1.45rem; letter-spacing: -.025em; }
.insight-intro p, .insight-card p, .insight-context { color: var(--muted); font-size: .88rem; line-height: 1.65; }
.insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.insight-card h3 { margin: 0 0 12px; font-size: .94rem; }
.insight-card .insight-value { margin: 0 0 8px; color: var(--text); font-size: 1.65rem; font-weight: 700; letter-spacing: -.025em; }
.insight-card p:last-child { margin-bottom: 0; }
.insight-profile { margin-top: 18px; border-top: 1px solid var(--border); padding-top: 16px; }
.insight-profile summary { cursor: pointer; padding: 8px 0; font-size: .88rem; font-weight: 600; }
.insight-profile form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 12px; }
.insight-profile label { display: grid; gap: 6px; color: var(--muted); font-size: .8rem; }
.insight-profile input { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--card-soft); color: var(--text); font: inherit; }
.insight-profile button { min-height: 44px; align-self: end; border: 0; border-radius: 8px; padding: 10px 16px; background: var(--series); color: var(--card); font: inherit; font-weight: 600; cursor: pointer; }
.insight-note { border-left: 3px solid var(--series); padding-left: 14px; }
.insight-context a { color: var(--series); text-underline-offset: 3px; }
.insight-context li { margin: 8px 0; }
@media(max-width:700px) { .insight-grid { grid-template-columns: 1fr; } }
@media(max-width:380px) { .insight-profile form { grid-template-columns: 1fr; } }