/* Native adaptations of research, chart, disclosure and video patterns reviewed on 21st.dev.
   Keep the homepage's existing palette, typography, section order and card grid. */
#insights .evidence-feature, #insights .evidence-note { transition: border-color 180ms ease, box-shadow 180ms ease; }
#insights .evidence-feature:hover, #insights .evidence-note:hover,
#insights .evidence-feature:focus-within, #insights .evidence-note:focus-within { border-color:var(--coral); box-shadow:0 0 0 1px var(--coral-a); }
#insights h3 a { color:inherit; text-decoration:none; }
#insights h3 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
#insights h3 a:focus-visible, .research-finding a:focus-visible, .research-method summary:focus-visible { outline:2px solid var(--coral); outline-offset:5px; }
.research-date { color:#ADB6CE; font-size:.72rem; margin-top:20px; font-variant-numeric:tabular-nums; }
#insights .research-date + h3 { margin-top:16px; }
.research-finding { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:24px; padding:30px; background:var(--bg-card); border:1px solid var(--border2); border-radius:18px; }
.research-finding__intro h3 { font-family:var(--ff-head); font-size:clamp(1.4rem,2.3vw,1.9rem); line-height:1.2; margin:12px 0; max-width:440px; }
.research-finding p, .research-chart figcaption { font-size:.8rem; color:#ADB6CE; line-height:1.7; }
.research-finding__intro a { display:inline-block; color:#F99A8B; font-size:.75rem; margin-top:18px; text-underline-offset:4px; }
.research-chart__row + .research-chart__row { margin-top:20px; }
.research-chart__row > div:first-child { display:flex; justify-content:space-between; gap:16px; font-size:.8rem; margin-bottom:9px; }
.research-chart strong { font-family:var(--ff-head); font-size:1.2rem; font-variant-numeric:tabular-nums; }
.research-chart__track { height:12px; background:var(--bg); border-radius:3px; overflow:hidden; }
.research-chart__track span { display:block; height:100%; background:var(--coral); border-radius:3px; }
.research-chart__row:nth-child(2) .research-chart__track span { background:var(--blue); }
.research-chart__axis { display:flex; justify-content:space-between; color:#ADB6CE; font-size:.65rem; margin:9px 0 14px; font-variant-numeric:tabular-nums; }
.research-method { margin-top:18px; border-top:1px solid var(--border2); }
.research-method summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; min-height:48px; gap:16px; list-style:none; font-size:.8rem; font-weight:600; }
.research-method summary::-webkit-details-marker { display:none; }
.research-method summary span { font-size:1.4rem; font-weight:400; transition:transform 160ms ease; }
.research-method[open] summary span { transform:rotate(45deg); }
.research-method table { border-collapse:collapse; width:100%; font-size:.75rem; margin-bottom:14px; }
.research-method caption { text-align:left; color:#ADB6CE; font-size:.7rem; padding:0 0 10px; }
.research-method th, .research-method td { padding:12px 8px; text-align:left; border-bottom:1px solid var(--border2); }
.research-method thead { background:var(--bg-card2); }
.research-method tbody th { font-weight:400; }
.research-method td, .research-method th:last-child { text-align:right; font-variant-numeric:tabular-nums; }
.home-video { position:relative; aspect-ratio:16/9; background:var(--bg); overflow:hidden; }
.home-video .stage-feature__media { width:100%; height:100%; }
.home-video__button { position:absolute; inset:0; width:100%; border:0; background:transparent; cursor:pointer; color:var(--text); font:inherit; }
.home-video__button:focus-visible { outline:3px solid var(--coral); outline-offset:-5px; }
.home-video:has(.home-video__button:hover) .stage-feature__play-icon { background:var(--coral); }
.home-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.home-video__close { display:block; margin:12px 0 0; background:transparent; border:1px solid var(--border2); color:var(--text); font:inherit; font-size:.75rem; border-radius:8px; padding:10px 14px; cursor:pointer; }
@media(max-width:700px) { .research-finding { grid-template-columns:1fr; gap:24px; padding:24px; } }
@media(prefers-reduced-motion:reduce) { #insights .evidence-feature, #insights .evidence-note, .research-method summary span { transition:none; } }
.home-video [hidden] { display:none !important; }
#research-finding { scroll-margin-top:96px; }
.home-video__close:focus-visible { outline:2px solid var(--coral); outline-offset:3px; }