/* TradingRoad V10 | Insights, editorial article system v3
   Extends the APPROVED page hero/navigation/footer. Only article classes affected. */
body.tr-inner-page.tr-insights-single{background:#050d2d;color:#e8eeff;font-family:'Outfit',Arial,sans-serif;overflow-x:hidden}
.tr-insights-single .tr-insight-hero{background:#01012e}
/* Retain original V10 candlestick WebP, geometry and blue fade from tr-inner.css. */
.tr-insights-single .tr-insight-hero .tr-page-hero-inner{max-width:1240px!important}
.tr-insights-single .tr-insight-hero .tr-kicker{color:#dce4ff;font-size:12px}
.tr-insights-single .tr-insight-hero h1{max-width:920px;letter-spacing:-.047em}
.tr-insights-single .tr-insight-hero .tr-page-intro{max-width:730px;color:#d3dcff;font-size:clamp(15px,1.6vw,18px);line-height:1.7}
.tr-insights-single .tr-insight-hero .tr-action-btn.tr-primary{background:#236de8;color:white!important}
.tr-insights-single .tr-insight-hero .tr-action-btn.tr-primary:hover{background:#387cf0}
/* Canvas blends with the approved page hero's #8A9DE9 fade, and never exposes white cards. */
.tr-insights-single .tr-insight-body{
 position:relative;
 isolation:isolate;
 background:linear-gradient(to bottom,#8A9DE9 0,#3b57ae 135px,#122658 295px,#081638 480px,#060f2c 850px,#060f2c 100%);
 padding-bottom:104px;
}
.tr-insights-single .tr-insight-body:before{
 content:"";position:absolute;inset:300px 0 auto;z-index:-1;pointer-events:none;height:950px;
 background:radial-gradient(ellipse 50% 60% at 84% 28%,rgba(42,94,221,.11),transparent 80%);
}
.tr-insights-single .tr-insight-intro-band{padding:142px 0 62px}
.tr-insights-single .tr-insight-intro-grid{
 max-width:1240px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);
 gap:clamp(42px,6vw,90px);align-items:center;
}
.tr-insights-single .tr-insight-intro-copy{min-width:0}
.tr-insights-single .tr-article-byline{
 color:#b8c8ea;font-size:13px;line-height:1.7;letter-spacing:.005em;
 margin:0 0 28px;
}
.tr-insights-single .tr-quick-answer{
 margin:0 0 33px;
 padding:24px 0 23px 26px;
 border-left:3px solid #ffcb36;
 color:#eef4ff;
 font-size:clamp(18px,1.65vw,22px);
 font-weight:400;
 line-height:1.64;
 max-width:660px;
}
.tr-insights-single .tr-quick-answer strong{display:block;color:#ffcb36;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:13px}
.tr-insights-single .tr-key-takeaways{
 background:linear-gradient(115deg,rgba(35,89,195,.21),rgba(17,42,99,.09));
 border:1px solid rgba(153,190,255,.22);
 border-radius:16px;padding:27px 30px;color:#d8e4fc
}
.tr-insights-single .tr-key-takeaways>strong{
 display:block;color:#fff;font-weight:700;font-size:20px;margin:0 0 18px;
}
.tr-insights-single .tr-key-takeaways ul{padding:0 0 0 18px;margin:0;display:grid;gap:11px}
.tr-insights-single .tr-key-takeaways li{padding-left:3px;font-size:14px;line-height:1.62}
.tr-insights-single .tr-key-takeaways li::marker{color:#ffce4a}
/* Integrated editorial image, no shadow, no narrow card or awkward overlap. */
.tr-insights-single .tr-insight-cover{
 position:relative;min-width:0;margin:0;width:100%;
 aspect-ratio:1.0;overflow:hidden;border-radius:18px;
 background:#07163c;border:1px solid rgba(160,190,255,.17);
}
.tr-insights-single .tr-insight-cover:after{
 content:"";position:absolute;inset:50% 0 0;pointer-events:none;
 background:linear-gradient(to bottom,transparent,rgba(3,8,27,.85));
}
.tr-insights-single .tr-insight-cover img{width:100%;height:100%;object-fit:cover;display:block;object-position:center}
.tr-insights-single .tr-insight-cover figcaption{
 position:absolute;z-index:1;bottom:26px;left:28px;right:20px;
 text-transform:uppercase;color:#e0e9ff;letter-spacing:.17em;font-weight:750;font-size:11px
}
.tr-insights-single .tr-insight-cover figcaption span{color:#ffcd32;padding:0 6px}
/* Long-form reading grid: full dark canvas, editorial left rail, no white panel. */
.tr-insights-single .tr-insight-reading-grid{
 max-width:1240px;display:grid;grid-template-columns:minmax(210px,262px) minmax(0,1fr);
 column-gap:clamp(50px,8vw,120px);
 align-items:start;
 border-top:1px solid rgba(155,180,238,.23);
 padding-top:64px;
}
.tr-insights-single .tr-insight-sidebar{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 115px);overflow-y:auto;scrollbar-width:thin}
.tr-insights-single .tr-insight-sidebar .tr-article-toc{padding:0;border:0;background:none;margin:0;color:#fff}
.tr-insights-single .tr-insight-sidebar .tr-article-toc>strong{
 font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#fec901;font-weight:800
}
.tr-insights-single .tr-insight-sidebar .tr-article-toc ol{list-style:none;padding:0;margin:20px 0;columns:1}
.tr-insights-single .tr-insight-sidebar .tr-article-toc li{margin:0;padding:0;border-left:1px solid rgba(159,181,235,.22)}
.tr-insights-single .tr-insight-sidebar .tr-article-toc a{
 display:block;padding:8px 9px 9px 16px;
 color:#aabce3;font-size:13px;font-weight:480;line-height:1.48;transition:.2s
}
.tr-insights-single .tr-insight-sidebar .tr-article-toc a:hover{
 color:#fff;border-left:2px solid #fec901;background:rgba(46,86,169,.18)
}
.tr-insights-single .tr-insight-reading{width:100%;min-width:0;max-width:860px}
.tr-insights-single .tr-insight-reading .tr-insights-article{
 color:#d9e3fa;font-size:18px;line-height:1.82;font-weight:400;letter-spacing:.002em
}
.tr-insights-single .tr-insight-reading .tr-insights-article p{margin:0 0 20px;max-width:815px}
.tr-insights-single .tr-insight-reading .tr-insights-article h2{
 color:#fff;font-size:clamp(27px,2.75vw,39px);letter-spacing:-.035em;
 font-weight:700;line-height:1.18;margin:58px 0 22px;
 scroll-margin-top:110px;max-width:810px
}
.tr-insights-single .tr-insight-reading .tr-insights-article h2:first-child{margin-top:0}
.tr-insights-single .tr-insight-reading .tr-insights-article h3{
 color:#f2f5ff;font-size:20px;line-height:1.38;margin:24px 0 9px;font-weight:650
}
.tr-insights-single .tr-insight-reading .tr-insights-article a{
 color:#9bbfff;text-decoration:underline;text-decoration-color:rgba(155,191,255,.5);text-underline-offset:4px
}
.tr-insights-single .tr-insight-reading .tr-insights-article a:hover{color:#fff;text-decoration-color:#fec901}
.tr-insights-single .tr-insight-reading .tr-insights-article ul,
.tr-insights-single .tr-insight-reading .tr-insights-article ol{padding-left:24px;margin:5px 0 28px}
.tr-insights-single .tr-insight-reading .tr-insights-article li{padding-left:6px;margin-bottom:13px}
.tr-insights-single .tr-insight-reading .tr-insights-article li::marker{color:#ffcb35}
.tr-insights-single .tr-insight-reading .tr-article-visual{
 margin:34px 0 45px;width:100%;border-radius:12px;overflow:hidden;
 background:#07163e;border:1px solid rgba(146,181,245,.2)
}
.tr-insights-single .tr-insight-reading .tr-article-visual img{display:block;width:100%;height:auto}
.tr-insights-single .tr-insight-reading .tr-article-visual figcaption{
 font-size:12px;line-height:1.6;color:#b5c8ea;background:rgba(18,42,94,.8);padding:13px 19px
}
.tr-insights-single .tr-insight-reading .tr-article-image-placeholder{
 background:rgba(39,84,166,.14);border:1px dashed rgba(150,190,255,.5);
 border-radius:10px;padding:20px 24px;margin:25px 0 37px;color:#bbcced;font-size:13px;line-height:1.65
}
.tr-insights-single .tr-insight-reading .tr-article-image-placeholder strong{color:#fec901;letter-spacing:.045em;font-size:12px}
.tr-insights-single .tr-insight-reading .tr-article-image-placeholder p{font-size:13px;line-height:1.6;margin:6px 0}
.tr-insights-single .tr-insight-reading .tr-faq-entry{padding:16px 0;border-bottom:1px solid rgba(149,179,229,.2)}
.tr-insights-single .tr-insight-reading .tr-faq-entry:first-child{padding-top:0}
.tr-insights-single .tr-insight-reading .tr-faq-entry p{font-size:16px}
.tr-insights-single .tr-insight-reading .tr-article-next-step{
 border:1px solid rgba(148,193,255,.36);
 background:radial-gradient(ellipse at 94% 0%,rgba(55,117,242,.24),transparent 62%),linear-gradient(125deg,#0a2d73,#071e53);
 border-radius:14px;padding:32px 37px;margin:45px 0;color:#fff;line-height:1.65
}
.tr-insights-single .tr-insight-reading .tr-article-next-step strong{color:#ffcf39;font-weight:800}
.tr-insights-single .tr-insight-reading .tr-article-next-step a{color:#ffdc72}
.tr-insights-single .tr-insight-reading .tr-article-next-step p{margin:12px 0 0;font-size:15px;color:#e0eaff}
.tr-insights-single .tr-insight-reading .tr-article-sources{font-size:14px;line-height:1.75}
.tr-insights-single .tr-insight-reading .tr-article-sources a{overflow-wrap:anywhere}
.tr-insights-single .tr-insight-reading .tr-author-box{
 margin:40px 0 24px;padding:22px 24px;background:rgba(29,64,129,.2);
 border:1px solid rgba(134,176,242,.21);border-left:3px solid #2f7bf5;border-radius:10px;
 font-size:14px;color:#c4d4f6
}
.tr-insights-single .tr-insight-reading .tr-article-disclaimer{
 margin-top:28px!important;padding-top:25px;border-top:1px solid rgba(159,184,235,.28);
 font-size:14px;color:#b1c3e9
}
/* At tablet/mobile, the reading rail becomes a wide native contents block. */
@media(max-width:1080px){
 .tr-insights-single .tr-insight-intro-grid{gap:38px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr)}
 .tr-insights-single .tr-insight-reading-grid{grid-template-columns:minmax(180px,220px) minmax(0,1fr);column-gap:40px}
 .tr-insights-single .tr-insight-reading .tr-insights-article{font-size:17px}
}
@media(max-width:760px){
 .tr-insights-single .tr-insight-hero .tr-page-intro{white-space:normal!important;max-width:100%;font-size:14px!important;line-height:1.6!important}
 .tr-insights-single .tr-insight-hero h1{font-size:clamp(34px,9vw,47px);line-height:1.1}
 .tr-insights-single .tr-insight-body{background:linear-gradient(to bottom,#A5B8F1 0,#4562b0 86px,#102959 205px,#071636 350px,#060f2c 650px)}
 .tr-insights-single .tr-insight-intro-band{padding:106px 0 34px}
 .tr-insights-single .tr-insight-intro-grid{grid-template-columns:1fr;gap:28px}
 .tr-insights-single .tr-insight-cover{aspect-ratio:16/10;max-width:none;order:-1;border-radius:12px}
 .tr-insights-single .tr-insight-cover figcaption{bottom:17px;left:17px;font-size:10px}
 .tr-insights-single .tr-quick-answer{font-size:18px;padding:14px 0 16px 19px}
 .tr-insights-single .tr-key-takeaways{padding:22px 22px}
 .tr-insights-single .tr-article-byline{font-size:12px;margin:0 0 20px}
 .tr-insights-single .tr-insight-reading-grid{grid-template-columns:1fr;row-gap:30px;padding-top:35px}
 .tr-insights-single .tr-insight-sidebar{position:static;max-height:none;overflow:visible}
 .tr-insights-single .tr-insight-sidebar .tr-article-toc{padding:20px;border:1px solid rgba(153,185,246,.21);border-radius:12px;background:rgba(29,64,125,.18)}
 .tr-insights-single .tr-insight-sidebar .tr-article-toc ol{columns:2;column-gap:16px}
 .tr-insights-single .tr-insight-sidebar .tr-article-toc li{break-inside:avoid}
 .tr-insights-single .tr-insight-reading .tr-insights-article{font-size:16px;line-height:1.8}
 .tr-insights-single .tr-insight-reading .tr-insights-article h2{font-size:clamp(26px,6.8vw,33px);margin:40px 0 18px}
 .tr-insights-single .tr-insight-reading .tr-insights-article h3{font-size:18px}
 .tr-insights-single .tr-insight-reading .tr-article-next-step{padding:24px}
 .tr-insights-single .tr-insight-body{padding-bottom:64px}
}
@media(max-width:480px){
 .tr-insights-single .tr-insight-sidebar .tr-article-toc ol{columns:1}
 .tr-insights-single .tr-insight-sidebar .tr-article-toc a{font-size:13px}
 .tr-insights-single .tr-insight-cover{aspect-ratio:16/11}
}


/* V10 Insight educational diagrams and responsive tables, applies to all posts. */
.tr-insights-single .tr-insight-reading .tr-table-scroll{
 width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
 margin:26px 0 33px;border:1px solid rgba(142,186,246,.24);border-radius:13px;
 background:linear-gradient(120deg,rgba(36,76,147,.19),rgba(11,31,72,.28));
}
.tr-insights-single .tr-insight-reading table.tr-article-table{
 width:100%;border-collapse:collapse;min-width:520px;table-layout:auto;
 font-family:'Outfit',Arial,sans-serif;color:#dce6ff;
}
.tr-insights-single .tr-insight-reading .tr-article-table th{
 background:rgba(38,95,191,.35);color:#fff;font-size:14px;font-weight:700;text-align:left;
 padding:17px 20px;border-bottom:1px solid rgba(150,186,251,.3);vertical-align:top;
}
.tr-insights-single .tr-insight-reading .tr-article-table td{
 padding:16px 20px;font-size:14px;line-height:1.58;vertical-align:top;
 border-bottom:1px solid rgba(148,180,239,.13);
}
.tr-insights-single .tr-insight-reading .tr-article-table tbody tr:last-child td{border-bottom:0}
.tr-insights-single .tr-insight-reading .tr-article-table tbody tr:hover{background:rgba(64,116,209,.1)}
.tr-insights-single .tr-insight-reading .tr-educational-diagram{
 margin:28px 0 40px;padding:29px;
 border-radius:17px;border:1px solid rgba(139,183,254,.26);
 background:radial-gradient(ellipse at 88% 15%,rgba(38,104,229,.25),transparent 62%),linear-gradient(115deg,rgba(15,40,93,.9),rgba(5,18,52,.92));
 color:#eaf1ff;
}
.tr-insights-single .tr-insight-reading .tr-diagram-kicker{
 color:#ffcd34;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:21px
}
.tr-insights-single .tr-insight-reading .tr-diagram-foot{
 color:#a7bde6;font-size:12px;line-height:1.55;margin:18px 0 0!important;
}
.tr-insights-single .tr-beginner-steps ol{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0!important;
 list-style:none;padding:0!important;
}
.tr-insights-single .tr-beginner-steps li{
 display:flex;flex-direction:column;justify-content:space-between;
 gap:17px;margin:0!important;padding:15px!important;
 border-radius:10px;border:1px solid rgba(158,191,246,.22);
 background:rgba(49,91,169,.19);
}
.tr-insights-single .tr-beginner-steps li span{font:700 24px/1 'Outfit';color:#fec901}
.tr-insights-single .tr-beginner-steps li b{font-size:13px;line-height:1.4;font-weight:650;color:#eaf0ff}
.tr-insights-single .tr-pair-row{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.tr-insights-single .tr-pair-row>div{padding:26px;border-radius:12px;background:rgba(61,119,226,.17);border:1px solid rgba(151,195,248,.26);display:flex;flex-direction:column}
.tr-insights-single .tr-pair-row>div>span{font-size:10px;letter-spacing:.12em;color:#b2c8ec;font-weight:750}
.tr-insights-single .tr-pair-row>div strong{color:#fff;font-size:clamp(34px,5vw,55px);letter-spacing:-.035em;line-height:1.4}
.tr-insights-single .tr-pair-row>div small{color:#a9c0e9;font-size:12px;line-height:1.6}
.tr-insights-single .tr-pair-slash{color:#fec901;font-size:44px;font-weight:300}
.tr-insights-single .tr-pair-example{border-top:1px solid rgba(147,185,239,.19);margin-top:22px;padding-top:18px;color:#dce8ff;font-size:14px;line-height:1.6}
.tr-insights-single .tr-session-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tr-insights-single .tr-session-flow>div{border:1px solid rgba(138,190,255,.22);padding:17px 12px;background:rgba(44,94,177,.18);border-radius:10px;min-height:90px}
.tr-insights-single .tr-session-flow>div>span{font-weight:800;font-size:12px;color:#ffce43;display:block;margin-bottom:15px}
.tr-insights-single .tr-session-flow>div>strong{color:#eef4ff;font-weight:650;font-size:16px}
.tr-insights-single .tr-session-flow>div:nth-child(3),.tr-insights-single .tr-session-flow>div:nth-child(4){background:rgba(29,104,223,.27);border-color:rgba(254,201,1,.3)}
@media(max-width:900px){
 .tr-insights-single .tr-beginner-steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .tr-insights-single .tr-insight-reading .tr-educational-diagram{padding:20px 16px;border-radius:13px}
 .tr-insights-single .tr-beginner-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tr-insights-single .tr-insight-reading .tr-table-scroll{border-radius:10px}
 .tr-insights-single .tr-insight-reading .tr-article-table th,
 .tr-insights-single .tr-insight-reading .tr-article-table td{padding:12px 13px;font-size:13px}
 .tr-insights-single .tr-pair-row{gap:10px}
 .tr-insights-single .tr-pair-row>div{padding:17px 11px}
 .tr-insights-single .tr-pair-row>div strong{font-size:32px}
 .tr-insights-single .tr-pair-slash{font-size:28px}
 .tr-insights-single .tr-session-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}