.content { padding:34px 44px 90px; max-width:800px; }
  .content h1 { font-size:31px; margin-bottom:8px; letter-spacing:-.01em; }
  .content h1 .c { color:var(--cyan); } .content h1 .p { color:var(--neon); }
  .free-tag { display:inline-block; background:rgba(52,211,153,.14); color:var(--mint); font-size:11px; font-weight:800; padding:3px 10px; border-radius:20px; margin-bottom:20px; }
  .content p { color:#c2cddf; line-height:1.95; margin-bottom:15px; }
  .content h2 { font-size:22px; color:var(--cyan); margin:34px 0 12px; }
  .content strong { color:var(--text); }
  .content code { background:var(--bg2); color:var(--mint); padding:2px 7px; border-radius:5px; font-size:13px; font-family:"JetBrains Mono",monospace; }
  .def { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:18px 0; }
  .def .box { border-radius:14px; padding:16px 18px; }
  .def .cbox { background:linear-gradient(135deg,rgba(56,189,248,.2),rgba(56,189,248,.06)); border:1px solid rgba(56,189,248,.4); }
  .def .pbox { background:linear-gradient(135deg,rgba(57,255,136,.18),rgba(57,255,136,.05)); border:1px solid rgba(57,255,136,.4); }
  .def h4 { font-size:14px; margin-bottom:6px; }
  .def .cbox h4 { color:var(--cyan); } .def .pbox h4 { color:var(--neon); }
  .def p { margin:0; font-size:13.5px; line-height:1.7; }

  /* INTERACTIVE PLAYER */

  /* comparison table with neon-yellow highlights */
  .cmp { width:100%; border-collapse:collapse; margin:18px 0; font-size:13.5px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
  .cmp th { padding:11px 14px; text-align:left; font-size:12.5px; font-weight:800; color:#04121f; }
  .cmp th.c { background:linear-gradient(135deg,var(--cyan),#2ba7ff); }
  .cmp th.p { background:linear-gradient(135deg,var(--neon),#22c55e); }
  .cmp th.h { background:var(--bg2); color:var(--amber); }
  .cmp td { padding:11px 14px; border-top:1px solid var(--line); color:#c2cddf; }
  .cmp tr td:first-child { color:var(--amber); font-weight:700; }
  .cmp tr:nth-child(even) td { background:rgba(255,255,255,.02); }

  .analogy { background:linear-gradient(120deg,rgba(56,189,248,.1),rgba(57,255,136,.08)); border:1px solid rgba(56,189,248,.3); border-radius:14px; padding:18px 20px; margin:20px 0; }
  .analogy h4 { color:var(--cyan); font-size:14px; margin-bottom:10px; }
  .analogy p { margin:0 0 8px; font-size:14px; }
  .analogy .split { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
  .analogy .half { border-radius:10px; padding:12px 14px; font-size:13px; }
  .analogy .hc { background:rgba(56,189,248,.12); } .analogy .hc b { color:var(--cyan); }
  .analogy .hp { background:rgba(57,255,136,.1); } .analogy .hp b { color:var(--neon); }

.analogy .after-split { margin-top:12px; }