/* ══════════════════════════════════════
   Traderfx — Blog 2026 + single article
══════════════════════════════════════ */
.tfx-blog{padding-bottom:90px}
.tfx-blog-hero,.tfx-single-hero{position:relative;overflow:hidden;padding:calc(var(--aria-nav-height) + 70px) 0 56px;background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(var(--gold-rgb),.13),transparent 65%)}
.tfx-blog-hero.is-compact{padding-bottom:40px}
.tfx-blog-hero .tfx-container,.tfx-single-hero .tfx-container{position:relative}
.tfx-blog-hero .s-title{margin-bottom:40px}
.tfx-blog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.tfx-chips{display:flex;gap:8px;flex-wrap:wrap}
.tfx-chips a{font-size:12px;padding:8px 16px;border-radius:100px;border:1px solid rgba(var(--white-rgb),.1);color:var(--white-dim);text-decoration:none;transition:.2s}
.tfx-chips a:hover,.tfx-chips a.is-active{border-color:rgba(var(--gold-rgb),.5);color:var(--gold);background:rgba(var(--gold-rgb),.06)}
.tfx-search{display:flex;align-items:center;background:var(--dark3);border:1px solid rgba(var(--white-rgb),.1);border-radius:100px;padding:4px 4px 4px 18px;min-width:260px}
.tfx-search input{flex:1;background:none;border:none;color:var(--white);font-size:13px;outline:none;padding:8px 0}
.tfx-search button{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--dark);font-weight:900}

.tfx-kicker{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);text-decoration:none;margin-bottom:10px}
.tfx-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;color:rgba(var(--white-rgb),.45)}
.tfx-post-meta>*+*::before{content:"·";margin-right:16px;opacity:.6}
.tfx-meta-rating{display:inline-flex;align-items:center;gap:6px;color:var(--gold-light);text-decoration:none}

.tfx-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin:10px 0 40px;border:1px solid rgba(var(--gold-rgb),.18);border-radius:calc(var(--aria-card-radius) + 6px);overflow:hidden;background:var(--dark2);text-decoration:none;color:var(--white);transition:border-color .3s}
.tfx-featured:hover{border-color:rgba(var(--gold-rgb),.45)}
.tfx-featured-media{min-height:340px;background:var(--dark3)}
.tfx-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tfx-featured:hover img{transform:scale(1.04)}
.tfx-featured-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.tfx-featured-body h2{font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-1px;line-height:1.15;margin-bottom:14px}
.tfx-featured-body p{color:var(--white-dim);font-size:14px;margin-bottom:20px}
.tfx-thumb-ph{width:100%;height:100%;min-height:200px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(var(--gold-rgb),.2),transparent 55%),linear-gradient(rgba(var(--gold-rgb),.05) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(var(--gold-rgb),.05) 1px,transparent 1px) 0 0/40px 40px,var(--dark3)}
.tfx-thumb-ph span{font-size:42px;font-weight:900;letter-spacing:-2px;color:rgba(var(--gold-rgb),.35)}
@media(max-width:860px){.tfx-featured{grid-template-columns:1fr}.tfx-featured-media{min-height:220px}.tfx-featured-body{padding:28px 24px}}

.tfx-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tfx-card{background:var(--dark2);border:1px solid var(--white-faint);border-radius:var(--aria-card-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s}
.tfx-card:hover{transform:translateY(-4px);border-color:rgba(var(--gold-rgb),.3)}
.tfx-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--dark3)}
.tfx-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tfx-card:hover .tfx-card-media img{transform:scale(1.05)}
.tfx-card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.tfx-card-title{font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin-bottom:10px}
.tfx-card-title a{color:var(--white);text-decoration:none}
.tfx-card-title a:hover{color:var(--gold-light)}
.tfx-card-excerpt{font-size:13px;color:var(--white-dim);line-height:1.7;margin-bottom:18px}
.tfx-card .tfx-post-meta{margin-top:auto}
@media(max-width:960px){.tfx-post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tfx-post-grid{grid-template-columns:1fr}.tfx-search{min-width:0;width:100%}}

/* single */
.tfx-progress{position:fixed;top:var(--aria-nav-height);left:0;right:0;height:2px;z-index:199;pointer-events:none}
.tfx-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.tfx-single-title{font-size:clamp(32px,5.4vw,56px);font-weight:900;letter-spacing:-2px;line-height:1.08;margin-bottom:18px}
.tfx-single-lead{font-size:18px;color:var(--white-dim);line-height:1.7;margin-bottom:24px}
.tfx-author-mini{display:inline-flex;align-items:center;gap:8px;color:var(--white)}
.tfx-author-mini img{border-radius:50%}
.tfx-single-cover{margin:0 auto 10px}
.tfx-single-cover img{width:100%;border-radius:calc(var(--aria-card-radius) + 4px);border:1px solid var(--white-faint)}
.tfx-single-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:56px;justify-content:center;padding-top:40px}
.tfx-toc{position:sticky;top:calc(var(--aria-nav-height) + 30px);align-self:start;font-size:12.5px}
.tfx-toc-title{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.tfx-toc ol{list-style:none;border-left:1px solid var(--white-faint)}
.tfx-toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:1px solid transparent;color:rgba(var(--white-rgb),.5);text-decoration:none;line-height:1.45}
.tfx-toc a.is-active,.tfx-toc a:hover{color:var(--gold-light);border-left-color:var(--gold)}
.tfx-toc li.is-h3 a{padding-left:26px;font-size:12px}
@media(max-width:1060px){.tfx-single-layout{grid-template-columns:minmax(0,760px)}.tfx-toc{display:none}}

.tfx-prose{font-size:17px;line-height:1.85;color:rgba(var(--white-rgb),.86)}
.tfx-prose>*+*{margin-top:1.25em}
.tfx-prose h2{font-size:28px;font-weight:900;letter-spacing:-.8px;line-height:1.25;margin-top:2em;color:var(--white);scroll-margin-top:calc(var(--aria-nav-height) + 24px)}
.tfx-prose h3{font-size:21px;font-weight:800;margin-top:1.6em;color:var(--white);scroll-margin-top:calc(var(--aria-nav-height) + 24px)}
.tfx-prose a{color:var(--gold-light);text-underline-offset:3px}
.tfx-prose ul,.tfx-prose ol{padding-left:1.3em}
.tfx-prose li+li{margin-top:.45em}
.tfx-prose li::marker{color:var(--gold)}
.tfx-prose blockquote{border-left:3px solid var(--gold);padding:6px 0 6px 22px;font-size:19px;color:var(--white);font-style:italic}
.tfx-prose img,.tfx-prose figure img{border-radius:12px}
.tfx-prose figcaption{font-size:12px;color:rgba(var(--white-rgb),.45);text-align:center;margin-top:8px}
.tfx-prose code{background:var(--dark4);padding:2px 6px;border-radius:5px;font-size:.88em}
.tfx-prose pre{background:var(--dark3);padding:18px;border-radius:12px;overflow:auto;border:1px solid var(--white-faint)}
.tfx-prose table{width:100%;border-collapse:collapse;font-size:14px}
.tfx-prose th,.tfx-prose td{border:1px solid var(--white-faint);padding:10px 12px;text-align:left}
.tfx-prose th{background:var(--dark3);color:var(--gold-light)}
.tfx-tags{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0}
.tfx-tags a{font-size:12px;padding:6px 14px;border-radius:100px;background:var(--dark3);color:var(--white-dim);text-decoration:none}

/* rating widget */
.tfx-rate{margin:40px 0 0;padding:26px;border-radius:var(--aria-card-radius);background:radial-gradient(ellipse at 0% 0%,rgba(var(--gold-rgb),.1),transparent 60%),var(--dark2);border:1px solid rgba(var(--gold-rgb),.18);display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap}
.tfx-rate-label{font-weight:700;font-size:15px;flex-basis:100%}
.tfx-rate-stars{display:flex;gap:4px;flex-direction:row}
.tfx-rate-star{background:none;border:none;cursor:pointer;padding:2px;line-height:0;transition:transform .15s}
.tfx-rate-star svg{width:32px;height:32px;fill:rgba(var(--white-rgb),.12);transition:fill .15s}
.tfx-rate-star.is-on svg,.tfx-rate-star.is-hover svg{fill:var(--gold)}
.tfx-rate-star:not(:disabled):hover{transform:scale(1.15)}
.tfx-rate-star:disabled{cursor:default}
.tfx-rate-summary{font-size:13px;color:var(--white-dim)}
.tfx-rate-avg{font-size:22px;color:var(--gold);font-weight:900}
.tfx-rate.is-voted .tfx-rate-label{color:var(--green)}

.tfx-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0 0;font-size:12px}
.tfx-share span{color:rgba(var(--white-rgb),.4);letter-spacing:2px;text-transform:uppercase;font-size:10px;margin-right:6px}
.tfx-share a,.tfx-share button{padding:7px 14px;border-radius:100px;border:1px solid rgba(var(--white-rgb),.1);background:none;color:var(--white-dim);text-decoration:none;cursor:pointer;font-size:12px}
.tfx-share a:hover,.tfx-share button:hover{border-color:var(--gold);color:var(--gold)}

.tfx-post-cta{margin:44px 0 0;padding:30px;border-radius:calc(var(--aria-card-radius) + 4px);background:linear-gradient(135deg,rgba(var(--gold-rgb),.14),rgba(var(--gold-rgb),.03));border:1px solid rgba(var(--gold-rgb),.3);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.tfx-post-cta h3{font-size:20px;font-weight:900;letter-spacing:-.5px;margin:4px 0 6px}
.tfx-post-cta p{font-size:13px;color:var(--white-dim);max-width:460px}
.tfx-post-cta .s-label{margin:0}

.tfx-author-box{display:flex;gap:18px;align-items:flex-start;margin:44px 0 0;padding:24px;border-radius:var(--aria-card-radius);background:var(--dark2);border:1px solid var(--white-faint)}
.tfx-author-box img{border-radius:50%;flex-shrink:0}
.tfx-author-box strong{display:block;font-size:17px}
.tfx-author-box p{font-size:13px;color:var(--white-dim);margin-top:6px}
.tfx-author-box .tfx-kicker{margin-bottom:2px}

.tfx-related{padding-top:80px}
.tfx-related-title{font-size:26px;font-weight:900;letter-spacing:-.8px;margin-bottom:24px}

/* comments */
.tfx-comments{margin-top:56px}
.tfx-comments-title,.tfx-comments .comment-reply-title{font-size:20px;font-weight:800;margin-bottom:18px}
.tfx-comment-list{list-style:none}
.tfx-comment-list .comment-body{padding:18px 0;border-bottom:1px solid var(--white-faint);font-size:14px}
.tfx-comment-list .children{list-style:none;padding-left:28px}
.tfx-comment-list .avatar{border-radius:50%;float:left;margin-right:12px}
.tfx-comment-list .comment-meta{font-size:12px;color:var(--white-dim);margin-bottom:8px}
.tfx-comment-list .comment-meta a{color:var(--white-dim);text-decoration:none}
.tfx-comment-list .fn{color:var(--white);font-style:normal;font-weight:700}
.tfx-comment-list .reply a{font-size:12px;color:var(--gold)}
.tfx-comments .comment-form p{margin-bottom:14px}

/* article components: key takeaways, callouts, FAQ */
.tfx-prose .tfx-key{border:1px solid rgba(var(--gold-rgb),.3);background:radial-gradient(ellipse at 0% 0%,rgba(var(--gold-rgb),.1),transparent 60%),var(--dark2);border-radius:var(--aria-card-radius);padding:22px 26px}
.tfx-prose .tfx-key > strong{display:block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.tfx-prose .tfx-key ul{margin:0;padding-left:1.1em;font-size:15.5px}
.tfx-prose .tfx-callout{border-left:3px solid var(--green);background:var(--dark2);border-radius:0 12px 12px 0;padding:16px 20px;font-size:15.5px}
.tfx-prose .tfx-callout.is-gold{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(var(--gold-rgb),.1),var(--dark2))}
.tfx-prose .tfx-disclaimer{font-size:12.5px;color:rgba(var(--white-rgb),.4);border-top:1px solid var(--white-faint);padding-top:16px;margin-top:2em}
.tfx-prose table{display:block;overflow-x:auto}
.tfx-prose thead,.tfx-prose tbody{display:table;width:100%;border-collapse:collapse}
.tfx-faq{margin-top:48px}
.tfx-faq h2{font-size:24px;font-weight:900;letter-spacing:-.6px;margin-bottom:16px}