/* NFS v6.51.5 — Article page homepage-style dark clone
   Scope: article.php only. Keeps existing JS/PHP article loading, changes visual layer. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800;900&family=Sora:wght@600;700;800;900&display=swap');

:root{
  --nfs-bg:#001f18;
  --nfs-bg2:#06130f;
  --nfs-panel:#05271f;
  --nfs-panel2:#082f26;
  --nfs-line:rgba(217,170,82,.20);
  --nfs-line-strong:rgba(217,170,82,.38);
  --nfs-gold:#d9aa52;
  --nfs-gold2:#f0d18a;
  --nfs-cream:#fbf0dd;
  --nfs-muted:rgba(251,240,221,.74);
  --nfs-muted2:rgba(251,240,221,.52);
  --nfs-green:#79c783;
}

body.nfs-article-page{
  --primary:#d9aa52!important;
  --primary-2:#f0d18a!important;
  --accent:#d9aa52!important;
  --accent-2:#f0d18a!important;
  --text:#fbf0dd!important;
  --muted:rgba(251,240,221,.74)!important;
  --muted-2:rgba(251,240,221,.52)!important;
  --border:rgba(217,170,82,.20)!important;
  --shadow:0 24px 80px rgba(0,0,0,.36)!important;
  margin:0!important;
  min-height:100vh!important;
  font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  background:
    radial-gradient(circle at 78% 5%, rgba(217,170,82,.10), transparent 30rem),
    radial-gradient(circle at 8% 4%, rgba(75,128,88,.12), transparent 24rem),
    linear-gradient(180deg, #06130f 0%, #00281f 44%, #001c15 100%)!important;
  color:var(--nfs-cream)!important;
  overflow-x:hidden!important;
}
body.nfs-article-page::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:.22!important;
  background-image:
    linear-gradient(rgba(217,170,82,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217,170,82,.045) 1px, transparent 1px)!important;
  background-size:120px 120px!important;
  mask-image:none!important;
}
body.nfs-article-page a{color:inherit;text-decoration:none}
body.nfs-article-page .container{width:min(1780px,100%)!important;max-width:1780px!important;margin:0 auto!important;padding-left:clamp(18px,3vw,54px)!important;padding-right:clamp(18px,3vw,54px)!important}

/* Do not load external TradingView widget on article page */
body.nfs-article-page .live-market-strip,
body.nfs-article-page #nfs-live-market-ticker,
body.nfs-article-page .tradingview-widget-container{display:none!important}

/* Header cloned from the working homepage/archive direction */
body.nfs-article-page header{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  background:rgba(6,18,14,.92)!important;
  border-bottom:1px solid rgba(214,166,83,.18)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  padding:0!important;
}
body.nfs-article-page header .container{
  min-height:88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
body.nfs-article-page header a.flex{display:flex!important;align-items:center!important;gap:14px!important;min-width:max-content!important}
body.nfs-article-page header a img{width:58px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.26)) saturate(1.03)!important}
body.nfs-article-page header h1{font-family:'Sora',sans-serif!important;font-size:24px!important;line-height:1!important;font-weight:900!important;color:#fff7e6!important;letter-spacing:-.04em!important;margin:0!important}
body.nfs-article-page header p{margin-top:3px!important;color:#d6a653!important;font-size:10px!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.22em!important;line-height:1.1!important}
body.nfs-article-page .nfs-main-menu{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
body.nfs-article-page .nfs-menu-link,
body.nfs-article-page .nfs-login-compact,
body.nfs-article-page .theme-toggle,
body.nfs-article-page .my-panel-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-height:38px!important;padding:9px 13px!important;border-radius:999px!important;
  border:1px solid rgba(214,166,83,.20)!important;background:rgba(248,240,222,.06)!important;
  color:#f4e5c8!important;font-size:10.5px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;line-height:1!important;white-space:nowrap!important;
  box-shadow:none!important;transition:all .18s ease!important;cursor:pointer!important;
}
body.nfs-article-page .nfs-menu-link:hover,
body.nfs-article-page .nfs-login-compact:hover,
body.nfs-article-page .theme-toggle:hover,
body.nfs-article-page .my-panel-btn:hover{transform:translateY(-1px)!important;background:rgba(214,166,83,.13)!important;border-color:rgba(214,166,83,.36)!important;color:#fff7e6!important}
body.nfs-article-page .nfs-menu-community{background:linear-gradient(135deg,#d6a653,#a87332)!important;color:#101b15!important;border-color:rgba(214,166,83,.36)!important;box-shadow:0 12px 30px rgba(168,115,50,.20)!important}

/* Layout spacing */
body.nfs-article-page main.container{padding-top:46px!important;padding-bottom:52px!important}
body.nfs-article-page main.container > .grid{gap:30px!important;align-items:start!important}

/* Dark panel language for sidebars and widgets */
body.nfs-article-page .sidebar-card,
body.nfs-article-page .content-box,
body.nfs-article-page .package-card,
body.nfs-article-page .comments-section,
body.nfs-article-page .article-engagement-card,
body.nfs-article-page .nfs-skool-cta,
body.nfs-article-page .highlight-box,
body.nfs-article-page .conclusion-box,
body.nfs-article-page .comment-item,
body.nfs-article-page .reply-form,
body.nfs-article-page .reply-item,
body.nfs-article-page .bg-white,
body.nfs-article-page .bg-gray-50,
body.nfs-article-page .bg-gray-100{
  background:linear-gradient(180deg,rgba(5,39,31,.86),rgba(1,20,14,.90))!important;
  border:1px solid rgba(217,170,82,.18)!important;
  color:#fbf0dd!important;
  box-shadow:0 22px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.nfs-article-page .sidebar-card,
body.nfs-article-page .content-box,
body.nfs-article-page .comments-section{border-radius:24px!important;padding:22px!important;overflow:hidden!important;position:relative!important}
body.nfs-article-page .sidebar-card::before,
body.nfs-article-page .content-box::before,
body.nfs-article-page .comments-section::before,
body.nfs-article-page .news-article::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;border-radius:inherit!important;
  background:radial-gradient(circle at 100% 0%, rgba(217,170,82,.08), transparent 34%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 44%,rgba(121,199,131,.035))!important;
  opacity:1!important;z-index:0!important;
}
body.nfs-article-page .sidebar-card > *,
body.nfs-article-page .content-box > *,
body.nfs-article-page .comments-section > *,
body.nfs-article-page .news-article > *{position:relative!important;z-index:1!important}
body.nfs-article-page .sidebar-title{font-family:'Sora',sans-serif!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.18em!important;color:#d9aa52!important;margin-bottom:18px!important;display:flex!important;align-items:center!important;gap:10px!important}
body.nfs-article-page .sidebar-title::after{content:''!important;flex:1!important;height:1px!important;background:linear-gradient(90deg,rgba(217,170,82,.30),transparent)!important}

/* Article card */
body.nfs-article-page .news-article.nfs-single-article{
  background:linear-gradient(180deg,rgba(5,39,31,.92),rgba(0,18,13,.98))!important;
  border:1px solid rgba(217,170,82,.28)!important;
  border-radius:32px!important;
  box-shadow:0 32px 95px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
  color:#fbf0dd!important;
}
body.nfs-article-page .article-header-img,
body.nfs-article-page .nfs-single-hero-img{
  display:block!important;
  width:calc(100% - 28px)!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  max-height:620px!important;
  object-fit:cover!important;
  margin:14px 14px 0!important;
  border-radius:26px!important;
  border:1px solid rgba(217,170,82,.24)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.40)!important;
  filter:saturate(.84) contrast(1.08) brightness(.82)!important;
  background:#02110c!important;
}
body.nfs-article-page .nfs-article-content,
body.nfs-article-page .news-article > .p-8{
  padding:clamp(24px,3.2vw,44px)!important;
  background:radial-gradient(circle at 100% 0%, rgba(217,170,82,.08), transparent 34%),linear-gradient(180deg,rgba(2,22,16,.86),rgba(1,14,10,.98))!important;
}
body.nfs-article-page .nfs-article-meta-row{gap:10px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-bottom:16px!important}
body.nfs-article-page .nfs-article-meta-row > span:first-child,
body.nfs-article-page .text-gray-400{
  color:rgba(251,240,221,.52)!important;
}
body.nfs-article-page .status-badge,
body.nfs-article-page .nfs-article-category-badge,
body.nfs-article-page .nfs-public-archive-badge,
body.nfs-article-page .article-category-badge{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:7px 10px!important;border-radius:999px!important;
  color:#e8f7df!important;background:rgba(7,53,29,.86)!important;border:1px solid rgba(116,207,126,.38)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24)!important;font-size:10.5px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;
}
body.nfs-article-page .status-yellow,
body.nfs-article-page .status-amber,
body.nfs-article-page .status-red,
body.nfs-article-page .status-blue,
body.nfs-article-page .status-purple{
  color:#ffe4a6!important;background:rgba(72,46,10,.62)!important;border-color:rgba(240,209,138,.44)!important;
}
body.nfs-article-page .nfs-article-title,
body.nfs-article-page .news-article h1,
body.nfs-article-page .news-article h2{
  font-family:Georgia,'Times New Roman',serif!important;
  color:#fff7e7!important;
  font-size:clamp(34px,3.5vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
  text-shadow:0 8px 34px rgba(0,0,0,.62)!important;
  margin-bottom:22px!important;
}
body.nfs-article-page .article-lead{
  margin:0 0 26px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(217,170,82,.10),rgba(5,39,31,.62))!important;
  border:1px solid rgba(217,170,82,.18)!important;
  color:rgba(251,240,221,.82)!important;
  font-size:clamp(16px,1.4vw,20px)!important;
  line-height:1.72!important;
  font-weight:700!important;
}
body.nfs-article-page .article-rich-text,
body.nfs-article-page .news-article .text-lg,
body.nfs-article-page .prose,
body.nfs-article-page .article-rich-text p,
body.nfs-article-page .news-article p,
body.nfs-article-page .article-rich-text li{
  color:rgba(251,240,221,.78)!important;
  font-size:17px!important;
  line-height:1.78!important;
  font-weight:560!important;
}
body.nfs-article-page .article-rich-text strong,
body.nfs-article-page .news-article strong{color:#fff7e7!important;font-weight:900!important}
body.nfs-article-page .article-rich-text h2,
body.nfs-article-page .article-rich-text h3,
body.nfs-article-page .news-article h3,
body.nfs-article-page .comments-section h3,
body.nfs-article-page .comments-section h4{
  font-family:Georgia,'Times New Roman',serif!important;
  color:#fff7e7!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
}
body.nfs-article-page .highlight-box,
body.nfs-article-page .conclusion-box,
body.nfs-article-page blockquote{
  border-left:4px solid #d9aa52!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(217,170,82,.09),rgba(5,39,31,.68))!important;
  color:rgba(251,240,221,.82)!important;
}
body.nfs-article-page .mt-8.pt-6.border-t{
  border-top-color:rgba(217,170,82,.18)!important;
  color:rgba(251,240,221,.52)!important;
}

/* Buttons and CTA */
body.nfs-article-page .btn-primary,
body.nfs-article-page .btn-submit-comment,
body.nfs-article-page button[type="submit"]{
  background:linear-gradient(135deg,#d6a653,#a87332)!important;
  color:#101b15!important;
  border:1px solid rgba(214,166,83,.36)!important;
  border-radius:999px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  box-shadow:0 14px 32px rgba(168,115,50,.22)!important;
}
body.nfs-article-page .btn-accent,
body.nfs-article-page .btn-dark,
body.nfs-article-page .nfs-skool-cta-btn,
body.nfs-article-page .nfs-profile-logout{
  background:rgba(248,240,222,.06)!important;
  color:#f4e5c8!important;
  border:1px solid rgba(214,166,83,.22)!important;
  border-radius:999px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

/* Forms, comments and modals */
body.nfs-article-page input,
body.nfs-article-page textarea,
body.nfs-article-page select,
body.nfs-article-page .form-input,
body.nfs-article-page .form-textarea{
  background:rgba(0,0,0,.24)!important;
  border:1px solid rgba(217,170,82,.22)!important;
  color:#fff7e6!important;
  border-radius:14px!important;
}
body.nfs-article-page input::placeholder,
body.nfs-article-page textarea::placeholder{color:rgba(251,240,221,.38)!important}
body.nfs-article-page .form-label,
body.nfs-article-page label{color:rgba(251,240,221,.70)!important}
body.nfs-article-page .comment-community-note{background:rgba(217,170,82,.08)!important;border:1px solid rgba(217,170,82,.18)!important;color:rgba(251,240,221,.74)!important;border-radius:18px!important}
body.nfs-article-page .comment-email,
body.nfs-article-page .comment-text{color:#fbf0dd!important}
body.nfs-article-page .comment-time,
body.nfs-article-page .no-comments{color:rgba(251,240,221,.50)!important}
body.nfs-article-page .reaction-btn,
body.nfs-article-page .emoji-chip,
body.nfs-article-page .avatar-option,
body.nfs-article-page .interest-chip,
body.nfs-article-page .rating-btn{
  background:rgba(5,61,31,.70)!important;
  border:1px solid rgba(116,207,126,.28)!important;
  color:#d7f0d2!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
body.nfs-article-page #login-modal,
body.nfs-article-page #workshop-modal,
body.nfs-article-page #consultation-modal,
body.nfs-article-page #my-panel-modal{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
body.nfs-article-page .modal-content{
  border-radius:24px!important;border:1px solid rgba(217,170,82,.25)!important;background:linear-gradient(180deg,rgba(5,39,31,.98),rgba(0,18,13,.98))!important;box-shadow:0 30px 90px rgba(0,0,0,.5)!important;color:#fff7e6!important;
}
body.nfs-article-page .modal-content h2{font-family:Georgia,'Times New Roman',serif!important;color:#fff7e6!important;letter-spacing:-.04em!important}
body.nfs-article-page .modal-content p{color:rgba(251,240,221,.70)!important}

/* Tailwind color overrides scoped to article page */
body.nfs-article-page .text-gray-900,
body.nfs-article-page .text-gray-800,
body.nfs-article-page .text-gray-700{color:#fff7e7!important}
body.nfs-article-page .text-gray-600,
body.nfs-article-page .text-gray-500{color:rgba(251,240,221,.68)!important}
body.nfs-article-page .border-gray-100,
body.nfs-article-page .border-gray-200,
body.nfs-article-page .border-b,
body.nfs-article-page .border-t,
body.nfs-article-page .border{border-color:rgba(217,170,82,.18)!important}
body.nfs-article-page .text-blue-600,
body.nfs-article-page .text-primary{color:#d9aa52!important}
body.nfs-article-page .bg-primary{background:#d9aa52!important;color:#101b15!important}
body.nfs-article-page .rounded-lg{border-radius:16px!important}
body.nfs-article-page .rounded-xl{border-radius:20px!important}
body.nfs-article-page .rounded-2xl{border-radius:24px!important}

@media(max-width:1180px){
  body.nfs-article-page main.container > .grid{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important}
  body.nfs-article-page .nfs-main-content{order:1!important}
  body.nfs-article-page .nfs-money-sidebar{order:2!important}
  body.nfs-article-page .nfs-info-sidebar{order:3!important}
}
@media(max-width:980px){
  body.nfs-article-page header .container{align-items:flex-start!important;flex-direction:column!important;min-height:0!important}
  body.nfs-article-page .nfs-main-menu{justify-content:flex-start!important}
}
@media(max-width:640px){
  body.nfs-article-page .container{padding-left:14px!important;padding-right:14px!important}
  body.nfs-article-page header .container{padding-top:10px!important;padding-bottom:10px!important}
  body.nfs-article-page header a img{width:42px!important;height:42px!important}
  body.nfs-article-page header h1{font-size:20px!important}
  body.nfs-article-page header p{font-size:8px!important;letter-spacing:.16em!important}
  body.nfs-article-page .nfs-menu-link,body.nfs-article-page .nfs-login-compact{min-height:34px!important;padding:7px 9px!important;font-size:8.8px!important}
  body.nfs-article-page main.container{padding-top:28px!important}
  body.nfs-article-page .news-article.nfs-single-article{border-radius:24px!important}
  body.nfs-article-page .article-header-img,body.nfs-article-page .nfs-single-hero-img{width:calc(100% - 20px)!important;margin:10px 10px 0!important;border-radius:18px!important;max-height:none!important}
  body.nfs-article-page .nfs-article-content,body.nfs-article-page .news-article > .p-8{padding:22px!important}
  body.nfs-article-page .nfs-article-title,body.nfs-article-page .news-article h1,body.nfs-article-page .news-article h2{font-size:34px!important;line-height:1.02!important}
  body.nfs-article-page .article-rich-text,body.nfs-article-page .news-article .text-lg,body.nfs-article-page .article-rich-text p,body.nfs-article-page .news-article p{font-size:16px!important;line-height:1.72!important}
}