/* TradingRoad Insights: editorial library, 2026.
   Extends established V10 inner-page design. No homepage CSS changes. */
body.tr-template-insights { background:#F6F7FC; }
body.tr-template-insights .tr-page-hero .tr-page-hero-inner { max-width:1050px!important; }
body.tr-template-insights .tr-page-hero h1 { max-width:950px; }
body.tr-template-insights .tr-page-hero .tr-page-intro {
 max-width:700px;
 white-space:normal!important;
 line-height:1.7;
}
body.tr-template-insights .tr-insights-hub-content{
 margin:0;
 padding:0;
 background:linear-gradient(180deg,#8A9DE9 0,#CDD7F6 65px,#F6F7FC 175px,#F6F7FC 100%);
}
.tr-insights-hub-content .tr-hub-overview{padding:112px 0 92px;}
.tr-insights-hub-content .tr-hub-section-top{
 display:flex;
 align-items:end;
 justify-content:space-between;
 gap:60px;
 margin-bottom:42px;
}
.tr-insights-hub-content .tr-hub-section-top>div{max-width:750px}
.tr-insights-hub-content .tr-hub-eyebrow{
 display:inline-flex;
 gap:11px;
 align-items:center;
 font:800 11px/1.4 Outfit,Arial,sans-serif;
 letter-spacing:.14em;
 color:#0B2F98;
 text-transform:uppercase;
}
.tr-insights-hub-content .tr-hub-dot{
 display:inline-block;
 width:7px;
 height:7px;
 flex:none;
 border-radius:50%;
 background:#FEC901;
}
.tr-insights-hub-content .tr-hub-section-top h2{
 margin:17px 0 0;
 max-width:770px;
 color:#080B43;
 font:700 clamp(34px,3.8vw,54px)/1.12 Outfit,Arial,sans-serif;
 letter-spacing:-.05em;
}
.tr-insights-hub-content .tr-hub-section-top>p{
 margin:0 0 5px;
 max-width:330px;
 color:#657395;
 font:400 14px/1.8 Outfit,Arial,sans-serif;
}
.tr-insights-hub-content .tr-hub-feature{
 overflow:hidden;
 background:#050B38;
 border:1px solid rgba(81,105,190,.48);
 border-radius:23px;
 box-shadow:0 28px 60px rgba(12,26,85,.12);
}
.tr-insights-hub-content .tr-hub-feature-link{
 display:grid;
 grid-template-columns:minmax(0,1.13fr) minmax(0,.9fr);
 gap:0;
 min-height:422px;
 color:inherit;
 text-decoration:none;
}
.tr-insights-hub-content .tr-hub-feature-copy{
 position:relative;
 z-index:1;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:clamp(30px,5vw,70px);
 background:radial-gradient(ellipse at 100% 40%,rgba(25,67,161,.24),transparent 68%),#050B38;
}
.tr-insights-hub-content .tr-hub-feature-kicker{
 display:inline-flex;
 align-items:center;
 flex-wrap:wrap;
 gap:9px;
 color:#AFC2FF;
 font:800 11px/1.4 Outfit,Arial,sans-serif;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.tr-insights-hub-content .tr-hub-separator{color:#FEC901}
.tr-insights-hub-content .tr-hub-feature-copy h3{
 max-width:580px;
 color:#FFF;
 margin:23px 0 18px;
 font:700 clamp(27px,3.2vw,45px)/1.16 Outfit,Arial,sans-serif;
 letter-spacing:-.04em;
}
.tr-insights-hub-content .tr-hub-feature-copy p{
 max-width:510px;
 margin:0;
 color:#C2CDF2;
 font:400 15px/1.75 Outfit,Arial,sans-serif;
}
.tr-insights-hub-content .tr-hub-feature-meta{
 display:flex;
 flex-wrap:wrap;
 gap:12px;
 align-items:center;
 color:#A4B6DF;
 font:500 12px/1.4 Outfit,Arial,sans-serif;
 margin:22px 0 30px;
}
.tr-insights-hub-content .tr-hub-feature-action{
 display:inline-flex;
 justify-content:space-between;
 align-items:center;
 gap:27px;
 border:1px solid #7990E4;
 border-radius:50px;
 padding:13px 17px 13px 23px;
 color:#fff;
 font:700 13px/1.3 Outfit,Arial,sans-serif;
 transition:background .2s ease,transform .2s ease;
}
.tr-insights-hub-content .tr-hub-feature-action span{font-size:18px;color:#FEC901}
.tr-insights-hub-content .tr-hub-feature-link:hover .tr-hub-feature-action{
 transform:translateY(-2px);
 background:#12246A;
}
.tr-insights-hub-content .tr-hub-feature-visual{
 position:relative;
 overflow:hidden;
 background:#09195A;
 min-width:0;
}
.tr-insights-hub-content .tr-hub-feature-visual:after{
 position:absolute;
 inset:0;
 content:"";
 pointer-events:none;
 background:linear-gradient(90deg,rgba(5,11,56,.14),transparent 22%);
}
.tr-insights-hub-content .tr-hub-feature-visual img{
 display:block;
 width:100%;
 height:100%;
 min-height:422px;
 object-fit:cover;
 object-position:center;
 transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.tr-insights-hub-content .tr-hub-feature-link:hover .tr-hub-feature-visual img{transform:scale(1.025)}
.tr-insights-hub-content .tr-hub-library-heading{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:40px;
 padding-top:93px;
 scroll-margin-top:105px;
}
.tr-insights-hub-content .tr-hub-library-heading h2{
 color:#080B43;
 font:700 clamp(32px,3.4vw,46px)/1.14 Outfit,Arial,sans-serif;
 letter-spacing:-.045em;
 margin:14px 0 0;
}
.tr-insights-hub-content .tr-hub-library-heading>p{
 margin:0 0 5px;
 font-size:14px;
 color:#667595;
}
.tr-insights-hub-content .tr-hub-filters{
 display:flex;
 gap:8px;
 flex-wrap:wrap;
 padding:24px 0 33px;
 border-bottom:1px solid #DCE2F3;
 margin-bottom:27px;
}
.tr-insights-hub-content .tr-hub-filters a{
 display:inline-flex;
 align-items:center;
 min-height:39px;
 padding:10px 17px;
 border:1px solid #DAE0EF;
 border-radius:50px;
 background:#FFF;
 color:#425178;
 font:650 12px/1.3 Outfit,Arial,sans-serif;
 white-space:nowrap;
 transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.tr-insights-hub-content .tr-hub-filters a:hover{border-color:#AAB9E7;color:#080B70}
.tr-insights-hub-content .tr-hub-filters a.selected{
 background:#000080;
 color:#fff;
 border-color:#000080;
}
.tr-insights-hub-content .tr-hub-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:19px;
}
.tr-insights-hub-content .tr-hub-card{
 min-width:0;
 overflow:hidden;
 border-radius:17px;
 background:#fff;
 border:1px solid #E0E6F2;
 box-shadow:0 14px 34px rgba(18,41,106,.035);
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.tr-insights-hub-content .tr-hub-card:hover{
 transform:translateY(-4px);
 border-color:#B3C3F0;
 box-shadow:0 19px 45px rgba(18,41,106,.1);
}
.tr-insights-hub-content .tr-hub-card-link{
 display:flex;
 flex-direction:column;
 width:100%;
 height:100%;
 color:inherit;
 text-decoration:none;
}
.tr-insights-hub-content .tr-hub-card-visual{
 position:relative;
 aspect-ratio:16/10;
 background:#080B4C;
 overflow:hidden;
}
.tr-insights-hub-content .tr-hub-card-visual img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
 transition:transform .4s ease;
}
.tr-insights-hub-content .tr-hub-card:hover .tr-hub-card-visual img{transform:scale(1.025)}
.tr-insights-hub-content .tr-hub-card-empty-art{display:grid;place-items:center;width:100%;height:100%;font:800 72px Outfit;color:#99a8ef}
.tr-insights-hub-content .tr-hub-draft-tag{
 position:absolute;top:14px;right:14px;
 font:800 9px/1.4 Outfit,Arial,sans-serif;
 letter-spacing:.1em;
 color:#fff;
 background:rgba(4,8,44,.8);
 padding:8px 11px;
 border-radius:8px;
}
.tr-insights-hub-content .tr-hub-card-info{
 display:flex;
 flex:1;
 flex-direction:column;
 align-items:flex-start;
 padding:23px 25px 22px;
}
.tr-insights-hub-content .tr-hub-card-kicker{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 width:100%;
 color:#244AAA;
 font:800 10px/1.4 Outfit,Arial,sans-serif;
 text-transform:uppercase;
 letter-spacing:.1em;
}
.tr-insights-hub-content .tr-hub-card-kicker span{
 color:#7E8EAB;
 font-weight:600;
 letter-spacing:0;
 text-transform:none;
 white-space:nowrap;
}
.tr-insights-hub-content .tr-hub-card-info h3{
 color:#0A1042;
 font:700 clamp(20px,1.75vw,25px)/1.28 Outfit,Arial,sans-serif;
 letter-spacing:-.035em;
 margin:21px 0 13px;
}
.tr-insights-hub-content .tr-hub-card-info p{
 color:#64728E;
 font:400 13px/1.7 Outfit,Arial,sans-serif;
 margin:0 0 25px;
}
.tr-insights-hub-content .tr-hub-card-bottom{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin-top:auto;
 padding-top:18px;
 border-top:1px solid #E9EDF5;
 width:100%;
 color:#7685A5;
 font:550 11px/1.3 Outfit,Arial,sans-serif;
}
.tr-insights-hub-content .tr-hub-card-bottom>span{
 color:#000080;
 font-size:23px;
 line-height:1;
}
.tr-insights-hub-content .tr-hub-empty{
 padding:34px 40px;
 border:1px solid #DDE5F3;
 border-radius:17px;
 background:rgba(255,255,255,.72);
}
.tr-insights-hub-content .tr-hub-empty-eyebrow{
 display:block;
 color:#435EA6;
 font:800 11px/1.4 Outfit,Arial,sans-serif;
 letter-spacing:.12em;
 margin-bottom:12px;
}
.tr-insights-hub-content .tr-hub-empty p{
 color:#283A67;
 font:600 19px/1.5 Outfit,Arial,sans-serif;
 margin:0 0 14px;
}
.tr-insights-hub-content .tr-hub-empty a{
 color:#121B88;
 font:750 13px/1.4 Outfit,Arial,sans-serif;
 border-bottom:1px solid #AAB9E7;
}
.tr-insights-hub-content .tr-hub-pagination{
 display:flex;
 flex-wrap:wrap;
 gap:9px;
 justify-content:center;
 padding-top:36px;
}
.tr-insights-hub-content .tr-hub-pagination a{
 display:grid;place-items:center;
 width:40px;height:40px;
 border:1px solid #D4DCF0;
 border-radius:9px;
 background:#FFF;color:#0C276E;
 font:700 13px Outfit,Arial,sans-serif;
}
.tr-insights-hub-content .tr-hub-pagination a.is-current{background:#000080;color:white;border-color:#000080}
.tr-insights-hub-content .tr-hub-bridge{padding:0 0 95px}
.tr-insights-hub-content .tr-hub-bridge-inner{
 position:relative;overflow:hidden;
 display:flex;
 justify-content:space-between;
 align-items:end;
 gap:45px;
 padding:54px 58px;
 background:radial-gradient(ellipse at 100% 5%,rgba(56,103,219,.4),transparent 48%),linear-gradient(120deg,#08083C,#101E67);
 border:1px solid #1F3379;
 border-radius:22px;
 color:#fff;
}
.tr-insights-hub-content .tr-hub-bridge-inner>div:first-child{max-width:720px}
.tr-insights-hub-content .tr-hub-bridge-inner>div:first-child>span{
 color:#FEC901;
 font:800 11px/1.5 Outfit,Arial,sans-serif;
 letter-spacing:.13em;
}
.tr-insights-hub-content .tr-hub-bridge h2{
 color:#fff;
 font:700 clamp(29px,3vw,42px)/1.14 Outfit,Arial,sans-serif;
 letter-spacing:-.045em;
 margin:15px 0;
}
.tr-insights-hub-content .tr-hub-bridge p{
 margin:0;
 max-width:520px;
 color:#BFCDF1;
 font:400 14px/1.7 Outfit,Arial,sans-serif;
}
.tr-insights-hub-content .tr-hub-bridge-actions{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:10px;
 flex:none;
}
.tr-insights-hub-content .tr-hub-bridge-actions a{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 min-width:210px;
 color:#fff;
 border:1px solid #6D80D2;
 border-radius:50px;
 padding:15px 19px;
 font:700 12px/1.4 Outfit,Arial,sans-serif;
}
.tr-insights-hub-content .tr-hub-bridge-actions a:first-child{background:#FEC901;border-color:#FEC901;color:#060B36}
.tr-insights-hub-content .tr-hub-bridge-actions a:hover{transform:translateY(-1px)}
body.tr-template-insights .tr-insights-hub-content a:focus-visible{outline:3px solid #FEC901;outline-offset:3px}
@media(max-width:1040px){
 .tr-insights-hub-content .tr-hub-feature-copy{padding:37px}
 .tr-insights-hub-content .tr-hub-feature-link{min-height:375px}
 .tr-insights-hub-content .tr-hub-feature-visual img{min-height:375px}
 .tr-insights-hub-content .tr-hub-section-top{gap:30px}
 .tr-insights-hub-content .tr-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tr-insights-hub-content .tr-hub-bridge-inner{padding:45px 42px}
}
@media(max-width:720px){
 .tr-insights-hub-content .tr-hub-overview{padding:84px 0 65px}
 .tr-insights-hub-content .tr-hub-section-top{display:block;margin-bottom:29px}
 .tr-insights-hub-content .tr-hub-section-top h2{font-size:clamp(30px,7vw,42px)}
 .tr-insights-hub-content .tr-hub-section-top>p{max-width:560px;margin-top:17px;font-size:14px}
 .tr-insights-hub-content .tr-hub-feature-link{grid-template-columns:1fr}
 .tr-insights-hub-content .tr-hub-feature-visual{grid-row:1;aspect-ratio:16/10}
 .tr-insights-hub-content .tr-hub-feature-visual img{min-height:0;height:100%}
 .tr-insights-hub-content .tr-hub-feature-copy{padding:28px 28px 31px}
 .tr-insights-hub-content .tr-hub-feature-copy h3{font-size:clamp(26px,6.5vw,35px)}
 .tr-insights-hub-content .tr-hub-feature-meta{margin-bottom:23px}
 .tr-insights-hub-content .tr-hub-library-heading{padding-top:64px;display:block}
 .tr-insights-hub-content .tr-hub-library-heading>p{margin-top:12px}
 .tr-insights-hub-content .tr-hub-filters{padding-top:23px;padding-bottom:22px}
 .tr-insights-hub-content .tr-hub-grid{grid-template-columns:1fr}
 .tr-insights-hub-content .tr-hub-card-info h3{font-size:25px}
 .tr-insights-hub-content .tr-hub-bridge{padding-bottom:65px}
 .tr-insights-hub-content .tr-hub-bridge-inner{display:block;padding:33px 27px}
 .tr-insights-hub-content .tr-hub-bridge-actions{margin-top:28px;flex-direction:row;flex-wrap:wrap}
 .tr-insights-hub-content .tr-hub-bridge-actions a{min-width:200px}
}
@media(max-width:480px){
 .tr-insights-hub-content .tr-hub-overview{padding-top:66px}
 .tr-insights-hub-content .tr-hub-feature{border-radius:17px}
 .tr-insights-hub-content .tr-hub-feature-copy{padding:26px 22px}
 .tr-insights-hub-content .tr-hub-feature-visual{aspect-ratio:1.32}
 .tr-insights-hub-content .tr-hub-feature-kicker{font-size:10px}
 .tr-insights-hub-content .tr-hub-feature-copy h3{font-size:26px}
 .tr-insights-hub-content .tr-hub-feature-copy p{font-size:14px}
 .tr-insights-hub-content .tr-hub-library-heading h2{font-size:33px}
 .tr-insights-hub-content .tr-hub-card-info{padding:21px}
 .tr-insights-hub-content .tr-hub-card-info h3{font-size:23px}
 .tr-insights-hub-content .tr-hub-empty{padding:26px}
 .tr-insights-hub-content .tr-hub-bridge-actions a{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .tr-insights-hub-content :is(.tr-hub-card,.tr-hub-card-visual img,.tr-hub-feature-visual img,.tr-hub-feature-action,.tr-hub-bridge-actions a){transition:none!important}
}