/*
==================================================
INSIGHTS SHARED
==================================================
*/
.insights-page,
.insight-single-page{
    --lf-primary:var(--primary, #0b1f4d);
    --lf-gold:var(--gold, #d4a017);
    --lf-text:#0b1638;
    --lf-muted:#64748b;
    --lf-body:#475569;
    --lf-soft:#f8fafc;
    --lf-border:rgba(11,31,77,.09);
    --lf-shadow:0 16px 40px rgba(11,31,77,.08);
    background:#fff;
    color:var(--lf-text);
}

/*
==================================================
INSIGHTS LISTING HERO
==================================================
*/
.insights-hero{
    position:relative;
    min-height:330px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
    background:
        linear-gradient(90deg, rgba(3,16,43,.98) 0%, rgba(6,24,58,.92) 44%, rgba(6,24,58,.72) 100%),
        url('../images/insights-hero-bg.png') center right / cover no-repeat;
}
.insights-hero::after{
    content:"";
    position:absolute;
    left:-5%;
    right:-5%;
    bottom:-72px;
    height:125px;
    background:#fff;
    transform:rotate(-2.4deg);
    transform-origin:left top;
    z-index:1;
}
.insights-hero .container{
    position:relative;
    z-index:2;
}
.insights-hero-content{
    max-width:720px;
    padding:30px 0 80px;
}
.insights-kicker,
.single-kicker{
    display:inline-flex;
    margin-bottom:14px;
    color:var(--lf-gold);
    font-family:'Inter', sans-serif;
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.insights-hero h1{
    max-width:650px;
    margin:0 0 18px;
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:clamp(2.05rem, 4vw, 3.65rem);
    font-weight:800;
    line-height:1.08;
    letter-spacing:-.06em;
}

.insights-hero p{
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:clamp(.98rem, 1.35vw, 1.12rem);
    line-height:1.75;
}

/*
==================================================
INSIGHTS LISTING LAYOUT
==================================================
*/

.insights-listing-section{
    position:relative;
    padding:46px 0 76px;
    background:
        radial-gradient(circle at top left, rgba(212,160,23,.055), transparent 30%),
        linear-gradient(180deg, #fff 0%, var(--lf-soft) 100%);
}

.insights-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 300px;
    gap:42px;
    align-items:start;
}

.insights-main{
    min-width:0;
}

/*
==================================================
INSIGHTS FILTER TABS
==================================================
*/

.insights-filter-tabs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:0 0 24px;
    border-bottom:1px solid var(--lf-border);
}

.insights-filter-tabs a{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 0 13px;
    margin-right:26px;
    color:#475569;
    font-size:.88rem;
    font-weight:800;
    text-decoration:none;
    transition:color .25s ease;
}

.insights-filter-tabs a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:0;
    height:3px;
    background:var(--lf-gold);
    border-radius:999px;
    transition:width .25s ease;
}

.insights-filter-tabs a:hover,
.insights-filter-tabs a.active{
    color:var(--lf-primary);
}

.insights-filter-tabs a.active::after{
    width:42px;
}

/*
==================================================
INSIGHT CARDS
==================================================
*/

.insights-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:26px;
}

.insight-card{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(11,31,77,.08);
    border-radius:7px;
    box-shadow:0 14px 34px rgba(11,31,77,.08);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.insight-card:hover{
    transform:translateY(-6px);
    border-color:rgba(212,160,23,.38);
    box-shadow:0 22px 48px rgba(11,31,77,.13);
}

.insight-card-thumb{
    position:relative;
    display:block;
    height:150px;
    overflow:hidden;
    background:#e2e8f0;
}

.insight-card-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}

.insight-card:hover .insight-card-thumb img{
    transform:scale(1.06);
}

.insight-card-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(135deg, rgba(11,31,77,.96), rgba(6,24,58,.9)),
        radial-gradient(circle at top right, rgba(212,160,23,.32), transparent 36%);
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:1.4rem;
    font-weight:900;
}

.insight-card-content{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:18px 18px 20px;
}

.insight-card-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:9px;
    color:var(--lf-muted);
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.insight-card h2{
    margin:0 0 11px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-size:1.02rem;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-.035em;
}

.insight-card h2 a{
    color:inherit;
    text-decoration:none;
    transition:color .25s ease;
}

.insight-card h2 a:hover{
    color:var(--lf-gold);
}

.insight-card p{
    margin:0 0 18px;
    color:var(--lf-body);
    font-size:.86rem;
    line-height:1.6;
}

.insight-read-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:auto;
    color:#004c99;
    font-size:.84rem;
    font-weight:900;
    text-decoration:none;
    transition:gap .25s ease, color .25s ease;
}

.insight-read-link:hover{
    gap:11px;
    color:var(--lf-gold);
}

/*
==================================================
INSIGHTS LOAD MORE
==================================================
*/

.insights-load-wrap{
    display:flex;
    justify-content:center;
    margin-top:24px;
}

.insights-load-btn{
    min-width:220px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(11,31,77,.42);
    border-radius:6px;
    background:#fff;
    color:var(--lf-primary);
    font-family:'Inter', sans-serif;
    font-size:.86rem;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
    transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}

.insights-load-btn:hover{
    transform:translateY(-2px);
    background:var(--lf-primary);
    color:#fff;
    border-color:var(--lf-primary);
}

/*
==================================================
INSIGHTS SIDEBAR
==================================================
*/

.insights-sidebar{
    position:sticky;
    top:96px;
    display:grid;
    gap:24px;
}

.insights-search-card{
    background:transparent;
}

.insights-search-form{
    position:relative;
}

.insights-search-form input{
    width:100%;
    height:48px;
    border:1px solid rgba(11,31,77,.08);
    border-radius:7px;
    background:#fff;
    color:var(--lf-primary);
    font:inherit;
    font-size:.9rem;
    font-weight:600;
    padding:0 48px 0 18px;
    outline:none;
    box-shadow:0 12px 28px rgba(11,31,77,.06);
    transition:border-color .25s ease, box-shadow .25s ease;
}

.insights-search-form input:focus{
    border-color:rgba(212,160,23,.7);
    box-shadow:0 0 0 4px rgba(212,160,23,.12);
}

.insights-search-form button{
    position:absolute;
    top:50%;
    right:10px;
    width:34px;
    height:34px;
    transform:translateY(-50%);
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--lf-muted);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:color .25s ease;
}

.insights-search-form button:hover{
    color:var(--lf-primary);
}

.insights-categories-card{
    padding:24px 22px 14px;
    background:#fff;
    border:1px solid rgba(11,31,77,.08);
    border-radius:7px;
    box-shadow:var(--lf-shadow);
}

.insights-sidebar-title,
.sidebar-title{
    display:block;
    margin:0 0 14px;
    color:var(--lf-primary);
    font-family:'Inter', sans-serif;
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.insights-category-list{
    display:grid;
}

.insights-category-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:15px 0;
    border-bottom:1px solid var(--lf-border);
    color:#334155;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    transition:color .25s ease;
}

.insights-category-row:last-child{
    border-bottom:0;
}

.insights-category-row::after{
    content:"›";
    color:#94a3b8;
    font-size:1.1rem;
    font-weight:900;
}

.insights-category-row:hover,
.insights-category-row.active{
    color:var(--lf-gold);
}

.insights-category-row strong{
    margin-left:auto;
    color:var(--lf-muted);
    font-size:.82rem;
    font-weight:900;
}

/*
==================================================
INSIGHTS EMPTY STATE
==================================================
*/

.insights-empty{
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:42px;
    background:#fff;
    border:1px solid rgba(11,31,77,.08);
    border-radius:10px;
    box-shadow:var(--lf-shadow);
}

.insights-empty h2{
    margin:0 0 10px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-size:1.5rem;
    font-weight:800;
}

.insights-empty p{
    max-width:520px;
    margin:0 0 18px;
    color:var(--lf-muted);
    line-height:1.7;
}

/*
==================================================
SINGLE INSIGHT LAYOUT
==================================================
*/

.single-insight-wrap{
    padding:46px 0 72px;
    background:
        radial-gradient(circle at top left, rgba(212,160,23,.08), transparent 34%),
        linear-gradient(180deg, #fff 0%, var(--lf-soft) 100%);
}

.single-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:42px;
    color:var(--lf-muted);
    font-size:.82rem;
    font-weight:600;
}

.single-breadcrumb a{
    color:#52617a;
    text-decoration:none;
    transition:color .25s ease;
}

.single-breadcrumb a:hover{
    color:var(--lf-gold);
}

.single-breadcrumb span:last-child{
    color:var(--lf-primary);
}

.single-insight-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 330px;
    gap:56px;
    align-items:start;
}

.single-insight-main{
    min-width:0;
}

.single-insight-header{
    max-width:850px;
}

.single-insight-header h1{
    max-width:900px;
    margin:0 0 18px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-size:clamp(2.25rem, 5vw, 4.35rem);
    font-weight:800;
    line-height:1.02;
    letter-spacing:-.065em;
}

.single-insight-excerpt{
    max-width:760px;
    margin:0 0 26px;
    color:#243047;
    font-size:clamp(1rem, 1.4vw, 1.18rem);
    line-height:1.7;
}

.single-insight-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px 18px;
    margin-bottom:34px;
    color:#334155;
    font-size:.9rem;
    font-weight:700;
}

.single-insight-meta span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.single-insight-meta svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:.75;
}

.single-share-label{
    margin-left:8px;
    color:var(--lf-primary);
}

.single-share-btn{
    width:38px;
    height:38px;
    border:1px solid rgba(11,31,77,.08);
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#f1f5f9;
    color:var(--lf-primary);
    font-size:.82rem;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
    transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}

.single-share-btn:hover{
    transform:translateY(-2px);
    background:var(--lf-primary);
    color:#fff;
    border-color:var(--lf-primary);
}

.single-copy-btn{
    font-family:inherit;
}

.single-featured-image{
    margin:0 0 34px;
    border-radius:12px;
    overflow:hidden;
    background:#e2e8f0;
    box-shadow:0 18px 45px rgba(11,31,77,.13);
}

.single-featured-image img{
    width:100%;
    height:min(470px, 54vw);
    display:block;
    object-fit:cover;
}

/*
==================================================
SINGLE INSIGHT CONTENT
==================================================
*/

.single-insight-content{
    max-width:850px;
    color:#16213a;
    font-size:1.02rem;
    line-height:1.9;
}

.single-insight-content p{
    margin:0 0 22px;
}

.single-insight-content p:first-child{
    color:var(--lf-primary);
    font-size:1.08rem;
    font-weight:800;
    line-height:1.7;
}

.single-insight-content h2,
.single-insight-content h3{
    margin:34px 0 10px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-.035em;
}

.single-insight-content h2{
    font-size:clamp(1.45rem, 2vw, 1.9rem);
}

.single-insight-content h3{
    font-size:1.12rem;
}

.single-insight-content ul,
.single-insight-content ol{
    margin:0 0 24px 22px;
    padding:0;
}

.single-insight-content li{
    margin-bottom:10px;
}

/*
==================================================
SINGLE VIDEO
==================================================
*/

.single-video-section{
    margin-top:42px;
    padding-top:36px;
    border-top:1px solid var(--lf-border);
}

.single-video-head h2{
    margin:0 0 20px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-size:clamp(1.45rem, 2vw, 1.85rem);
    font-weight:800;
    letter-spacing:-.04em;
}

.single-video-embed{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    border-radius:14px;
    overflow:hidden;
    background:#061633;
    box-shadow:0 18px 45px rgba(11,31,77,.16);
}

.single-video-embed iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

/*
==================================================
SINGLE POST NAV
==================================================
*/

.single-post-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:46px;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--lf-border);
    border-radius:12px;
    box-shadow:0 14px 35px rgba(11,31,77,.07);
}

.single-post-nav > div{
    min-height:118px;
    padding:24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.single-post-nav > div + div{
    border-left:1px solid var(--lf-border);
    text-align:right;
    align-items:flex-end;
}

.single-post-nav span{
    display:block;
    margin-bottom:8px;
    color:var(--lf-muted);
    font-size:.76rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.single-post-nav a{
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-weight:800;
    line-height:1.35;
    text-decoration:none;
    transition:color .25s ease;
}

.single-post-nav a:hover{
    color:var(--lf-gold);
}

/*
==================================================
SINGLE INSIGHT SIDEBAR
==================================================
*/

.single-insight-sidebar{
    position:sticky;
    top:96px;
    display:grid;
    gap:22px;
}

.single-sidebar-card{
    padding:24px;
    background:#fff;
    border:1px solid rgba(11,31,77,.08);
    border-radius:14px;
    box-shadow:var(--lf-shadow);
}

.author-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:22px;
}

.author-avatar{
    width:60px;
    height:60px;
    flex:0 0 auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, rgba(212,160,23,.95), rgba(11,31,77,.95));
    color:#fff;
    font-family:'Montserrat', sans-serif;
    font-size:1rem;
    font-weight:900;
    letter-spacing:.02em;
}

.author-row h2{
    margin:0 0 5px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-size:1rem;
    font-weight:800;
}

.author-row p{
    margin:0;
    color:var(--lf-muted);
    font-size:.87rem;
    font-weight:600;
}

.author-note{
    margin:0 0 20px;
    padding-top:20px;
    border-top:1px solid var(--lf-border);
    color:var(--lf-body);
    font-size:.92rem;
    line-height:1.75;
}

.sidebar-link,
.related-read{
    color:#004c99;
    font-size:.9rem;
    font-weight:900;
    text-decoration:none;
    transition:color .25s ease;
}

.sidebar-link:hover,
.related-read:hover{
    color:var(--lf-gold);
}

/*
==================================================
ARTICLE DETAIL CARD
==================================================
*/

.detail-list{
    display:grid;
}

.detail-list div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 0;
    border-bottom:1px solid var(--lf-border);
}

.detail-list div:first-child{
    padding-top:0;
}

.detail-list div:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.detail-list span{
    color:var(--lf-muted);
    font-size:.88rem;
    font-weight:700;
}

.detail-list strong{
    color:var(--lf-primary);
    font-size:.9rem;
    text-align:right;
}

/*
==================================================
RELATED INSIGHTS
==================================================
*/

.related-list{
    display:grid;
    gap:18px;
}

.related-item{
    display:grid;
    grid-template-columns:84px 1fr;
    gap:14px;
    padding-bottom:18px;
    border-bottom:1px solid var(--lf-border);
}

.related-item:last-child{
    padding-bottom:0;
    border-bottom:0;
}

.related-thumb{
    width:84px;
    height:74px;
    border-radius:8px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--lf-primary);
    color:#fff;
    font-weight:900;
    text-decoration:none;
}

.related-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.related-item:hover .related-thumb img{
    transform:scale(1.06);
}

.related-item span{
    display:block;
    margin-bottom:5px;
    color:var(--lf-muted);
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.related-item h3{
    margin:0 0 7px;
    font-family:'Montserrat', sans-serif;
    font-size:.88rem;
    font-weight:800;
    line-height:1.3;
}

.related-item h3 a{
    color:var(--lf-primary);
    text-decoration:none;
    transition:color .25s ease;
}

.related-item h3 a:hover{
    color:var(--lf-gold);
}

.related-read{
    font-size:.8rem;
}

/*
==================================================
SINGLE CATEGORIES
==================================================
*/

.categories-card{
    padding-bottom:12px;
}

.category-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 0;
    border-bottom:1px solid var(--lf-border);
    color:#334155;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    transition:color .25s ease;
}

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

.category-row:hover{
    color:var(--lf-gold);
}

.category-row strong{
    color:var(--lf-muted);
    font-size:.84rem;
}

/*
==================================================
SINGLE INSIGHT 404
==================================================
*/

.insight-not-found{
    min-height:54vh;
    display:flex;
    align-items:center;
    padding:90px 0;
    background:
        radial-gradient(circle at top left, rgba(212,160,23,.12), transparent 34%),
        linear-gradient(180deg, #fff, var(--lf-soft));
}

.insight-not-found h1{
    margin:0 0 16px;
    color:var(--lf-primary);
    font-family:'Montserrat', sans-serif;
    font-size:clamp(2rem, 4vw, 3.6rem);
    line-height:1.05;
    letter-spacing:-.06em;
}

.insight-not-found p{
    max-width:560px;
    margin:0 0 24px;
    color:var(--lf-body);
    line-height:1.8;
}

.insight-back-link{
    display:inline-flex;
    align-items:center;
    color:var(--lf-primary);
    font-weight:900;
    text-decoration:none;
    transition:color .25s ease;
}

.insight-back-link:hover{
    color:var(--lf-gold);
}

/*
==================================================
RESPONSIVE
==================================================
*/

@media (max-width:1180px){
    .insights-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width:1024px){
    .single-insight-grid{
        grid-template-columns:1fr;
        gap:42px;
    }

    .single-insight-sidebar{
        position:static;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .related-card,
    .categories-card{
        grid-column:1 / -1;
    }
}

@media (max-width:980px){
    .insights-layout{
        grid-template-columns:1fr;
        gap:36px;
    }

    .insights-sidebar{
        position:static;
        grid-template-columns:1fr 1fr;
    }

    .insights-search-card{
        grid-column:1 / -1;
    }
}

@media (max-width:760px){
    .insights-hero{
        min-height:auto;
    }

    .insights-hero-content{
        padding:62px 0 88px;
    }

    .insights-hero::after{
        bottom:-86px;
        height:126px;
        transform:rotate(-4deg);
    }

    .insights-listing-section,
    .single-insight-wrap{
        padding:36px 0 58px;
    }

    .insights-filter-tabs{
        overflow-x:auto;
        flex-wrap:nowrap;
        scrollbar-width:none;
    }

    .insights-filter-tabs::-webkit-scrollbar{
        display:none;
    }

    .insights-filter-tabs a{
        flex:0 0 auto;
        margin-right:24px;
        white-space:nowrap;
    }

    .insights-grid,
    .insights-sidebar,
    .single-insight-sidebar,
    .single-post-nav{
        grid-template-columns:1fr;
    }

    .insight-card-thumb{
        height:210px;
    }

    .single-breadcrumb{
        margin-bottom:30px;
        font-size:.78rem;
    }

    .single-insight-header h1{
        letter-spacing:-.05em;
    }

    .single-insight-meta{
        gap:12px;
        align-items:flex-start;
    }

    .single-share-label{
        width:100%;
        margin-left:0;
        margin-top:4px;
    }

    .single-featured-image{
        margin-bottom:28px;
        border-radius:10px;
    }

    .single-featured-image img{
        height:260px;
    }

    .single-insight-content{
        font-size:.98rem;
        line-height:1.85;
    }

    .single-post-nav > div + div{
        border-left:0;
        border-top:1px solid var(--lf-border);
        text-align:left;
        align-items:flex-start;
    }

    .single-sidebar-card{
        padding:22px;
        border-radius:12px;
    }
}

@media (max-width:520px){
    .insights-hero-content{
        padding:54px 0 78px;
    }

    .insights-hero h1{
        letter-spacing:-.045em;
    }

    .insight-card-thumb{
        height:185px;
    }

    .insight-card-content{
        padding:17px 16px 19px;
    }

    .insights-categories-card{
        padding:22px 18px 12px;
    }

    .insights-load-btn{
        width:100%;
    }

    .single-insight-meta{
        font-size:.84rem;
    }

    .single-share-btn{
        width:36px;
        height:36px;
    }

    .related-item{
        grid-template-columns:76px 1fr;
    }

    .related-thumb{
        width:76px;
        height:68px;
    }
}