/*==================================================
GERALFIN ACADEMY
Market Intelligence Preview
==================================================*/

*{ margin:0; padding:0; box-sizing:border-box; }

body{
    font-family:'Poppins',sans-serif;
    background:#f5f7fb;
    color:#24324b;
    line-height:1.8;
}

/*============ CONTAINER ============*/
.market-preview-page{ padding:50px 0; }
.container{ width:95%; max-width:1400px; margin:auto; }

/*============ BACK BUTTON ============*/
.back-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#0b3a75;
    font-weight:600;
    text-decoration:none;
    margin-bottom:25px;
}
.back-link:hover{ color:#f4b400; }

/*============ LAYOUT ============*/
.market-layout{
    display:grid;
    grid-template-columns:2.2fr 1fr;
    gap:40px;
    align-items:start;
}
.market-main{ min-width:0; }

/*============ ARTICLE CARD ============*/
.market-article{
    background:#fff;
    padding:50px;
    border-radius:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

/*============ CATEGORY BADGE ============*/
.market-category{
    display:inline-block;
    background:#0b3a75;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

/*============ TITLE ============*/
.market-title{
    font-size:2.2rem;
    color:#0b2f66;
    line-height:1.3;
    margin-bottom:20px;
}

/*============ META ============*/
.market-meta{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    margin-bottom:35px;
    color:#777;
    font-size:.92rem;
}
.market-meta i{ color:#f4b400; margin-right:6px; }

/*============ FEATURE IMAGE ============*/
.market-feature-image{
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    margin-bottom:35px;
}
.market-feature-image img{ width:100%; display:block; }

.market-no-image{
    height:350px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    gap:15px;
    background:#eef3fb;
    border-radius:20px;
    font-size:80px;
    color:#0b3a75;
    margin-bottom:35px;
}
.market-no-image p{ font-size:16px; color:#777; }

/*============ SUMMARY ============*/
.market-summary{
    background:#f8fbff;
    border-left:5px solid #0b3a75;
    padding:25px;
    border-radius:10px;
    margin-bottom:35px;
}
.market-summary h2{ color:#0b2f66; margin-bottom:12px; font-size:1.2rem; }
.market-summary i{ color:#f4b400; margin-right:8px; }
.market-summary p{ color:#555; line-height:1.9; }

/*============ CONTENT ============*/
.market-content{ font-size:1.05rem; color:#444; margin-bottom:35px; }
.market-content p{ margin-bottom:22px; }

/*============ DOWNLOAD ============*/
.market-download{ margin:40px 0; }
.download-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#0b3a75;
    color:#fff !important;
    padding:14px 26px;
    border-radius:8px;
    text-decoration:none;
    transition:.3s;
}
.download-btn:hover{ background:#d89b00; }

/*============ SOURCE ============*/
.market-source{
    margin-top:35px;
    padding-top:25px;
    border-top:1px solid #ddd;
}
.market-source h3{ color:#0b2f66; margin-bottom:10px; font-size:1.05rem; }
.market-source a{ color:#0b3a75; text-decoration:none; word-break:break-word; }
.market-source a:hover{ color:#f4b400; }

/*============ SHARE ============*/
.market-share{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:35px;
    padding-top:25px;
    border-top:1px solid #e5e7eb;
}
.market-share h3{
    margin:0;
    font-size:18px;
    color:#0b2f66;
    white-space:nowrap;
}
.share-icons{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.share-icons a,
.copy-link-btn{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eef4ff;
    color:#0b3a75;
    text-decoration:none;
    border:none;
    cursor:pointer;
    transition:.3s;
}
.share-icons a:hover,
.copy-link-btn:hover{
    background:#0b3a75;
    color:#fff;
    transform:translateY(-3px);
}

/*============ AUTHOR CARD ============*/
.author-card{
    margin-top:50px;
    padding:30px;
    background:#f8fbff;
    border-radius:15px;
    display:flex;
    gap:25px;
    align-items:flex-start;
}
.author-avatar{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#0b3a75;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    flex-shrink:0;
}
.author-details h3{ color:#0b2f66; margin-bottom:10px; }
.author-details p{ color:#666; line-height:1.8; }

/*============ ARTICLE NAVIGATION ============*/
.article-navigation{
    display:flex;
    justify-content:space-between;
    gap:25px;
    margin-top:50px;
}
.nav-card{
    flex:1;
    padding:25px;
    background:#fff;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    text-decoration:none;
    transition:.3s;
}
.nav-card:hover{ transform:translateY(-4px); }
.nav-card small{ display:block; color:#999; margin-bottom:10px; }
.nav-card strong{ color:#0b2f66; line-height:1.5; display:block; }
.previous{ text-align:left; }
.next{ text-align:right; }

/*============ SIDEBAR ============*/
.market-sidebar{ position:sticky; top:30px; align-self:start; }

.sidebar-widget{
    background:#fff;
    border-radius:16px;
    padding:28px;
    margin-bottom:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.07);
}
.sidebar-widget h3{ color:#0b2f66; margin-bottom:20px; font-size:1.15rem; }
.sidebar-widget h3 i{ color:#f4b400; margin-right:8px; }

/*============ LATEST UPDATES ============*/
.latest-updates{ list-style:none; }
.latest-updates li{ padding:14px 0; border-bottom:1px solid #eee; }
.latest-updates li:last-child{ border-bottom:none; }
.latest-updates a{ text-decoration:none; color:#24324b; font-weight:600; }
.latest-updates a:hover{ color:#0b3a75; }
.latest-updates small{ display:block; color:#999; margin-top:4px; }

/*============ RELATED (SIDEBAR) ============*/
.related-article{ display:flex; gap:15px; margin-bottom:20px; }
.related-article img{
    width:95px;
    height:70px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0;
}
.related-content{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.related-content a{ text-decoration:none; color:#24324b; font-weight:600; }
.related-content a:hover{ color:#0b3a75; }
.related-content small{ color:#7a7a7a; }

/*============ QUICK LINKS ============*/
.quick-links{ list-style:none; }
.quick-links li{ margin-bottom:12px; }
.quick-links a{
    text-decoration:none;
    color:#24324b;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.3s;
}
.quick-links a:hover{ color:#0b3a75; padding-left:5px; }

/*============ CATEGORIES ============*/
.category-list{ display:flex; flex-wrap:wrap; gap:10px; }
.category-list span{
    background:#eef3fb;
    color:#0b3a75;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}