/* SignalSkyline News Module - Final Organized Styles */
.ssn-page{
    --navy:#0b1d2e;
    --blue:#1688dc;
    --line:#e1e7ec;
    --soft:#f6f8fa;
    --text:#0c1725;
    --muted:#6c7784;
    --green:#22b878;
    --red:#ff3855;
    --orange:#ff8516;
    background:#fff;
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.45;
}
.ssn-page *{box-sizing:border-box}
.ssn-page a{text-decoration:none}
.ssn-wrap{width:min(1440px,calc(100% - 116px));margin:0 auto}

.ssn-head{background:linear-gradient(#fbfcfd,#fff);padding:28px 0 12px}
.ssn-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.ssn-head h1{font-size:30px;line-height:1.1;margin:0 0 6px;font-weight:800;letter-spacing:-.5px;color:#0d1c2c}
.ssn-head p{margin:0;color:#616c78;font-size:14px;line-height:1.35}
.ssn-tools{display:flex;align-items:center;gap:25px}
.ssn-search{width:300px;height:40px;border:1px solid #dfe5ea;border-radius:7px;background:white;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.ssn-search input{border:0;outline:0;flex:1;height:100%;padding:0 16px;font-size:12px;color:#66727e}
.ssn-search span{font-size:20px;padding-right:15px}
.ssn-search button{width:48px;height:100%;border:0;background:transparent;color:#0b1d2e;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0}
.ssn-feed{height:40px;min-width:217px;border:0;border-radius:6px;background:#10263b;color:white;font-size:11px;font-weight:700}
.ssn-feed span{margin-left:12px}
.ssn-filters{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-top:20px;
}

.ssn-filter-buttons{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
}

.ssn-filter-buttons a{
    height:36px;
    border:1px solid #e0e5ea;
    border-radius:6px;
    background:#fff;
    color:#394552!important;
    padding:0 22px;
    font-size:11px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none!important;
    line-height:1;
    white-space:nowrap;
}

.ssn-filter-buttons a:hover{
    border-color:#187fd0;
    color:#187fd0!important;
}

.ssn-filter-buttons a.active{
    background:#187fd0;
    border-color:#187fd0;
    color:#fff!important;
}

.ssn-filter-buttons a.active:hover{
    color:#fff!important;
}

.ssn-sort{
    height:36px;
    border:1px solid #e0e5ea;
    border-radius:6px;
    background:#fff;
    color:#394552;
    padding:0 17px;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
}

.ssn-main-grid{display:grid;grid-template-columns:1.65fr .74fr .61fr;gap:18px;align-items:stretch}
.ssn-hero{height:352px;border-radius:8px;overflow:hidden;position:relative;background:
linear-gradient(90deg,#061321 0%,#071c2c 44%,rgba(35,12,4,.65) 72%,rgba(50,14,1,.86) 100%);
box-shadow:0 2px 8px rgba(7,27,42,.08)}
.ssn-hero::before{content:"";position:absolute;left:45%;top:12px;width:50%;height:115px;opacity:.8;background:
linear-gradient(90deg,transparent 0 5%,#a22a17 5% 6%,transparent 6% 10%,#e4421f 10% 11%,transparent 11% 16%,#8e2319 16% 18%,transparent 18% 23%,#f75a22 23% 25%,transparent 25% 31%,#bf331a 31% 32%,transparent 32% 40%,#ee551d 40% 42%,transparent 42% 49%,#982919 49% 51%,transparent 51% 59%,#f34c1c 59% 61%,transparent 61% 70%,#c12f15 70% 72%,transparent 72% 80%,#f05b21 80% 82%,transparent 82%);
clip-path:polygon(0 34%,10% 56%,18% 24%,29% 45%,38% 39%,47% 60%,59% 25%,70% 42%,81% 17%,92% 40%,100% 22%,100% 100%,0 100%);
filter:blur(.2px)}
.ssn-hero-glow{position:absolute;right:-50px;bottom:-80px;width:520px;height:360px;background:radial-gradient(circle,#f48011 0,#7a2905 30%,transparent 70%);opacity:.4}
.ssn-hero-content{position:relative;z-index:4;padding:18px 24px;color:#fff;width:57%}
.ssn-impact{display:inline-block;border-radius:4px;color:white;font-size:10px;font-weight:800;padding:5px 8px}
.ssn-impact.blue{background:#1688dc}
.ssn-impact.redtag{background:#f0444f}
.ssn-impact.orangetag{background:#ee9215}
.ssn-impact.greentag{background:#3eaa58}
.ssn-hero h2{font-size:31px;line-height:1.12;margin:15px 0 13px;color:#fff}
.ssn-meta{display:flex;align-items:center;gap:10px;font-size:11px;flex-wrap:wrap}
.ssn-meta .bear{color:#ff4962;background:rgba(255,56,85,.12);padding:3px 6px;border-radius:4px}
.ssn-hero p{font-size:13px;line-height:1.55;color:#eef2f5;margin:14px 0 18px}
.ssn-read{display:inline-flex;align-items:center;gap:28px;background:#fff;color:#0e1926;font-size:11px;font-weight:800;padding:10px 17px;border-radius:5px}
.ssn-gold-art{position:absolute;z-index:2;right:7%;bottom:21px;width:43%;height:52%;transform:rotate(-2deg)}
.ssn-gold-art .bar{position:absolute;display:block;width:170px;height:55px;border-radius:5px;background:linear-gradient(175deg,#ffd75f 0%,#e99416 40%,#8c4503 85%);border:1px solid #efb135;box-shadow:0 8px 18px rgba(0,0,0,.38);transform:skewX(-13deg)}
.ssn-gold-art .b1{left:28px;bottom:0}.ssn-gold-art .b2{left:115px;bottom:16px}.ssn-gold-art .b3{left:57px;bottom:57px}.ssn-gold-art .b4{left:145px;bottom:74px}.ssn-gold-art .b5{left:110px;bottom:116px;width:150px}
.ssn-hero-dots{position:absolute;bottom:16px;left:43%;z-index:6;display:flex;gap:10px}
.ssn-hero-dots i{width:8px;height:8px;border-radius:50%;background:#aab3ba}
.ssn-hero-dots i.active{background:#1a91ea}

.ssn-box{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.025)}
.ssn-box-head{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}
.ssn-box-head h3{margin:0;font-size:11px;font-weight:800}
.ssn-box-head a{font-size:9px;font-weight:800;color:#1688dc}
.ssn-market-row{height:37px;display:grid;grid-template-columns:1fr .82fr .75fr .65fr;gap:8px;align-items:center;padding:0 12px;border-bottom:1px solid #eef1f3;font-size:10px}
.ssn-market-row b{font-weight:600}.ssn-market-row em{font-style:normal;font-weight:800;text-align:right}
.mini{letter-spacing:-3px;font-size:14px}.red{color:var(--red)!important}.green{color:var(--green)!important}
.ssn-box-link{height:35px;display:flex;align-items:center;justify-content:center;color:#1688dc!important;font-size:9px;font-weight:800}

.ssn-side{display:grid;grid-template-rows:1fr 1.38fr;gap:17px}
.ssn-impact-box{padding-bottom:8px}
.ssn-impact-row{margin:8px 10px 0;border-radius:6px;min-height:53px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:7px 10px;font-size:10px}
.ssn-impact-row.high{background:#fff0f0;border:1px solid #ffd4d5}.ssn-impact-row.medium{background:#fff7e9;border:1px solid #ffe2b6}.ssn-impact-row.low{background:#eff9f2;border:1px solid #d3ead9}
.ssn-impact-row .icon{font-size:20px}.ssn-impact-row div b{display:block}.ssn-impact-row small{display:block;font-size:9px;color:#69737e}.ssn-impact-row strong{font-size:11px}
.ssn-event{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:9px 10px;border-bottom:1px solid #eef1f3;font-size:9px}
.ssn-event time{font-weight:700;padding-top:1px}
.ssn-event-copy>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}
.ssn-event-copy span{white-space:nowrap}.ssn-event-copy small{display:block;margin-top:4px;color:#707b87}
.pill{font-style:normal;font-size:8px;border-radius:4px;padding:3px 7px}.redpill{background:#ffe2e6;color:#e83850}.orangepill{background:#fff0d5;color:#e68312}

.ssn-latest{padding-top:14px}.ssn-section-label{border-left:2px solid #1688dc;padding-left:10px;font-size:11px;font-weight:800;margin-bottom:10px}
.ssn-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ssn-news-card{height:172px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:34% 66%;overflow:hidden;background:#fff;color:inherit!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}
.ssn-news-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,29,46,.08)}
.ssn-thumb{position:relative;height:100%;background-size:cover}
.ssn-thumb .ssn-impact{position:absolute;top:10px;right:-28px}
.ssn-thumb.fed{background:linear-gradient(145deg,#b6c4d0 0%,#35516e 48%,#171f27 100%)}.ssn-thumb.boe{background:linear-gradient(145deg,#a9b7c0 0%,#243949 50%,#731d27 100%)}.ssn-thumb.jpy{background:linear-gradient(145deg,#dce7ec 0%,#58a0c2 45%,#ce3446 100%)}.ssn-thumb.oil{background:linear-gradient(145deg,#ed923d 0%,#73320f 48%,#11191e 100%)}
.ssn-news-copy{padding:10px 10px 7px}.ssn-tags{display:flex;gap:5px;flex-wrap:wrap}.ssn-tags span{background:#f1f4f6;color:#596570;border-radius:4px;padding:3px 6px;font-size:8px}
.ssn-news-copy h3{font-size:15px;line-height:1.24;margin:7px 0 8px}.ssn-news-copy small{font-size:9px;color:#69747f}

/* Pagination */
.ssn-pagination{
    margin-top:25px;
    display:flex;
    justify-content:center;
}
.ssn-pagination nav{
    width:100%;
}
.ssn-pagination svg{
    width:18px;
    height:18px;
}
.ssn-pagination .relative.inline-flex{
    display:inline-flex;
}
.ssn-pagination a,
.ssn-pagination span{
    font-size:11px;
}

.ssn-bias-section{padding:45px 0 36px}
.ssn-heading-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.ssn-heading-row>div>span{font-size:9px;color:#1688dc;font-weight:800;letter-spacing:1px}.ssn-heading-row h2{font-size:25px;margin:2px 0 0}.ssn-heading-row>a{font-size:9px;color:#1688dc!important;font-weight:800}
.ssn-bias-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ssn-bias-grid article{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.ssn-bias-grid article>div{display:flex;justify-content:space-between;align-items:center}.ssn-bias-grid em{font-style:normal;font-size:8px;font-weight:800;border-radius:4px;padding:4px 6px}
.ssn-bias-grid em.neutral{background:#eef1f3;color:#6b747d}.ssn-bias-grid em.bull{background:#e6f8f0;color:#16885e}.ssn-bias-grid em.bearish{background:#ffecef;color:#d5334c}
.ssn-bias-grid h3{font-size:24px;margin:11px 0 4px}.ssn-bias-grid h3 small{font-size:10px}.ssn-bias-grid p{font-size:10px;color:#6a7580;min-height:44px}
.ssn-bias-grid footer{border-top:1px solid var(--line);padding-top:9px;display:flex;justify-content:space-between;font-size:8px;color:#777}.ssn-bias-grid footer b{display:block;font-size:10px;color:#111}

.ssn-deep{padding:12px 0 45px;display:grid;grid-template-columns:1.58fr .62fr;gap:35px}
.ssn-story{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.storypic{height:110px;border-radius:6px}.storypic.eur{background:linear-gradient(135deg,#0f3452,#3d9bd3,#f4c948)}.storypic.gbp{background:linear-gradient(135deg,#311c3a,#9d2637,#263a5c)}.storypic.yen{background:linear-gradient(135deg,#e4ebef,#e14b54,#4f6d83)}
.ssn-story h3{font-size:18px;margin:6px 0}.ssn-story p{font-size:10px;color:#67727d;margin:5px 0}.ssn-story small{font-size:9px;color:#8a9299}
.ssn-trending{border:1px solid var(--line);border-radius:8px;overflow:hidden}.ssn-trending a{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border-bottom:1px solid var(--line);color:#111!important;font-size:11px}.ssn-trending b{font-size:18px;color:#b4bdc5}
.ssn-pro{margin-top:17px;border-radius:8px;padding:20px;background:linear-gradient(135deg,#0c1e30,#193a56);color:#fff}.ssn-pro>span{font-size:8px;color:#4ea5e8;font-weight:800;letter-spacing:1px}.ssn-pro h3{font-size:20px;margin:5px 0}.ssn-pro p{font-size:10px;color:#c9d2db}.ssn-pro a{display:inline-block;background:#ff7417;color:#fff!important;border-radius:5px;padding:9px 14px;font-size:9px;font-weight:800}

.ssn-commodity{background:linear-gradient(145deg,#071a29,#0b2b42);padding:36px 0 42px}.ssn-heading-row.light h2{color:white}.ssn-heading-row.light>a{color:#72b8eb!important}
.ssn-commodity-grid{display:grid;grid-template-columns:1.25fr .67fr .67fr;gap:14px}.ssn-commodity-grid article{background:#fff;border-radius:8px;overflow:hidden}.ssn-commodity-grid article.large{display:grid;grid-template-columns:45% 55%}.commoditypic{height:160px}.commoditypic.gold{background:radial-gradient(circle at 38% 44%,#ffd269,#a86108 50%,#241205 76%)}.commoditypic.silver{background:linear-gradient(145deg,#f0f3f5,#949da5 55%,#353d44)}.commoditypic.crude{background:linear-gradient(145deg,#eaa455,#873c12 55%,#151a1e)}
.ssn-commodity-grid article>div:last-child{padding:17px}.ssn-commodity-grid h3{font-size:17px;margin:6px 0}.ssn-commodity-grid p{font-size:10px;color:#66717d}.ssn-commodity-grid a{font-size:9px;color:#1688dc!important;font-weight:800}

.ssn-subscribe{margin-top:28px;margin-bottom:35px;border-radius:7px;min-height:74px;background:linear-gradient(100deg,#182b3e,#273b52);padding:13px 26px;display:flex;justify-content:space-between;align-items:center;color:#fff}.ssn-sub-left{display:flex;align-items:center;gap:14px}.bell{width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center}.ssn-subscribe h3{font-size:15px;margin:0 0 2px}.ssn-subscribe p{font-size:9px;color:#d5dde5;margin:0}.ssn-subscribe form{display:flex;width:440px;height:36px}.ssn-subscribe input{flex:1;border:0;outline:0;border-radius:5px 0 0 5px;padding:0 13px;font-size:10px}.ssn-subscribe button{width:155px;border:0;border-radius:0 5px 5px 0;background:#ff7417;color:#fff;font-size:10px;font-weight:800}

/* Dynamic controls */
.ssn-search input[type="text"],
.ssn-search input[type="search"]{
    min-width:0;
}


@media(max-width:1350px){
.ssn-filter-buttons a{padding:0 16px}
}

@media(max-width:1200px){
.ssn-wrap{width:min(1180px,calc(100% - 40px))}
.ssn-main-grid{grid-template-columns:1.4fr .8fr}.ssn-side{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.ssn-news-grid,.ssn-bias-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
.ssn-head-row,.ssn-filters,.ssn-tools{flex-direction:column;align-items:stretch}.ssn-search{width:100%}.ssn-filter-buttons{width:100%}.ssn-filter-buttons a{flex:1 1 auto}.ssn-main-grid,.ssn-deep,.ssn-commodity-grid{grid-template-columns:1fr}.ssn-side{grid-column:auto;grid-template-columns:1fr}.ssn-hero-content{width:75%}.ssn-news-grid,.ssn-bias-grid{grid-template-columns:1fr}.ssn-commodity-grid article.large{grid-template-columns:1fr}.ssn-subscribe{flex-direction:column;gap:15px;align-items:stretch}.ssn-subscribe form{width:100%}
}
@media(max-width:560px){
.ssn-wrap{width:calc(100% - 24px)}.ssn-head h1{font-size:25px}.ssn-hero{height:430px}.ssn-hero-content{width:100%;padding:18px}.ssn-gold-art{opacity:.28;right:-10%;width:80%}.ssn-hero h2{font-size:28px}.ssn-news-card{grid-template-columns:38% 62%}.ssn-story{grid-template-columns:1fr}.storypic{height:160px}.ssn-subscribe form{flex-direction:column;height:auto;gap:7px}.ssn-subscribe input{height:36px;border-radius:5px}.ssn-subscribe button{width:100%;height:36px;border-radius:5px}
}


/* =========================================================
   NEWS ARTICLE DETAIL PAGE
   ========================================================= */
.ssn-article-page{
    background:#fff;
}

.ssn-article{
    padding-top:52px;
    padding-bottom:55px;
}

.ssn-article-tags{
    margin-bottom:18px;
}

.ssn-article-tags span{
    font-size:9px;
    padding:5px 8px;
    font-weight:700;
}

.ssn-article-impact-high{
    background:#ffecef!important;
    color:#d5334c!important;
}

.ssn-article-impact-medium{
    background:#fff2dc!important;
    color:#d8790d!important;
}

.ssn-article-impact-low{
    background:#e9f7ef!important;
    color:#16885e!important;
}

.ssn-article-header{
    max-width:1050px;
}

.ssn-article-header h1{
    margin:0;
    max-width:1050px;
    font-size:48px;
    line-height:1.12;
    letter-spacing:-1.2px;
    color:var(--text);
    font-weight:700;
}

.ssn-article-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
    color:var(--muted);
    font-size:13px;
}

.ssn-article-sentiment{
    border-radius:4px;
    padding:4px 8px;
    font-size:10px;
    font-weight:800;
}

.ssn-article-sentiment-bullish{
    color:#16885e;
    background:#e6f8f0;
}

.ssn-article-sentiment-bearish{
    color:#d5334c;
    background:#ffecef;
}

.ssn-article-sentiment-neutral{
    color:#626d78;
    background:#eef1f3;
}

.ssn-article-summary{
    max-width:980px;
    margin:24px 0 0;
    color:#586574;
    font-size:21px;
    line-height:1.55;
}

.ssn-article-image{
    max-width:1100px;
    margin:32px 0 0;
    border-radius:10px;
    overflow:hidden;
    background:var(--soft);
}

.ssn-article-image img{
    display:block;
    width:100%;
    height:auto;
    max-height:620px;
    object-fit:cover;
}

.ssn-article-layout{
    max-width:980px;
    margin-top:38px;
}

.ssn-article-content{
    color:#152131;
    font-size:17px;
    line-height:1.9;
    overflow-wrap:anywhere;
}

.ssn-article-share{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:38px;
    padding:18px 0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.ssn-article-share strong{
    font-size:13px;
}

.ssn-share-links{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}

.ssn-share-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:5px;
    background:#fff;
    color:#394552!important;
    font-size:10px;
    font-weight:700;
}

.ssn-share-links a:hover{
    border-color:var(--blue);
    color:var(--blue)!important;
}

.ssn-article-source{
    margin-top:25px;
    padding:18px 20px;
    border-radius:7px;
    background:var(--soft);
    color:#596570;
    font-size:12px;
    line-height:1.6;
}

.ssn-article-source p{
    margin:0;
}

.ssn-article-source p + p{
    margin-top:8px;
}

.ssn-disclaimer{
    color:#717c86;
}

.ssn-article-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin-top:38px;
    padding-top:25px;
    border-top:1px solid var(--line);
}

.ssn-article-nav-item{
    min-width:0;
}

.ssn-article-nav-item span{
    display:block;
    margin-bottom:7px;
    color:#87919a;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.ssn-article-nav-item a{
    color:var(--text)!important;
    font-size:15px;
    line-height:1.35;
    font-weight:700;
}

.ssn-article-nav-item a:hover{
    color:var(--blue)!important;
}

.ssn-article-nav-next{
    text-align:right;
}

.ssn-related{
    margin-top:58px;
    padding-top:32px;
    border-top:1px solid var(--line);
}

.ssn-related-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.ssn-related-card{
    min-height:185px;
    padding:17px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#fff;
    color:var(--text)!important;
    transition:transform .18s ease,box-shadow .18s ease;
}

.ssn-related-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(11,29,46,.08);
}

.ssn-related-card h3{
    margin:11px 0 8px;
    color:var(--text);
    font-size:16px;
    line-height:1.35;
}

.ssn-related-card p{
    margin:0 0 12px;
    color:#69747f;
    font-size:11px;
    line-height:1.55;
}

.ssn-related-card small{
    color:#8a9299;
    font-size:9px;
}

@media(max-width:1200px){
    .ssn-related-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:850px){
    .ssn-article{
        padding-top:36px;
    }

    .ssn-article-header h1{
        font-size:38px;
    }

    .ssn-article-summary{
        font-size:18px;
    }

    .ssn-article-share{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:560px){
    .ssn-article{
        padding-top:28px;
        padding-bottom:35px;
    }

    .ssn-article-header h1{
        font-size:31px;
        line-height:1.16;
        letter-spacing:-.6px;
    }

    .ssn-article-summary{
        font-size:17px;
    }

    .ssn-article-content{
        font-size:16px;
        line-height:1.8;
    }

    .ssn-article-nav{
        grid-template-columns:1fr;
        gap:22px;
    }

    .ssn-article-nav-next{
        text-align:left;
    }

    .ssn-related-grid{
        grid-template-columns:1fr;
    }
}


/* Market Bias dynamic price fix */
.ssn-bias-grid .ssn-bias-price-line{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin:11px 0 4px;
}
.ssn-bias-grid .ssn-bias-current-price{
    display:inline-block;
    color:#111;
    font-size:24px;
    font-weight:700;
    line-height:1.2;
}
.ssn-bias-grid .ssn-bias-price-line small{
    display:inline-block;
}


/* =========================================================
   SignalSkyline Market News - Final Modern Card Design
   ========================================================= */

.ssn-latest-modern{
    margin-top:34px;
}

.ssn-modern-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:16px;
}

.ssn-modern-section-head > div > p{
    margin:7px 0 0;
    font-size:13px;
    line-height:1.45;
    color:#64748b;
}

.ssn-modern-section-head > a{
    flex:0 0 auto;
    font-size:11px;
    font-weight:800;
    color:#087ddb!important;
    text-decoration:none!important;
    letter-spacing:.02em;
}

.ssn-news-grid-modern{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.ssn-modern-news-card{
    min-height:270px;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #dfe7ef;
    border-radius:10px;
    overflow:hidden;
    color:#10233b!important;
    text-decoration:none!important;
    box-shadow:0 4px 14px rgba(17,42,70,.055);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.ssn-modern-news-card:hover{
    transform:translateY(-3px);
    border-color:#ccd9e6;
    box-shadow:0 10px 28px rgba(17,42,70,.10);
}

.ssn-modern-news-top{
    padding:15px 16px 0;
}

.ssn-modern-tags{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
}

.ssn-modern-impact,
.ssn-modern-tag{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 9px;
    border-radius:5px;
    font-size:10px;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
}

.ssn-modern-impact.high{
    background:#ff3448;
    color:#fff;
}

.ssn-modern-impact.medium{
    background:#ff970f;
    color:#fff;
}

.ssn-modern-impact.low{
    background:#22a873;
    color:#fff;
}

.ssn-modern-tag{
    background:#f1f5f9;
    color:#536274;
    font-weight:650;
}

.ssn-modern-tag.symbol{
    color:#0f2742;
    font-weight:800;
}

.ssn-modern-news-body{
    display:grid;
    grid-template-columns:minmax(0,1fr) 86px;
    gap:12px;
    align-items:center;
    flex:1;
    padding:13px 16px 15px;
}

.ssn-modern-news-text h3{
    margin:0;
    color:#0a1f3a;
    font-size:17px;
    line-height:1.32;
    font-weight:800;
    letter-spacing:-.015em;
}

.ssn-modern-news-text p{
    margin:13px 0 0;
    color:#52647a;
    font-size:12.5px;
    line-height:1.62;
    font-weight:450;
}

.ssn-modern-news-visual{
    width:86px;
    height:112px;
    align-self:end;
    border-radius:8px;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:8px;
    box-sizing:border-box;
}

.ssn-modern-news-visual:before,
.ssn-modern-news-visual:after{
    content:"";
    position:absolute;
    border-radius:50%;
    opacity:.75;
}

.ssn-modern-news-visual:before{
    width:90px;
    height:90px;
    top:-35px;
    right:-28px;
    background:rgba(255,255,255,.38);
}

.ssn-modern-news-visual:after{
    width:58px;
    height:58px;
    bottom:13px;
    left:-24px;
    background:rgba(255,255,255,.22);
}

.ssn-modern-news-visual span{
    position:relative;
    z-index:2;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
    color:#fff;
}

.ssn-modern-news-visual.gold{
    background:linear-gradient(145deg,#e2b248,#805b18);
}

.ssn-modern-news-visual.silver{
    background:linear-gradient(145deg,#cfd8df,#6c7985);
}

.ssn-modern-news-visual.oil{
    background:linear-gradient(145deg,#f29c38,#392315);
}

.ssn-modern-news-visual.eur{
    background:linear-gradient(145deg,#2879ca,#073c84);
}

.ssn-modern-news-visual.gbp{
    background:linear-gradient(145deg,#6988a6,#8f2941);
}

.ssn-modern-news-visual.jpy{
    background:linear-gradient(145deg,#dbe6eb,#bd3244);
}

.ssn-modern-news-visual.market{
    background:linear-gradient(145deg,#90a6b7,#324a60);
}

.ssn-modern-news-footer{
    min-height:54px;
    padding:0 16px;
    border-top:1px solid #e4ebf2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.ssn-modern-news-footer small{
    color:#52647a;
    font-size:10.5px;
    font-weight:600;
    white-space:nowrap;
}

.ssn-modern-sentiment{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:0 9px;
    border-radius:5px;
    font-size:9.5px;
    font-weight:850;
    white-space:nowrap;
}

.ssn-modern-sentiment.bullish{
    color:#07864b;
    background:#e4f7ed;
}

.ssn-modern-sentiment.bearish{
    color:#e1283f;
    background:#ffebef;
}

.ssn-modern-sentiment.neutral{
    color:#4d6680;
    background:#edf2f6;
}

.ssn-modern-news-empty{
    min-height:190px;
    padding:18px;
}

/* Market Bias - final sizing and strength meter */
.ssn-bias-section{
    margin-top:38px;
}

.ssn-bias-section .ssn-heading-row{
    margin-bottom:16px;
}

.ssn-bias-grid{
    gap:14px;
}

.ssn-bias-grid article{
    border-radius:10px;
    padding:18px;
    box-shadow:0 4px 14px rgba(17,42,70,.045);
}

.ssn-bias-grid article > div:first-child > b{
    font-size:15px;
    color:#0a1f3a;
}

.ssn-bias-grid em{
    font-size:9px;
    padding:6px 9px;
}

.ssn-bias-grid .ssn-bias-price-line{
    gap:10px;
    margin:18px 0 8px;
}

.ssn-bias-grid .ssn-bias-current-price{
    font-size:28px;
    font-weight:800;
    color:#071b35;
    letter-spacing:-.02em;
}

.ssn-bias-grid .ssn-bias-price-line small{
    font-size:11px;
    font-weight:700;
}

.ssn-bias-grid p{
    margin:0 0 14px;
    min-height:54px;
    font-size:11.5px;
    line-height:1.55;
    color:#5e6e81;
}

.ssn-bias-grid footer{
    padding-top:12px;
    font-size:9px;
    color:#6c7a89;
}

.ssn-bias-grid footer b{
    margin-top:3px;
    font-size:11px;
    color:#0a1f3a;
}

.ssn-bias-strength{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin-top:14px;
}

.ssn-bias-strength-track{
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:#e7edf3;
}

.ssn-bias-strength-track span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#00a956,#45c37c);
}

.ssn-bias-strength > b{
    min-width:29px;
    color:#00a956;
    font-size:11px;
    text-align:right;
}

/* Responsive */
@media (max-width:1199px){
    .ssn-news-grid-modern{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:767px){
    .ssn-modern-section-head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .ssn-news-grid-modern{
        grid-template-columns:1fr;
    }

    .ssn-modern-news-card{
        min-height:auto;
    }

    .ssn-modern-news-body{
        grid-template-columns:minmax(0,1fr) 78px;
    }

    .ssn-modern-news-visual{
        width:78px;
        height:100px;
    }

    .ssn-modern-news-footer{
        flex-wrap:wrap;
        padding-top:10px;
        padding-bottom:10px;
    }
}


/* =========================================================
   Intelligence Newsroom - Currency Market + Trending Now
   Design shell only; data wiring comes later.
   ========================================================= */

.ssn-intel-newsroom{
    display:grid;
    grid-template-columns:minmax(0,1.72fr) minmax(280px,.58fr);
    gap:34px;
    padding:20px 0 52px;
}

.ssn-intel-main,
.ssn-intel-rail{
    min-width:0;
}

.ssn-intel-heading{
    align-items:flex-end;
    margin-bottom:16px;
}

.ssn-intel-heading > div > span{
    display:block;
    color:#0a82df;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:5px;
}

.ssn-intel-heading h2{
    margin:0;
    font-size:30px;
    line-height:1.05;
    letter-spacing:-.02em;
    color:#091c33;
    text-transform:uppercase;
}

.ssn-intel-heading > a{
    color:#087fdb!important;
    font-size:10px;
    font-weight:900;
    letter-spacing:.02em;
    text-decoration:none!important;
}

.ssn-editorial-grid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:1px;
    border:1px solid #dfe7ef;
    border-radius:10px;
    overflow:hidden;
    background:#dfe7ef;
}

.ssn-editorial-feature{
    display:grid;
    grid-template-rows:235px auto;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
    min-width:0;
}

.ssn-editorial-feature-visual{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 75% 28%, rgba(255,255,255,.30) 0 11%, transparent 12%),
        radial-gradient(circle at 18% 82%, rgba(255,255,255,.16) 0 17%, transparent 18%),
        linear-gradient(135deg,#0c4f7c 0%,#2d91c6 46%,#efca52 100%);
}

.ssn-editorial-feature-visual:after{
    content:"";
    position:absolute;
    inset:auto -20% -45% 22%;
    height:78%;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    transform:rotate(-8deg);
}

.ssn-editorial-visual-label{
    position:absolute;
    left:22px;
    bottom:18px;
    z-index:2;
    color:#fff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.ssn-editorial-feature-copy{
    padding:22px 24px 24px;
}

.ssn-editorial-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-items:center;
    margin-bottom:10px;
}

.ssn-editorial-meta > span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 8px;
    border-radius:5px;
    background:#f1f5f9;
    color:#18324f;
    font-size:9px;
    font-weight:800;
    letter-spacing:.02em;
}

.ssn-editorial-meta .impact.high{
    background:#ffe7eb;
    color:#e32942;
}

.ssn-editorial-meta .impact.medium{
    background:#fff1dc;
    color:#d87a00;
}

.ssn-editorial-feature h3{
    margin:0;
    color:#071a31;
    font-size:28px;
    line-height:1.15;
    letter-spacing:-.025em;
    font-weight:850;
}

.ssn-editorial-feature p{
    margin:13px 0 17px;
    max-width:94%;
    color:#596b80;
    font-size:13px;
    line-height:1.6;
}

.ssn-editorial-time{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#8794a1;
    font-size:9px;
    font-weight:800;
    letter-spacing:.04em;
}

.ssn-editorial-time b{
    color:#078d4d;
    background:#e5f7ee;
    border-radius:5px;
    padding:7px 9px;
    font-size:9px;
}

.ssn-editorial-side{
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:1px;
    background:#dfe7ef;
}

.ssn-editorial-side-story{
    display:grid;
    grid-template-columns:minmax(0,1fr) 112px;
    gap:16px;
    background:#fff;
    padding:20px;
    color:inherit!important;
    text-decoration:none!important;
    min-width:0;
}

.ssn-editorial-side-copy{
    min-width:0;
}

.ssn-editorial-side-story h3{
    margin:6px 0 10px;
    color:#071a31;
    font-size:20px;
    line-height:1.25;
    letter-spacing:-.018em;
    font-weight:830;
}

.ssn-editorial-side-story p{
    margin:0 0 14px;
    color:#617186;
    font-size:11.5px;
    line-height:1.55;
}

.ssn-editorial-side-story small{
    color:#8b98a6;
    font-size:9px;
    font-weight:800;
    letter-spacing:.04em;
}

.ssn-editorial-thumb{
    height:126px;
    border-radius:8px;
    position:relative;
    overflow:hidden;
    align-self:center;
}

.ssn-editorial-thumb:before{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(255,255,255,.24);
    top:-28px;
    right:-18px;
}

.ssn-editorial-thumb span{
    position:absolute;
    left:10px;
    bottom:9px;
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.04em;
}

.ssn-editorial-thumb.gbp{
    background:linear-gradient(145deg,#637d99,#7f2942);
}

.ssn-editorial-thumb.yen{
    background:linear-gradient(145deg,#dce6ec,#c9424e);
}

.ssn-forex-stream{
    margin-top:20px;
    border-top:2px solid #10263f;
    border-bottom:1px solid #dfe7ef;
}

.ssn-forex-stream-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 0 10px;
}

.ssn-forex-stream-title span{
    color:#0c2037;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
}

.ssn-forex-stream-title small{
    color:#8b98a6;
    font-size:9px;
}

.ssn-forex-stream-row{
    display:grid;
    grid-template-columns:58px 86px minmax(0,1fr) 42px 18px;
    align-items:center;
    gap:12px;
    padding:13px 0;
    border-top:1px solid #e5ebf1;
    color:inherit!important;
    text-decoration:none!important;
}

.ssn-forex-stream-row time{
    color:#81909f;
    font-size:10px;
    font-variant-numeric:tabular-nums;
}

.ssn-forex-stream-row .pair{
    color:#0b67ac;
    font-size:10px;
    font-weight:850;
}

.ssn-forex-stream-row strong{
    color:#13273f;
    font-size:12px;
    font-weight:650;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ssn-forex-stream-row .stream-impact{
    justify-self:end;
    font-size:8px;
    font-weight:900;
    border-radius:4px;
    padding:5px 6px;
}

.ssn-forex-stream-row .stream-impact.high{
    color:#e32942;
    background:#ffe7eb;
}

.ssn-forex-stream-row .stream-impact.medium{
    color:#d87a00;
    background:#fff1dc;
}

.ssn-forex-stream-row .stream-impact.low{
    color:#0b8c55;
    background:#e7f7ef;
}

.ssn-forex-stream-row .arrow{
    color:#0b81df;
    font-weight:900;
}

.ssn-intel-trending{
    border-top:2px solid #10263f;
    border-bottom:1px solid #dfe7ef;
}

.ssn-intel-trending a{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    padding:16px 0;
    border-bottom:1px solid #e5ebf1;
    color:inherit!important;
    text-decoration:none!important;
}

.ssn-intel-trending a:last-child{
    border-bottom:0;
}

.ssn-intel-trending b{
    color:#b6c0ca;
    font-size:22px;
    line-height:1;
    font-weight:800;
}

.ssn-intel-trending strong{
    display:block;
    color:#10243c;
    font-size:13px;
    line-height:1.35;
    font-weight:760;
}

.ssn-intel-trending span{
    display:block;
    margin-top:5px;
    color:#8794a2;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.04em;
}

.ssn-intel-pro{
    margin-top:22px;
    padding:24px;
}

.ssn-intel-pro h3{
    font-size:22px;
    line-height:1.2;
}

.ssn-intel-pro p{
    font-size:11px;
    line-height:1.55;
}

.ssn-editorial-feature:hover h3,
.ssn-editorial-side-story:hover h3,
.ssn-intel-trending a:hover strong,
.ssn-forex-stream-row:hover strong{
    color:#087fdb;
}

@media (max-width:1180px){
    .ssn-intel-newsroom{
        grid-template-columns:1fr;
    }

    .ssn-intel-rail{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);
        gap:22px;
    }

    .ssn-intel-rail .ssn-intel-heading{
        grid-column:1/-1;
        margin-bottom:-6px;
    }

    .ssn-intel-pro{
        margin-top:0;
    }
}

@media (max-width:900px){
    .ssn-editorial-grid{
        grid-template-columns:1fr;
    }

    .ssn-editorial-side{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }

    .ssn-editorial-side-story{
        grid-template-columns:1fr;
    }

    .ssn-editorial-thumb{
        height:130px;
        order:-1;
    }
}

@media (max-width:700px){
    .ssn-intel-newsroom{
        padding-top:8px;
        gap:28px;
    }

    .ssn-intel-heading h2{
        font-size:25px;
    }

    .ssn-editorial-feature{
        grid-template-rows:190px auto;
    }

    .ssn-editorial-feature-copy{
        padding:18px;
    }

    .ssn-editorial-feature h3{
        font-size:23px;
    }

    .ssn-editorial-feature p{
        max-width:none;
        font-size:12px;
    }

    .ssn-editorial-side{
        grid-template-columns:1fr;
    }

    .ssn-editorial-side-story{
        grid-template-columns:minmax(0,1fr) 92px;
        padding:16px;
    }

    .ssn-editorial-thumb{
        height:105px;
        order:0;
    }

    .ssn-editorial-side-story h3{
        font-size:17px;
    }

    .ssn-editorial-side-story p{
        display:none;
    }

    .ssn-forex-stream-row{
        grid-template-columns:48px 70px minmax(0,1fr) 16px;
        gap:8px;
    }

    .ssn-forex-stream-row .stream-impact{
        display:none;
    }

    .ssn-intel-rail{
        display:block;
    }

    .ssn-intel-pro{
        margin-top:22px;
    }
}


/* =========================================================
   SignalSkyline Intelligence Layout v10
   Currency newsroom / trending / ad architecture
   ========================================================= */

.ssn-intelligence-page{
    --ssn-navy:#071b34;
    --ssn-blue:#087fdb;
    --ssn-line:#dfe7ef;
    --ssn-muted:#65778b;
    --ssn-soft:#f5f8fb;
}

.ssn-newsroom{
    display:grid;
    grid-template-columns:minmax(0,1.82fr) minmax(300px,.72fr);
    gap:28px;
    padding-top:30px;
    padding-bottom:44px;
}

.ssn-newsroom-main,
.ssn-newsroom-rail{
    min-width:0;
}

.ssn-module-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:18px;
    margin-bottom:16px;
}

.ssn-module-head > div > span{
    display:block;
    margin-bottom:4px;
    color:var(--ssn-blue);
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
}

.ssn-module-head h2{
    margin:0;
    color:var(--ssn-navy);
    font-size:30px;
    line-height:1.08;
    font-weight:850;
    letter-spacing:-.02em;
}

.ssn-module-head p{
    margin:6px 0 0;
    color:#728197;
    font-size:11.5px;
    line-height:1.45;
}

.ssn-module-head > a{
    flex:0 0 auto;
    color:var(--ssn-blue)!important;
    font-size:10px;
    font-weight:900;
    text-decoration:none!important;
}

.ssn-module-head.compact{
    align-items:flex-start;
}

.ssn-module-head.compact h2{
    font-size:27px;
}

.ssn-lead-grid{
    display:grid;
    grid-template-columns:minmax(0,1.34fr) minmax(310px,.66fr);
    border:1px solid var(--ssn-line);
    border-radius:10px;
    overflow:hidden;
    background:var(--ssn-line);
    gap:1px;
}

.ssn-lead-story{
    display:grid;
    grid-template-rows:228px auto;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
}

.ssn-lead-media{
    min-height:0;
    overflow:hidden;
}

.ssn-lead-image,
.ssn-supporting-image,
.ssn-modern-news-visual{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.ssn-generated-visual{
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
}

.ssn-generated-visual:before,
.ssn-generated-visual:after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.22);
}

.ssn-generated-visual:before{
    width:45%;
    aspect-ratio:1;
    right:-12%;
    top:-12%;
}

.ssn-generated-visual:after{
    width:34%;
    aspect-ratio:1;
    left:-10%;
    bottom:-10%;
}

.ssn-generated-visual span{
    position:absolute;
    left:14px;
    bottom:12px;
    z-index:2;
    color:#fff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
}

.ssn-generated-visual.market{background:linear-gradient(145deg,#8ea5b8,#354e66)}
.ssn-generated-visual.gold{background:linear-gradient(145deg,#e7b94f,#805814)}
.ssn-generated-visual.silver{background:linear-gradient(145deg,#d5dde3,#697885)}
.ssn-generated-visual.oil{background:linear-gradient(145deg,#ec9d3b,#3b2418)}
.ssn-generated-visual.eur{background:linear-gradient(145deg,#2687cb,#0a4a98)}
.ssn-generated-visual.gbp{background:linear-gradient(145deg,#6e89a3,#852c49)}
.ssn-generated-visual.jpy{background:linear-gradient(145deg,#dce6eb,#c74655)}
.ssn-generated-visual.aud{background:linear-gradient(145deg,#3680bf,#77a8d2)}

.ssn-lead-copy{
    padding:20px 22px 22px;
}

.ssn-story-tags{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-bottom:10px;
}

.ssn-story-tags span{
    display:inline-flex;
    align-items:center;
    min-height:23px;
    padding:0 8px;
    border-radius:5px;
    background:#f0f4f8;
    color:#17314d;
    font-size:9px;
    font-weight:850;
}

.ssn-story-tags .impact.high{background:#ffe7eb;color:#e22b43}
.ssn-story-tags .impact.medium{background:#fff1dc;color:#d87900}
.ssn-story-tags .impact.low{background:#e8f7ef;color:#0d9157}

.ssn-lead-story h3{
    margin:0;
    color:var(--ssn-navy);
    font-size:27px;
    line-height:1.15;
    font-weight:850;
    letter-spacing:-.025em;
}

.ssn-lead-story p{
    margin:12px 0 18px;
    color:#617187;
    font-size:12.5px;
    line-height:1.6;
}

.ssn-story-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.ssn-story-foot time{
    color:#8b98a6;
    font-size:9px;
    font-weight:750;
    text-transform:uppercase;
}

.ssn-story-foot .sentiment,
.ssn-fast-row em{
    font-style:normal;
    font-size:9px;
    font-weight:900;
}

.ssn-story-foot .sentiment.bullish,
.ssn-fast-row em.bullish{color:#0b9256}
.ssn-story-foot .sentiment.bearish,
.ssn-fast-row em.bearish{color:#e22b43}
.ssn-story-foot .sentiment.neutral,
.ssn-fast-row em.neutral{color:#5f7285}

.ssn-supporting-stories{
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:1px;
    background:var(--ssn-line);
}

.ssn-supporting-story{
    display:grid;
    grid-template-columns:minmax(0,1fr) 112px;
    gap:14px;
    align-items:center;
    padding:18px;
    background:#fff;
    color:inherit!important;
    text-decoration:none!important;
}

.ssn-supporting-copy{
    min-width:0;
}

.ssn-supporting-story h3{
    margin:0 0 9px;
    color:var(--ssn-navy);
    font-size:19px;
    line-height:1.25;
    font-weight:830;
    letter-spacing:-.015em;
}

.ssn-supporting-story p{
    margin:0 0 12px;
    color:#66768a;
    font-size:11px;
    line-height:1.52;
}

.ssn-supporting-story time{
    color:#8b98a6;
    font-size:9px;
    font-weight:750;
    text-transform:uppercase;
}

.ssn-supporting-image{
    height:124px;
    border-radius:8px;
}

.ssn-fast-feed{
    margin-top:18px;
    border:1px solid var(--ssn-line);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.ssn-fast-feed-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 16px;
    border-bottom:1px solid var(--ssn-line);
}

.ssn-fast-feed-head > div{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.ssn-fast-feed-head > div > span{
    color:var(--ssn-blue);
}

.ssn-fast-feed-head strong{
    color:var(--ssn-navy);
    font-size:11px;
    font-weight:900;
    letter-spacing:.04em;
}

.ssn-fast-feed-head small{
    color:#8a98a6;
    font-size:9.5px;
}

.ssn-fast-feed-head a{
    color:var(--ssn-blue)!important;
    font-size:9px;
    font-weight:900;
    text-decoration:none!important;
}

.ssn-fast-row{
    display:grid;
    grid-template-columns:52px 58px 75px minmax(0,1fr) 86px;
    gap:10px;
    align-items:center;
    padding:11px 16px;
    border-bottom:1px solid #edf1f5;
    color:inherit!important;
    text-decoration:none!important;
}

.ssn-fast-row:last-child{
    border-bottom:0;
}

.ssn-fast-row time{
    color:#75869a;
    font-size:9.5px;
    font-variant-numeric:tabular-nums;
}

.ssn-fast-row .impact{
    justify-self:start;
    border-radius:4px;
    padding:4px 6px;
    font-size:8px;
    font-weight:900;
}

.ssn-fast-row .impact.high{background:#ffe7eb;color:#e22b43}
.ssn-fast-row .impact.medium{background:#fff1dc;color:#d87900}
.ssn-fast-row .impact.low{background:#e8f7ef;color:#0d9157}

.ssn-fast-row > b{
    color:#18324f;
    font-size:9.5px;
    font-weight:900;
}

.ssn-fast-row > strong{
    overflow:hidden;
    color:#294057;
    font-size:10.5px;
    font-weight:600;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ssn-fast-row > em{
    justify-self:end;
}

.ssn-fast-empty,
.ssn-module-empty{
    padding:18px;
    color:#7c8b9a;
    font-size:11px;
    background:#fff;
}

.ssn-newsroom-rail{
    display:flex;
    flex-direction:column;
}

.ssn-trending-list{
    border-top:2px solid var(--ssn-navy);
    border-bottom:1px solid var(--ssn-line);
}

.ssn-trending-list a{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 18px;
    gap:10px;
    align-items:start;
    padding:14px 0;
    border-bottom:1px solid var(--ssn-line);
    color:inherit!important;
    text-decoration:none!important;
}

.ssn-trending-list a:last-child{
    border-bottom:0;
}

.ssn-trending-list > a > b{
    color:#b2bdc8;
    font-size:20px;
    line-height:1;
    font-weight:850;
}

.ssn-trending-list strong{
    display:block;
    color:#152b43;
    font-size:11.5px;
    line-height:1.35;
    font-weight:750;
}

.ssn-trending-list span{
    display:block;
    margin-top:5px;
    color:#8996a4;
    font-size:8px;
    font-weight:750;
    text-transform:uppercase;
}

.ssn-trending-list em{
    font-style:normal;
    font-size:16px;
    font-weight:900;
}

.ssn-trending-list em.bullish{color:#0b9256}
.ssn-trending-list em.bearish{color:#e22b43}
.ssn-trending-list em.neutral{color:#607285}

.ssn-premium-panel{
    position:relative;
    overflow:hidden;
    margin-top:20px;
    padding:24px 22px;
    border-radius:10px;
    background:
        radial-gradient(circle at 82% 26%, rgba(25,126,203,.22), transparent 28%),
        linear-gradient(145deg,#06204a,#06182d);
    color:#fff;
}

.ssn-premium-panel:after{
    content:"";
    position:absolute;
    width:160px;
    height:100px;
    right:-35px;
    bottom:-38px;
    border-radius:50%;
    border:1px solid rgba(42,149,223,.28);
    transform:rotate(-15deg);
}

.ssn-premium-panel > *{
    position:relative;
    z-index:2;
}

.ssn-premium-panel > span{
    color:#4aa9ef;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.ssn-premium-panel h3{
    margin:8px 0 8px;
    color:#fff;
    font-size:22px;
    line-height:1.2;
    font-weight:800;
}

.ssn-premium-panel p{
    margin:0 0 16px;
    color:#d7e1ec;
    font-size:11px;
    line-height:1.55;
}

.ssn-premium-panel a{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 14px;
    border-radius:5px;
    background:#ff7900;
    color:#fff!important;
    font-size:9px;
    font-weight:900;
    text-decoration:none!important;
}

.ssn-ad-slot{
    margin-top:18px;
    border:1px solid var(--ssn-line);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
}

.ssn-ad-label{
    padding:7px 10px;
    border-bottom:1px solid var(--ssn-line);
    color:#97a2ad;
    font-size:8px;
    text-align:center;
    letter-spacing:.04em;
}

.ssn-ad-body{
    padding:10px;
}

.ssn-ad-placeholder{
    min-height:250px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:18px;
    box-sizing:border-box;
    border-radius:6px;
    background:
        linear-gradient(155deg,rgba(11,43,75,.98),rgba(5,21,40,.98));
    color:#fff;
    text-align:center;
}

.ssn-ad-placeholder span{
    color:#8fbce1;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.ssn-ad-placeholder strong{
    margin-top:8px;
    max-width:220px;
    font-size:18px;
    line-height:1.25;
}

.ssn-ad-placeholder small{
    margin-top:8px;
    color:#b9c8d7;
    font-size:9px;
}

.ssn-module-subtitle{
    margin:5px 0 0;
    color:#8190a0;
    font-size:10px;
}

.ssn-lead-story:hover h3,
.ssn-supporting-story:hover h3,
.ssn-fast-row:hover > strong,
.ssn-trending-list a:hover strong{
    color:var(--ssn-blue);
}

@media (max-width:1180px){
    .ssn-newsroom{
        grid-template-columns:1fr;
    }

    .ssn-newsroom-rail{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(270px,.48fr);
        gap:20px;
    }

    .ssn-newsroom-rail > .ssn-module-head{
        grid-column:1/-1;
        margin-bottom:-5px;
    }

    .ssn-trending-list{
        grid-row:2 / span 2;
    }

    .ssn-premium-panel,
    .ssn-ad-slot{
        margin-top:0;
    }
}

@media (max-width:900px){
    .ssn-lead-grid{
        grid-template-columns:1fr;
    }

    .ssn-supporting-stories{
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
    }
}

@media (max-width:700px){
    .ssn-newsroom{
        padding-top:18px;
        gap:28px;
    }

    .ssn-module-head{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }

    .ssn-module-head h2{
        font-size:25px;
    }

    .ssn-lead-story{
        grid-template-rows:185px auto;
    }

    .ssn-lead-copy{
        padding:17px;
    }

    .ssn-lead-story h3{
        font-size:23px;
    }

    .ssn-supporting-stories{
        grid-template-columns:1fr;
    }

    .ssn-supporting-story{
        grid-template-columns:minmax(0,1fr) 92px;
        padding:15px;
    }

    .ssn-supporting-story h3{
        font-size:16px;
    }

    .ssn-supporting-story p{
        display:none;
    }

    .ssn-supporting-image{
        height:103px;
    }

    .ssn-fast-feed-head small{
        display:none;
    }

    .ssn-fast-row{
        grid-template-columns:45px 55px 68px minmax(0,1fr);
        gap:7px;
        padding-left:12px;
        padding-right:12px;
    }

    .ssn-fast-row > em{
        display:none;
    }

    .ssn-fast-row > strong{
        font-size:10px;
    }

    .ssn-newsroom-rail{
        display:block;
    }

    .ssn-premium-panel,
    .ssn-ad-slot{
        margin-top:18px;
    }
}


/* =========================================================
   SignalSkyline Intelligence Layout v11
   User-approved refinements
   ========================================================= */

/* 01 — The page now starts directly with Currency Market.
   No Market News & Analysis/search/filter discovery header. */
.ssn-intelligence-page > .ssn-newsroom{
    padding-top:28px;
}

/* 02 — Lead story should finish naturally with its content.
   Do not stretch the left card to the combined height of the two
   supporting cards and create a large empty lower area. */
.ssn-lead-grid{
    align-items:start;
}

.ssn-lead-story{
    align-self:start;
    grid-template-rows:250px auto;
    height:auto;
}

.ssn-lead-copy{
    display:flex;
    flex-direction:column;
    min-height:210px;
    padding:20px 22px 20px;
}

.ssn-lead-story p{
    margin-bottom:16px;
}

.ssn-story-foot{
    margin-top:auto;
}

/* Supporting column keeps its own natural editorial height. */
.ssn-supporting-stories{
    align-self:start;
}

.ssn-supporting-story{
    min-height:225px;
    box-sizing:border-box;
}

/* 03 — Latest Forex: larger, more readable and no headline truncation.
   The headline receives almost all remaining horizontal space and can
   use the full line before the sentiment at the right. */
.ssn-fast-feed{
    margin-top:20px;
}

.ssn-fast-feed-head{
    padding:14px 17px;
}

.ssn-fast-feed-head strong{
    font-size:12.5px;
}

.ssn-fast-feed-head small{
    font-size:10.5px;
}

.ssn-fast-row{
    grid-template-columns:58px 64px 82px minmax(0,1fr) 92px;
    gap:12px;
    min-height:48px;
    padding:12px 17px;
    box-sizing:border-box;
}

.ssn-fast-row time{
    font-size:10.5px;
}

.ssn-fast-row .impact{
    padding:5px 7px;
    font-size:8.5px;
}

.ssn-fast-row > b{
    font-size:10.5px;
}

.ssn-fast-row > strong{
    overflow:visible;
    color:#263e56;
    font-size:12.5px;
    line-height:1.38;
    font-weight:650;
    text-overflow:clip;
    white-space:normal;
}

.ssn-fast-row > em{
    min-width:76px;
    justify-self:end;
    padding-left:12px;
    font-size:9.5px;
    text-align:right;
}

/* 04 — Keep the normal module rhythm between Currency Market and
   Latest Market News; remove the oversized blank gap. */
.ssn-newsroom{
    padding-bottom:22px;
}

.ssn-latest-modern{
    margin-top:0!important;
    padding-top:10px;
}

.ssn-latest-modern .ssn-modern-section-head{
    margin-bottom:16px;
}

/* 05 — Compact Market Bias design matching the approved mockup.
   Dynamic data is retained but presented as intelligence tiles. */
.ssn-bias-compact{
    margin-top:26px!important;
    padding-bottom:38px;
}

.ssn-bias-heading{
    margin-bottom:14px!important;
}

.ssn-bias-heading h2{
    margin-bottom:0;
}

.ssn-bias-grid-compact{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
}

.ssn-bias-grid-compact .ssn-bias-card-compact{
    display:block;
    min-width:0;
    padding:15px 16px 13px!important;
    border:1px solid #e1e8ef!important;
    border-radius:9px!important;
    background:#fff;
    box-shadow:0 3px 12px rgba(15,42,69,.045)!important;
}

.ssn-bias-card-top{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.ssn-bias-card-top > b{
    overflow:hidden;
    color:#10263f!important;
    font-size:11px!important;
    font-weight:900!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ssn-bias-card-top > em{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    min-height:22px;
    padding:0 7px!important;
    border-radius:5px;
    font-size:7.5px!important;
    font-style:normal;
    font-weight:900!important;
    white-space:nowrap;
}

.ssn-bias-card-top > em.bull,
.ssn-bias-card-top > em.bullish{
    color:#0a8c50!important;
    background:#e7f7ef!important;
}

.ssn-bias-card-top > em.bear,
.ssn-bias-card-top > em.bearish{
    color:#df2a42!important;
    background:#ffe9ed!important;
}

.ssn-bias-card-top > em.neutral{
    color:#5e7183!important;
    background:#edf2f6!important;
}

.ssn-bias-card-price{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin:13px 0 8px;
}

.ssn-bias-card-price > strong{
    color:#071b34;
    font-size:22px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.025em;
}

.ssn-bias-card-price > span{
    font-size:9.5px;
    font-weight:850;
}

.ssn-bias-card-price > span.green{
    color:#0a9a57;
}

.ssn-bias-card-price > span.red{
    color:#f0354c;
}

.ssn-bias-card-strength{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin:7px 0 10px;
}

.ssn-bias-card-strength > div{
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:#edf2f6;
}

.ssn-bias-card-strength > div > span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#0a87d9,#28b978);
}

.ssn-bias-card-strength > b{
    color:#0b9054;
    font-size:8.5px;
}

.ssn-bias-card-levels{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding-top:9px;
    border-top:1px solid #edf1f5;
}

.ssn-bias-card-levels > span{
    color:#8a97a4;
    font-size:8px;
    font-weight:700;
}

.ssn-bias-card-levels b{
    margin-left:3px;
    color:#23384e;
    font-size:8.5px;
}

.ssn-bias-card-compact > p{
    min-height:0!important;
    margin:8px 0 0!important;
    color:#788797!important;
    font-size:8.5px!important;
    line-height:1.4!important;
}

/* Mobile / tablet */
@media (max-width:1000px){
    .ssn-bias-grid-compact{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media (max-width:700px){
    .ssn-lead-story{
        grid-template-rows:190px auto;
    }

    .ssn-lead-copy{
        min-height:0;
    }

    .ssn-supporting-story{
        min-height:0;
    }

    .ssn-fast-row{
        grid-template-columns:46px 56px 67px minmax(0,1fr);
        gap:7px;
        padding:11px 12px;
    }

    .ssn-fast-row > strong{
        font-size:11px;
    }

    .ssn-fast-row > em{
        display:none;
    }

    .ssn-bias-grid-compact{
        grid-template-columns:1fr!important;
    }

    .ssn-bias-card-price > strong{
        font-size:24px;
    }
}


/* =========================================================
   SignalSkyline Market Bias v12 — section-only refinements
   ========================================================= */

/* Reduce only the gap ABOVE Market Bias. */
.ssn-bias-compact{
    margin-top:10px!important;
    padding-top:0!important;
}

/* Slightly larger heading/supporting text inside this section only. */
.ssn-bias-compact .ssn-module-subtitle{
    font-size:11px!important;
}

/* Larger pair label and bias badge. */
.ssn-bias-compact .ssn-bias-card-top > b{
    font-size:12.5px!important;
}

.ssn-bias-compact .ssn-bias-card-top > em{
    min-height:24px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
}

/* Larger main price and right-side change. */
.ssn-bias-compact .ssn-bias-card-price > strong{
    font-size:25px!important;
}

.ssn-bias-compact .ssn-bias-card-price > span{
    font-size:10.5px!important;
}

/* Make the strength percentage more readable. */
.ssn-bias-compact .ssn-bias-card-strength > b{
    font-size:9.5px!important;
}

/* Increase lower Support / Resistance values and labels. */
.ssn-bias-compact .ssn-bias-card-levels > span{
    font-size:9px!important;
}

.ssn-bias-compact .ssn-bias-card-levels b{
    font-size:10px!important;
}

/* Increase the lower descriptive line slightly. */
.ssn-bias-compact .ssn-bias-card-compact > p{
    font-size:9.5px!important;
    line-height:1.45!important;
}

/* Market News article intelligence block — scoped to detail pages */
.ssn-article-intelligence{
    margin:32px 0;
    padding:24px;
    border:1px solid #dfe6ed;
    border-left:4px solid #f4a000;
    border-radius:8px;
    background:#f8fafc;
}

.ssn-article-intelligence-heading{
    margin-bottom:18px;
}

.ssn-article-intelligence-heading > span{
    display:block;
    margin-bottom:4px;
    color:#f4a000;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

.ssn-article-intelligence-heading h2{
    margin:0;
    color:#1f344a;
    font-size:22px;
    line-height:1.25;
}

.ssn-article-intelligence-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:0;
}

.ssn-article-intelligence-grid > div{
    padding:12px 14px;
    border:1px solid #e4eaf0;
    border-radius:6px;
    background:#fff;
}

.ssn-article-intelligence-grid dt{
    margin:0 0 4px;
    color:#788797;
    font-size:11px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.ssn-article-intelligence-grid dd{
    margin:0;
    color:#24384d;
    font-size:14px;
    font-weight:700;
    line-height:1.45;
}

.ssn-article-intelligence-grid .ssn-article-intelligence-wide{
    grid-column:1 / -1;
}

.ssn-article-intelligence-reason{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #dfe6ed;
}

.ssn-article-intelligence-reason strong{
    color:#1f344a;
    font-size:13px;
}

.ssn-article-intelligence-reason p{
    margin:6px 0 0;
    color:#536476;
    font-size:14px;
    line-height:1.65;
}

.ssn-article-market-link{
    display:inline-block;
    margin-top:18px;
    color:#d98800;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.ssn-article-market-link:hover{
    color:#b87300;
    text-decoration:underline;
}

@media (max-width:700px){
    .ssn-article-intelligence{
        padding:18px;
    }

    .ssn-article-intelligence-grid{
        grid-template-columns:1fr;
    }

    .ssn-article-intelligence-grid .ssn-article-intelligence-wide{
        grid-column:auto;
    }
}


/* =========================================================
   Market News article typography + advertising rail v15
   Scoped to individual news detail pages only.
   ========================================================= */
.ssn-article-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:32px;
    align-items:start;
    max-width:1360px;
}

.ssn-article-main{
    min-width:0;
}

.ssn-article-layout .ssn-article-header{
    max-width:none;
}

.ssn-article-layout .ssn-article-image{
    width:min(100%,760px);
    max-width:none;
    margin-top:32px;
    margin-left:0;
    margin-right:0;
}

.ssn-article-content{
    margin-top:38px;
}

.ssn-article-content p{
    margin:0 0 24px;
}

.ssn-article-content p:last-child{
    margin-bottom:0;
}

.ssn-article-subheading{
    position:relative;
    margin:42px 0 16px;
    padding-top:13px;
    color:#0b1d2e;
    font-size:28px;
    line-height:1.24;
    font-weight:800;
    letter-spacing:-.35px;
}

.ssn-article-subheading:first-child{
    margin-top:0;
}

.ssn-article-subheading:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:42px;
    height:3px;
    border-radius:999px;
    background:#1688dc;
}

.ssn-article-ad-rail{
    display:flex;
    flex-direction:column;
    gap:24px;
    min-width:0;
    width:100%;
}

.ssn-article-ad-slot{
    width:100%;
    min-height:250px;
    overflow:hidden;
    border:1px solid #e1e7ec;
    border-radius:8px;
    background:#fbfcfd;
}

.ssn-article-ad-slot-1{
    min-height:560px;
}

.ssn-article-ad-label{
    padding:7px 10px;
    border-bottom:1px solid #e1e7ec;
    color:#8b97a3;
    font-size:8px;
    line-height:1;
    letter-spacing:.08em;
    text-align:center;
}

.ssn-article-ad-slot .adsbygoogle{
    display:block!important;
    width:100%;
}

@media(max-width:1100px){
    .ssn-article-layout{
        grid-template-columns:minmax(0,1fr) 320px;
        gap:28px;
    }
}

@media(max-width:900px){
    .ssn-article-layout{
        grid-template-columns:1fr;
    }

    .ssn-article-layout .ssn-article-image{
        width:100%;
        max-width:760px;
    }

    .ssn-article-ad-rail{
        display:grid;
        grid-template-columns:1fr;
        gap:20px;
        max-width:680px;
        margin-top:8px;
    }

    .ssn-article-ad-slot,
    .ssn-article-ad-slot-1{
        min-height:250px;
    }
}

@media(max-width:560px){
    .ssn-article-subheading{
        margin-top:34px;
        margin-bottom:13px;
        padding-top:11px;
        font-size:22px;
        line-height:1.28;
        letter-spacing:-.15px;
    }

    .ssn-article-content p{
        margin-bottom:20px;
    }

    .ssn-article-ad-rail{
        gap:18px;
    }
}