/* Two-column content layout with cards and CTA (aboutus) */
.nl-container { max-width: 1200px; margin: 0 auto; padding: 0 12px; }
.nl-grid { display: grid; gap: 16px; }
.nl-maingrid { grid-template-columns: 1fr 300px; align-items: start; }
@media (max-width: 980px){ .nl-maingrid{ grid-template-columns: 1fr; } }

.nl-card { background: #fff; border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.06); padding: 16px 18px; }
.nl-h2 { margin: 0 0 12px; line-height: 1.25; }
.nl-h3 { margin: 0 0 8px; }
.nl-raw img { max-width: 100%; height: auto; }

/* Sticky TOC */
.nl-toc { position: sticky; top: 96px; }
.nl-toc nav { display: grid; gap: 8px; }
.nl-toc a { display: block; padding: 8px 10px; border-radius: 10px; text-decoration: none; background: #f8faff; border: 1px solid #e5e9ff; }
.nl-toc a:focus, .nl-toc a:hover { filter: brightness(.98); }

/* Section CTA */
.section-cta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.section-cta-btn{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid #d7dcff;text-decoration:none;font-weight:600}
.section-cta-btn.primary{background:#4f7cff;color:#fff;border-color:#4f7cff}
.section-cta-btn:hover{filter:brightness(0.95)}

/* Remove any accidental gray background behind headings from other CSS */
.title .cn, h2.cn { background: transparent !important; }