/* Long-form content sections (~2000 words each) */
.frx-long{padding:80px 40px}
.frx-long--alt{background:var(--frx-bg)}
.frx-long--dark{background:var(--frx-bg-dark-2)}
.frx-long-in{max-width:820px;margin:0 auto}
.frx-long-in--wide{max-width:900px}
.frx-long-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--frx-border)}
.frx-long--alt .frx-long-header{border-bottom-color:rgba(15,22,35,0.1)}
.frx-long-kicker{
  font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
  color:var(--frx-accent);margin-bottom:14px;display:block;
}
.frx-long h2{
  font-size:clamp(28px,3.5vw,40px);font-weight:900;line-height:1.15;
  letter-spacing:-0.8px;color:var(--frx-text);margin-bottom:16px;
}
.frx-long--dark .frx-long h2{color:#fff}
.frx-long-intro{font-size:18px;color:var(--frx-text-muted);line-height:1.8;margin-bottom:0}
.frx-long--dark .frx-long-intro{color:var(--frx-text-muted-dark)}
.frx-long-wordcount{font-size:12px;color:var(--frx-text-muted);margin-top:12px;font-weight:600}
.frx-long--dark .frx-long-wordcount{color:rgba(139,156,179,0.6)}
.frx-long-body{font-size:17px;line-height:1.85;color:var(--frx-text)}
.frx-long--dark .frx-long-body{color:var(--frx-text-muted-dark)}
.frx-long-body h3{
  font-size:22px;font-weight:800;color:var(--frx-text);
  margin:40px 0 16px;letter-spacing:-0.3px;
}
.frx-long--dark .frx-long-body h3{color:#fff}
.frx-long-body h4{font-size:18px;font-weight:700;color:var(--frx-text);margin:28px 0 12px}
.frx-long--dark .frx-long-body h4{color:var(--frx-accent-light)}
.frx-long-body p{margin-bottom:20px}
.frx-long-body ul,.frx-long-body ol{margin:0 0 24px;padding-left:24px}
.frx-long-body li{margin-bottom:10px}
.frx-long-body strong{font-weight:700;color:var(--frx-text)}
.frx-long--dark .frx-long-body strong{color:#fff}
.frx-long-body a{color:var(--frx-accent-dark);font-weight:600;text-decoration:underline}
.frx-long--dark .frx-long-body a{color:var(--frx-accent)}
.frx-long-callout{
  background:rgba(110,193,228,0.08);border-left:4px solid var(--frx-accent);
  padding:24px 28px;margin:32px 0;border-radius:0 var(--frx-radius) var(--frx-radius) 0;
}
.frx-long--dark .frx-long-callout{background:rgba(110,193,228,0.06)}
.frx-long-callout p{margin-bottom:0}
.frx-long-toc{
  background:var(--frx-surface);border:1px solid rgba(15,22,35,0.08);
  border-radius:var(--frx-radius);padding:28px 32px;margin-bottom:40px;
}
.frx-long--dark .frx-long-toc{background:var(--frx-bg-card);border-color:var(--frx-border)}
.frx-long-toc h4{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}
.frx-long-toc ol{margin:0;padding-left:20px;font-size:15px;line-height:2}
.frx-long-toc a{color:var(--frx-accent-dark);text-decoration:none;font-weight:500}
.frx-long-toc a:hover{text-decoration:underline}
.frx-long-nav-sticky{
  position:sticky;top:72px;z-index:50;
  background:rgba(244,247,251,0.95);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(15,22,35,0.08);padding:12px 40px;
  display:flex;gap:12px;flex-wrap:wrap;justify-content:center;
}
.frx-long-nav-sticky a{
  font-size:12px;font-weight:700;color:var(--frx-text-muted);
  text-decoration:none;padding:8px 14px;border-radius:6px;
  border:1px solid transparent;transition:all .2s;
}
.frx-long-nav-sticky a:hover,.frx-long-nav-sticky a.active{
  color:var(--frx-accent-dark);border-color:var(--frx-border);background:#fff;
}
@media(max-width:768px){
  .frx-long{padding:56px 24px}
  .frx-long-nav-sticky{padding:10px 16px;top:60px}
}