/*
Theme Name: The Leonida Daily — GeneratePress Base
Template: generatepress
Description: Premium GTA VI fan news WordPress theme — launch-ready V4.
Version: 1.0.0
Author: The Leonida Daily
License: GPL-2.0-or-later
*/
:root {
        --bg: #06050d;
        --bg2: #090711;
        --card: #0f0b19;
        --card2: #151022;
        --text: #faf7ff;
        --muted: #aaa3b9;
        --pink: #ff2aa8;
        --purple: #8d45ff;
        --cyan: #5ce7ff;
        --green: #74f0b5;
        --line: rgba(255,255,255,.105);
        --max: 1220px;
    }

    * {
        box-sizing: border-box;
    }

    html {
        scroll-behavior: smooth;
    }

    body {
        margin: 0;
        background:
            radial-gradient(
                circle at 7% -5%,
                rgba(255,42,168,.15),
                transparent 27%
            ),
            radial-gradient(
                circle at 93% 1%,
                rgba(92,231,255,.09),
                transparent 25%
            ),
            var(--bg);
        color: var(--text);
        font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    }

    main {
        display: block;
        overflow-x: hidden;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    .container {
        width: min(var(--max), 92%);
        margin: auto;
    }

    /* =========================
       TOP BAR
    ========================= */

    .topbar {
        width: 100% !important;
        max-width: 100% !important;
        height: 31px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(
            90deg,
            var(--pink),
            var(--purple),
            var(--cyan)
        );
        color: #08060e;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        box-sizing: border-box;
        margin: 0;
    }

    /* =========================
       NAVIGATION
    ========================= */

    .site-nav {
        width: 100% !important;
        max-width: 100% !important;
        position: sticky;
        top: 0;
        z-index: 100;
        background: rgba(6,5,13,.93);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
        box-sizing: border-box;
    }

    .navin {
        min-height: 76px;
        display: flex;
        align-items: center;
        gap: 25px;
    }

    .brand {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: max-content;
    }

    .brand img {
        width: 43px;
        height: 43px;
        object-fit: cover;
        border-radius: 12px;
    }

    .brand-text {
        font-size: 15px;
        font-weight: 950;
    }

    .brand-text b {
        color: var(--pink);
    }

    .main-menu {
        display: flex;
        gap: 18px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-menu a {
        font-size: 12px;
        font-weight: 850;
        color: #d8d2e1;
    }

    .main-menu a:hover {
        color: #fff;
    }

    .nav-search {
        margin-left: auto;
    }

    .nav-search form {
        margin: 0;
    }

    .nav-search input {
        width: 175px;
        background: #0b0913;
        border: 1px solid var(--line);
        border-radius: 11px;
        color: #fff;
        padding: 10px 12px;
        outline: none;
    }

    .mobile-menu {
        display: none;
        margin-left: auto;
        background: none;
        color: #fff;
        border: 1px solid var(--line);
        border-radius: 10px;
        padding: 9px 11px;
        cursor: pointer;
    }

    /* =========================
       HERO
    ========================= */

    .hero {
        min-height: 650px;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .hero-v4 {
        background:
            linear-gradient(
                90deg,
                rgba(6,5,13,.99),
                rgba(6,5,13,.77) 42%,
                rgba(6,5,13,.22)
            ),
            url("assets/hero-background.webp") center / cover no-repeat;
    }

    .hero:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 160px;
        background: linear-gradient(
            transparent,
            var(--bg)
        );
        pointer-events: none;
    }

    .hero-content {
        position: relative;
        z-index: 2;
        padding: 90px 0;
        max-width: 760px;
    }

    .kicker,
    .eyebrow,
    .tag {
        color: #ff72c3;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 1.8px;
    }

    .kicker {
        display: inline-flex;
        padding: 7px 12px;
        border-radius: 999px;
        border: 1px solid rgba(255,42,168,.38);
        background: rgba(255,42,168,.08);
    }

    h1 {
        font-size: clamp(48px, 7vw, 86px);
        line-height: .91;
        letter-spacing: -5px;
        margin: 20px 0 17px;
    }

    .home .hero h1 {
        font-size: clamp(52px, 7.5vw, 92px);
        font-weight: 900;
    }

    .grad {
        background: linear-gradient(
            90deg,
            #fff,
            #ff66bc,
            #5ce7ff
        );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .hero p {
        max-width: 650px;
        color: #C6B8E6;
        font-size: 17px;
        line-height: 1.7;
    }

    .actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 27px;
    }

    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 12px 17px;
        border-radius: 11px;
        border: 1px solid var(--line);
        font-size: 12px;
        font-weight: 950;
        transition: .2s;
    }

    .btn:hover {
        transform: translateY(-2px);
    }

    .primary {
        background: linear-gradient(
            135deg,
            var(--pink),
            var(--purple)
        );
        box-shadow: 0 12px 35px rgba(255,42,168,.18);
    }

    .secondary {
        background: rgba(255,255,255,.05);
    }

    .hero-badges {
        display: flex;
        gap: 7px;
        flex-wrap: wrap;
        margin-top: 18px;
    }

    .hero-badge {
        border: 1px solid var(--line);
        background: rgba(255,255,255,.05);
        padding: 6px 9px;
        border-radius: 7px;
        font-size: 9px;
        font-weight: 900;
    }

    /* =========================
       SECTIONS
    ========================= */

    .section {
        padding: 64px 0;
    }

    .section-tight {
        padding: 28px 0;
    }

    .section-head,
    .section-title-row {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 22px;
    }

    .section-head h2,
    .section-title-row h2 {
        margin: 6px 0 0;
        font-size: 32px;
        letter-spacing: -1.5px;
    }

    .section-head p {
        max-width: 510px;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.6;
        margin: 0;
    }

    /* =========================
       BREAKING NEWS
    ========================= */

    .breaking {
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: #0a0812;
    }

    .breaking-in {
        min-height: 48px;
        display: flex;
        align-items: center;
        gap: 12px;
        overflow: hidden;
    }

    .breaking-label {
        background: var(--pink);
        color: #fff;
        padding: 6px 10px;
        border-radius: 6px;
        font-size: 9px;
        font-weight: 950;
        text-transform: uppercase;
        flex: 0 0 auto;
    }

    .breaking-track {
        white-space: nowrap;
        overflow: hidden;
        font-size: 11px;
        color: #d8d2e0;
    }

    .breaking-track a {
        margin-right: 28px;
    }

    .breaking-track a:hover {
        color: #fff;
    }

    /* =========================
       STATS
    ========================= */

    .stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border: 1px solid var(--line);
        border-radius: 18px;
        overflow: hidden;
        background: rgba(13,10,23,.94);
        backdrop-filter: blur(12px);
    }

    .stat {
        padding: 20px;
        border-right: 1px solid var(--line);
    }

    .stat:last-child {
        border: 0;
    }

    .stat strong {
        display: block;
        font-size: 20px;
    }

    .stat span {
        color: var(--muted);
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .statbar {
        margin-top: -35px;
        position: relative;
        z-index: 5;
    }

    /* =========================
       GRID / CARDS
    ========================= */

    .split {
        display: grid;
        grid-template-columns:
            minmax(0,1.7fr)
            minmax(360px,.95fr);
        gap: 18px;
    }

    .grid,
    .article-grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 18px;
    }

    .card,
    .post-card {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.055),
                rgba(255,255,255,.022)
            );
        border: 1px solid var(--line);
        border-radius: 17px;
        overflow: hidden;
        transition: .2s;
    }

    .card:hover,
    .post-card:hover {
        transform: translateY(-3px);
        border-color: rgba(255,42,168,.35);
    }

    .card-image {
        height: 185px;
        background:
            radial-gradient(
                circle at 50% 45%,
                rgba(255,42,168,.22),
                transparent 25%
            ),
            linear-gradient(
                135deg,
                #29102f,
                #101a36
            );
        display: grid;
        place-items: center;
        overflow: hidden;
    }

    .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .card-body,
    .post-card .inner {
        padding: 19px;
    }

    .card h3,
    .post-card h2 {
        font-size: 19px;
        line-height: 1.2;
        margin: 8px 0;
    }

    .meta {
        display: flex;
        justify-content: space-between;
        color: #C6B8E6;
        font-size: 12px;
        margin-top: 14px;
    }

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

    .sidebar {
        display: grid;
        gap: 17px;
        align-content: start;
    }

    .side-panel {
        border: 1px solid var(--line);
        background: rgba(255,255,255,.03);
        border-radius: 16px;
        padding: 19px;
    }

    .side-panel h3 {
        margin: 0 0 12px;
        font-size: 15px;
        color: #ff2aa8 !important;
        font-weight: 900 !important;
    }

    .trend {
        display: grid;
        grid-template-columns: 30px 1fr;
        gap: 9px;
        padding: 11px 0;
        border-top: 1px solid var(--line);
    }

    .trend:first-of-type {
        border-top: 0;
    }

    .trend b {
        color: #ff62b9;
    }

    .trend a {
        font-size: 12px;
        font-weight: 800;
        line-height: 1.4;
    }

    .trend:hover > span {
        color: #ff2aa8 !important;
    }

    .adbox {
        min-height: 110px;
        border: 1px dashed rgba(255,255,255,.14);
        border-radius: 14px;
        display: grid;
        place-items: center;
        color: #666071;
        font-size: 9px;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

    /* =========================
       COUNTDOWN
    ========================= */

    .count-panel {
        background:
            linear-gradient(
                135deg,
                rgba(255,42,168,.13),
                rgba(92,231,255,.06)
            );
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 28px;
    }
.count-panel > p {
    color:#FF72C3 !important;
    opacity: 1 !important;
} 

    .countdown {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 9px;
        margin-top: 20px;
    }

    .time {
        background: rgba(0,0,0,.26);
        border: 1px solid var(--line);
        border-radius: 13px;
        padding: 15px;
        text-align: center;
    }

    .time strong {
        display: block;
        font-size: 29px;
    }

    .time span {
        font-size: 9px;
        color: var(--muted);
        text-transform: uppercase;
    }

    /* =========================
       GUIDES
    ========================= */

    .guides-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 18px;
    }

    .guide-feature {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .guide-feature .card-image {
        height: 100%;
    }

    .guide-side {
        display: grid;
        gap: 12px;
    }

    .guide-side .card {
        display: grid;
        grid-template-columns: 95px 1fr;
    }

    .guide-side .card-image {
        height: auto;
    }

    .guide-side .card-body {
        padding: 13px;
    }

    .guide-side h3 {
        font-size: 14px;
    }

    /* =========================
       TRAILER / VIDEO
    ========================= */

    .trailer-panel {
        display: grid;
        grid-template-columns: 1.4fr .9fr;
        gap: 18px;
    }

    .video-placeholder {
        min-height: 320px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background:
            radial-gradient(
                circle at 50% 50%,
                rgba(255,42,168,.22),
                transparent 18%
            ),
            linear-gradient(
                135deg,
                #220d2e,
                #0b1830
            );
        display: grid;
        place-items: center;
        position: relative;
        overflow: hidden;
    }

    .video-placeholder:before {
        content: "OFFICIAL VIDEO HUB";
        position: absolute;
        top: 22px;
        left: 22px;
        font-size: 9px;
        letter-spacing: 2px;
        color: #a79db3;
    }

    .play {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background:
            linear-gradient(
                135deg,
                var(--pink),
                var(--purple)
            );
        font-size: 25px;
        box-shadow: 0 0 50px rgba(255,42,168,.3);
    }

    /* =========================
       NEWSLETTER
    ========================= */

    .newsletter {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 20px;
        align-items: center;
    }

    .newsletter input {
        background: #080711;
        border: 1px solid var(--line);
        border-radius: 11px;
        padding: 12px;
        color: #fff;
        min-width: 240px;
    }

    .newsletter form {
        display: flex;
        gap: 8px;
    }

    /* =========================
       PAGE HERO
    ========================= */

    .page-hero {
        text-align: center;
        padding: 82px 0 50px;
        background:
            radial-gradient(
                circle at 50% 0%,
                rgba(255,42,168,.15),
                transparent 40%
            );
    }

    .page-hero p {
        max-width: 650px;
        margin: auto;
        color: var(--muted);
        line-height: 1.7;
    }

    .page-hero h1 {
        font-size: clamp(40px,6vw,68px);
    }
    .guides-featured-meta-dot {
    color: #ff2aa8 !important;
    font-weight: 700 !important;
}

    /* =========================
       CONTENT
    ========================= */

    .content {
        font-size: 17px;
        line-height: 1.85;
        color: #fff;
    }

    .content img {
        max-width: 100%;
        height: auto;
        border-radius: 15px;
    }

    .content a {
        color: #ff72c3;
        text-decoration: underline;
    }

    .post-meta {
        color: #c6b8ef;
        font-size: 12px;
        margin: 12px 0 30px;
    }


/* =========================================================
   #FOOTER — THE LEONIDA DAILY
   FINAL CLEAN VERSION
   ========================================================= */

.site-footer{
    position:relative;
    width:100%;
    margin-top:70px;
    padding:0;
    overflow:hidden;
    color:#d8d2e1;
    background:#08060f;
    border-top:1px solid rgba(255,255,255,.10);
}

.site-footer .tld-footer-bg{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(6,5,13,.95),
            rgba(10,6,18,.82),
            rgba(8,5,15,.94)
        ),
        url('https://theleonidadaily.com/wp-content/uploads/2026/09/leonida-authors-bg.jpg')
        center / cover no-repeat;
    opacity:.72;
    pointer-events:none;
}

.site-footer:before{
    content:"";
    position:absolute;
    width:500px;
    height:300px;
    left:-200px;
    bottom:-200px;
    background:radial-gradient(
        circle,
        rgba(255,42,168,.14),
        transparent 70%
    );
    pointer-events:none;
}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.tld-footer-container{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:
        1.55fr
        .85fr
        .85fr
        1.25fr;

    gap:38px;

    width:min(1220px,92%);
    margin:0 auto;

    padding:55px 0 20px;

    box-sizing:border-box;
}


/* =========================================================
   BRAND
   ========================================================= */

.tld-footer-brand{
    min-width:0;
}

.tld-footer-logo{
    display:inline-flex;
    align-items:center;

    min-height:55px;
    margin-bottom:18px;

    text-decoration:none !important;
}

.tld-footer-logo-img{
    display:block;
    width:240px;
    max-width:100%;
    height:auto;
    object-fit:contain;
}

.tld-footer-logo-text{
    display:flex;
    flex-direction:column;

    color:#fff;

    font-size:21px;
    line-height:.9;
    font-weight:900;
    letter-spacing:-.5px;
}

.tld-footer-logo-text strong{
    color:#ff2aa8;
}

.tld-footer-logo-text small{
    margin-top:7px;
    color:#fff;
    font-size:10px;
    letter-spacing:4px;
}

.tld-footer-brand > p{
    max-width:390px;
    margin:0;

    color:#ffffff;

    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   SOCIALS
   ========================================================= */

.tld-footer-socials{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:22px;
}

.tld-footer-socials a{
    display:flex;
    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;
    margin:0 !important;

    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;

    background:rgba(255,255,255,.045);

    color:#d8d2e1;

    font-size:15px;
    font-weight:800;
    line-height:0;

    text-decoration:none !important;

    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.tld-footer-socials a:hover{
    color:#ff2aa8 !important;
    border-color:rgba(255,42,168,.65);
    background:rgba(255,42,168,.08);
    transform:translateY(-3px);
}

.tld-footer-socials svg{
    width:17px;
    height:17px;

    display:block;

    fill:currentColor;

    stroke:none;
}

.tld-footer-socials svg rect,
.tld-footer-socials svg circle{
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}

.tld-footer-socials svg .instagram-dot{
    fill:currentColor;
    stroke:none;
}

/* =========================================================
   COLUMNS
   ========================================================= */

.tld-footer-column{
    min-width:0;
}

.tld-footer-column h4,
.tld-footer-newsletter h4{
    margin:0 0 18px;

    color:#fff;

    font-size:13px;
    font-weight:900;
    letter-spacing:1.7px;

    text-transform:uppercase;
}

.tld-footer-column h4:after,
.tld-footer-newsletter h4:after{
    content:"";

    display:block;

    width:28px;
    height:2px;

    margin-top:9px;

    border-radius:5px;

    background:#ff2aa8;

    box-shadow:0 0 10px rgba(255,42,168,.35);
}

.tld-footer-column a{
    display:block;

    width:max-content;
    max-width:100%;

    margin:0 0 11px !important;

    color:#ffffff;

    font-size:13px;
    line-height:1.4;

    text-decoration:none !important;

    transition:
        color .2s ease,
        transform .2s ease;
}

.tld-footer-column a:hover{
    color:#ff2aa8 !important;
    transform:translateX(4px);
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

.tld-footer-newsletter{
    min-width:0;
}

.tld-footer-newsletter p{
    max-width:330px;
    margin:0 0 18px;
    

    color:#ffffff;

    font-size:12px;
    line-height:1.65;
}

.tld-footer-form{
    display:flex;
    flex-direction:column;
    gap:9px;

    margin:0;
}

.tld-footer-form input{
    width:100%;
    height:44px;

    padding:0 14px;

    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;

    outline:none;

    background:rgba(255,255,255,.055);

    color:#fff;

    font:inherit;
    font-size:12px;

    box-sizing:border-box;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.tld-footer-form input::placeholder{
    color:rgba(255,255,255,.40);
}

.tld-footer-form input:focus{
    border-color:rgba(255,42,168,.65);
    background:rgba(255,255,255,.075);
}

.tld-footer-form button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;
    height:44px;

    padding:0;

    border:0;
    border-radius:10px;

    background:linear-gradient(
        135deg,
        #ff2aa8,
        #8d45ff
    );

    color:#fff;

    font-size:10px;
    font-weight:900;
    letter-spacing:1px;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.tld-footer-form button:hover{
    transform:translateY(-2px);

    box-shadow:
        0 14px 35px rgba(255,42,168,.28);
}

.tld-footer-form button span{
    font-size:16px;
}

.tld-footer-newsletter > small{
    display:block;

    margin-top:10px;

    color:#fff;

    font-size:12px;
}


/* =========================================================
   BOTTOM
   ========================================================= */

.tld-footer-bottom{
    position:relative;
    z-index:2;

    grid-column:1 / -1;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:30px;

    padding:20px 0;

    border-top:1px solid rgba(255,255,255,.09);
}

.tld-footer-disclaimer{
    min-width:0;
}

.tld-footer-disclaimer strong{
    display:block;

    margin-bottom:8px;

    color:#ff2aa8;

    font-size:12px;
    font-weight:700;
}

.tld-footer-disclaimer p{
    max-width:760px;

    margin:3px 0;

    color:#ffffff;

    font-size:12px;
    line-height:1.6;
}

.tld-footer-made{
    flex:0 0 auto;

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    color:#ffffff;

    font-size:11px;
    line-height:1.5;

    letter-spacing:1.5px;

    text-align:right;
}

.tld-footer-made strong{
    color:#ff2aa8;

    font-size:12px;
    font-weight:900;
}


/* =========================================================
   BACK TO TOP
   ========================================================= */

.tld-back-top{
    flex:0 0 40px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    padding:0;

    border: 1px solid #ffffff;
    border-radius:10px;

    background:rgba(255,255,255,.045);

    color:#fff;

    font-size:18px;

    cursor:pointer;

    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.tld-back-top:hover{
    color:#ff2aa8;
    border-color:#ff2aa8;
    background:rgba(255,42,168,.08);

    transform:translateY(-3px);
}


/* =========================================================
   FINAL TAGLINE
   ========================================================= */

.tld-footer-final{
    position:relative;
    z-index:2;

    grid-column:1 / -1;

    padding:14px 0 3px;

    border-top:1px solid rgba(255,255,255,.07);

    color:#FF2AA8;

    font-size:12px;
    font-weight:700;

    letter-spacing:2px;

    text-align:center;

    text-transform:uppercase;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

    .tld-footer-container{
        grid-template-columns:
            1.4fr
            1fr
            1fr;

        gap:38px;
    }

    .tld-footer-newsletter{
        grid-column:1 / -1;
        max-width:520px;
    }
}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media(max-width:900px){

    .site-footer{
        margin-top:55px;
    }

    .tld-footer-container{
        grid-template-columns:1fr 1fr;

        gap:38px 45px;

        padding-top:55px;
    }

    .tld-footer-brand{
        grid-column:1 / -1;
    }

    .tld-footer-newsletter{
        grid-column:1 / -1;
        max-width:100%;
    }
}


/* =========================================================
   MOBILE FOOTER
   ========================================================= */

@media(max-width:600px){

    .site-footer{
        margin-top:45px;
    }

    .site-footer .tld-footer-bg{
        background:
            linear-gradient(
                180deg,
                rgba(6,5,13,.93),
                rgba(8,5,15,.97)
            ),
            url('https://theleonidadaily.com/wp-content/uploads/2026/09/leonida-authors-bg.jpg')
            center / cover no-repeat;
    }

    .tld-footer-container{
        grid-template-columns:1fr;

        width:calc(100% - 30px);

        gap:30px;

        padding:40px 0 16px;
    }
    
    .tld-footer-column a{
    width:100%;
}


.tld-footer-column h4:after{
    margin-left:auto;
    margin-right:auto;
}

.tld-footer-newsletter h4:after{
    margin-left:auto;
    margin-right:0;
}

    /* BRAND */

  .tld-footer-brand{
    grid-column:auto;
    text-align:center;
}

    .tld-footer-logo{
        margin-bottom:15px;
        justify-content:center;
    }
    
    .tld-footer-logo-img{
        width:205px;
    }

    .tld-footer-brand > p{
        max-width:100%;

        margin:0;

        font-size:12px;
        line-height:1.7;
    }


    /* SOCIALS */

    .tld-footer-socials{
    margin-top:18px;
    gap:8px;
    justify-content:center;
}

    .tld-footer-socials a{
        width:38px;
        height:38px;
    }


    /* COLUMNS */

.tld-footer-column{
    grid-column:auto;
    text-align:center;
}

.tld-footer-column h4,
.tld-footer-newsletter h4{
    margin-bottom:15px;
}

.tld-footer-column h4:after{
    margin-left:auto;
    margin-right:auto;
}

.tld-footer-column a{
    width:100%;
    margin-bottom:10px !important;
    font-size:13px;
}
    
    .tld-footer-column h4:after{
    margin-left:auto;
    margin-right:auto;
}


    /* NEWSLETTER */

.tld-footer-newsletter{
    grid-column:auto;
    padding:20px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    background:rgba(255,255,255,.035);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.tld-footer-newsletter p{
    max-width:100%;
    margin-bottom:17px;
    font-size:12px;
}

.tld-footer-newsletter h4:after{
    margin-left:0 !important;
    margin-right:auto !important;
}

.tld-footer-form{
    gap:9px;
}


    /* BOTTOM */

    .tld-footer-bottom{
        grid-column:1;

        flex-direction:column;

        align-items:center;
        justify-content:center;

        gap:18px;

        padding:22px 0;
    }

    .tld-footer-disclaimer{
        width:100%;
        max-width:100%;
        text-align:center;
    }
    
    .tld-footer-disclaimer p{
    margin-left:auto;
    margin-right:auto;
}

    .tld-footer-disclaimer strong{
        margin-bottom:7px;

        font-size:12px;
    }

    .tld-footer-disclaimer p{
        width:100%;
        max-width:100%;

        margin:3px 0;

        font-size:12px;
        line-height:1.65;
    }


    /* MADE FOR FANS */

    .tld-footer-made{
        align-items:center;

        text-align:center;

        white-space:normal;
    }


    /* BACK TO TOP */

   .tld-back-top{
    position:absolute;

    right:0;
    bottom:18px;

    width:40px;
    height:40px;

    z-index:5;
}


    /* FINAL TAGLINE */

    .tld-footer-final{
        grid-column:1;

        padding:16px 0 4px;

        font-size:12px;

        letter-spacing:1.3px;
    }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:400px){

    .tld-footer-container{
        width:calc(100% - 24px);
    }

    .tld-footer-logo-img{
        width:190px;
    }

    .tld-footer-socials a{
        width:36px;
        height:36px;
    }

    .tld-footer-newsletter{
        padding:17px;
    }
}

@media(max-width:900px){
.main-menu,.nav-search{display:none}
.mobile-menu{display:block}
.stats{grid-template-columns:1fr 1fr}
.stat:nth-child(2){border-right:0}
.split,.guides-grid,.trailer-panel{grid-template-columns:1fr}
.grid,.article-grid{grid-template-columns:1fr 1fr}
.footgrid{grid-template-columns:1fr 1fr}
.guide-feature{grid-template-columns:1fr}
.guide-feature .card-image{height:240px}
}

@media(max-width:600px){
.hero-v4{min-height:620px}
.hero-content{padding:75px 0}
.hero h1{letter-spacing:-2.5px}
.grid,.article-grid,.footgrid{grid-template-columns:1fr}
.countdown{grid-template-columns:1fr 1fr}
.newsletter{grid-template-columns:1fr}
.newsletter form{display:flex;flex-direction:column}
.newsletter input{min-width:0;width:100%}
.section{padding:48px 0}
}

.mobile-drawer{display:none}.mobile-drawer.open{display:block;position:fixed;inset:107px 0 auto 0;z-index:99;background:rgba(6,5,13,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.mobile-drawer-inner{width:min(var(--max),92%);margin:auto;padding:10px 0 18px}.mobile-drawer a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);font-weight:850}
@media(min-width:901px){.mobile-drawer{display:none!important}}

.video-placeholder iframe{width:100%;height:100%;border:0}

.trailer-video{display:block;min-height:320px;height:100%;padding:0}.trailer-video iframe{display:block;width:100%;height:100%;min-height:320px;border:0;border-radius:17px}.trailer-video:before{z-index:2;pointer-events:none}.trailer-video iframe + *{position:relative}
@media(max-width:900px){.trailer-video iframe{min-height:300px}}
@media(max-width:600px){.trailer-video iframe{min-height:220px}}

.content-thumb{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.feature-image .content-thumb{min-height:355px}
.card-image .content-thumb{min-height:185px}


/* V9 FINAL HEADER FIX */
.site-nav .brand{
  display:flex !important;
  align-items:center !important;
  width:320px !important;
  min-width:320px !important;
  height:76px !important;
  gap:0 !important;
}
.site-nav .brand .site-logo{
  display:block !important;
  width:285px !important;
  height:68px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:0 !important;
}
.site-nav nav{display:block !important}
.site-nav .main-menu a{
  color:#d8d2e1 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transition:color .18s ease !important;
}
.site-nav .main-menu a:hover,
.site-nav .main-menu a:focus{
  color:#ff2aa8 !important;
  background:transparent !important;
}
.site-nav .main-menu .current-menu-item > a,
.site-nav .main-menu .current_page_item > a,
.site-nav .main-menu .current-menu-ancestor > a{
  color:#d8d2e1 !important;
  background:transparent !important;
}
.site-nav .main-menu a:after,
.site-nav .main-menu a:before{display:none !important;content:none !important}
@media(max-width:900px){
  .site-nav .brand{
    width:180px !important;
    min-width:180px !important;
    height:60px !important;
  }
  .site-nav .brand .site-logo{
    width:210px !important;
    height:54px !important;
  }
}

/* HOME PAGE — TITLE HOVER */
.home .card h3 a:hover,
.home .post-card h2 a:hover,
.home .trend a:hover,
.home .guide-side h3 a:hover {
    color: #ff2aa8 !important;
    text-decoration: none;
    transition: color .18s ease;
}

.home .guides-featured-title:hover {
    color: #ff2aa8 !important;
}

.home .card h3 a,
.home .post-card h2 a,
.home .trend a,
.home .guide-side h3 a {
    transition: color .18s ease;
}

/* V12 — HOMEPAGE GLASSMORPHISM SYSTEM */
.home .stats,
.home .breaking,
.home .card,
.home .post-card,
.home .side-panel,
.home .adbox,
.home .count-panel,
.home .video-placeholder,
.home .panel,
.home .guide-feature,
.home .guide-side .card {
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.075),
        rgba(255,255,255,.025) 55%,
        rgba(255,42,168,.025)
    ) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 18px 45px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
}

.home .card:hover,
.home .post-card:hover,
.home .side-panel:hover,
.home .guide-side .card:hover {
    border-color: rgba(255,42,168,.42) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 20px 55px rgba(255,42,168,.10) !important;
}

.home .card-image {
    position: relative;
    overflow: hidden;
}
.home .card-image img {
    transition: transform .45s ease, filter .45s ease;
}
.home .card:hover .card-image img {    
    transform: scale(1.035);
    filter:saturate(1.05) brightness(1.03);
}

.home .card-image::after {    
    content:""; position:absolute;
    inset:0;
    background:linear-gradient(
        115deg,
        transparent 20%,
        rgba(255,255,255,.12) 48%,
        transparent 70%
    );
    transform:translateX(-115%);
    transition:transform .65s ease;
    pointer-events:none;
}
.home .card:hover .card-image::after {    
    transform:translateX(115%);
}

.home .stat {
    background:rgba(255,255,255,.015);
}

.home .btn.secondary {
    background:rgba(255,255,255,.045) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.home .btn.secondary:hover {
    border-color:rgba(255,42,168,.45) !important;
    color:#ff2aa8 !important;
}

.home .section {
    position:relative;
}
.home .section::before {
    content:"";
    position:absolute;
    left:50%;
    top:15%;
    width:280px;
    height:180px;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(255,42,168,.035),transparent 70%);
    pointer-events:none;
    z-index:0;
}
.home .section > .container {
    position:relative;
    z-index:1;
}

/* V13 — Newsletter */
.home .newsletter{
    min-height:150px;
    box-sizing:border-box;
    padding:30px 34px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,42,168,.025),rgba(255,255,255,.018)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 55px rgba(0,0,0,.20) !important;
    backdrop-filter:blur(18px) saturate(125%);
    -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.home .newsletter:hover{
    border-color:rgba(255,42,168,.30) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 60px rgba(255,42,168,.07) !important;
}
.home .newsletter input{
    background:rgba(5,4,12,.45) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
@media(max-width:900px){
    .home .trailer-panel{grid-template-columns:1fr !important}
    .home .trailer-panel .panel{
        border-left:0 !important;
        border-top:1px solid rgba(255,255,255,.10) !important;
        padding:28px !important;
    }
    .home .newsletter{grid-template-columns:1fr !important}
}

/* V14 — Mobile polish */
@media (max-width: 700px) {
    .home .breaking {
        border: 1px solid rgba(255,255,255,.085) !important;
        border-radius: 16px !important;
        background: linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.045),
            0 12px 30px rgba(0,0,0,.16) !important;
    }

    .home .breaking .breaking-label {
        border-radius: 12px !important;
    }

    .home .hero h1,
    .home .hero-title {
        font-size: clamp(42px, 10.5vw, 58px) !important;
        line-height: .98 !important;
        letter-spacing: -.045em !important;
        max-width: 100% !important;
    }

    .home .hero .hero-copy {
        gap: 20px !important;
    }

    .home .hero .hero-head,
    .home .hero .hero-intro,
    .home .hero .section-head {
        grid-template-columns: 1fr !important;
    }
}

/* V15 — Mobile selectors */
@media (max-width: 900px) {
    .home .breaking {
        border: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 14px !important;
        background: rgba(255,255,255,.035) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.04),
            0 10px 28px rgba(0,0,0,.14) !important;
    }

    .home .breaking-in {
        border-radius: 14px !important;
        min-height: 52px !important;
    }

    .home .section-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .home .section-head > div {
        width: 100% !important;
        min-width: 0 !important;
    }

    .home .section-head h2 {
        font-size: clamp(38px, 10.5vw, 54px) !important;
        line-height: 1.02 !important;
        letter-spacing: -1.8px !important;
        max-width: 100% !important;
        margin: 7px 0 0 !important;
    }

    .home .section-head p {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}

@media (max-width: 480px) {
    .home .section-head h2 {
        font-size: 39px !important;
        line-height: 1.03 !important;
    }
}

/* V16 — Breaking Ticker */
.home .breaking {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 14px 35px rgba(0,0,0,.16) !important;
}

.home .breaking-in {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 7px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden !important;
    border-radius: 17px !important;
}

.home .breaking-label {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    border-radius: 12px !important;
    line-height: 1 !important;
}

.home .breaking-track {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

@media (max-width: 700px) {
    .home .breaking {
        border-radius: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .home .breaking-in {
        min-height: 62px !important;
        padding: 8px 9px !important;
        gap: 10px !important;
        border-radius: 15px !important;
    }

    .home .breaking-label {
        padding: 9px 13px !important;
        border-radius: 11px !important;
        font-size: 9px !important;
    }

    .home .breaking-track {
        font-size: 11px !important;
        min-width: 0 !important;
    }
}

/* V21 — Clean Continuous Marquee */
.home .breaking-track{
  position:relative!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:32px!important;
  line-height:32px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

.home .breaking-marquee{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  white-space:nowrap!important;
  animation:leonidaCleanMarquee 38s linear infinite!important;
  will-change:transform!important;
}

.home .breaking-marquee .breaking-group{
  position:static!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  gap:34px!important;
  padding-right:34px!important;
  white-space:nowrap!important;
}

.home .breaking-marquee .breaking-group a,
.home .breaking-marquee .breaking-group span{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:max-content!important;
  white-space:nowrap!important;
  color:#fff!important;
  text-decoration:none!important;
  opacity:1!important;
}

.home .breaking-marquee .breaking-group a:hover{
  color:#ff2aa8!important;
}

@keyframes leonidaCleanMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media(max-width:700px){
  .home .breaking-track{
    height:30px!important;
    line-height:30px!important;
  }
  .home .breaking-marquee{
    animation-duration:55s!important;
  }
  .home .breaking-marquee .breaking-group{
    gap:26px!important;
    padding-right:26px!important;
  }
}

@media (min-width: 701px) {
  .breaking-ticker, .breaking-ticker *, .breaking-news, .breaking-news *,
  .news-ticker, .news-ticker *, .ticker, .ticker * {
    animation-play-state: running !important;
  }
}

@media (min-width: 701px) {
  .home .breaking .breaking-marquee,
  .home .breaking:hover .breaking-marquee {
    animation: leonidaCleanMarquee 38s linear infinite !important;
    animation-play-state: running !important;
    -webkit-animation: leonidaCleanMarquee 38s linear infinite !important;
    -webkit-animation-play-state: running !important;
  }
}

@media (min-width: 701px) and (prefers-reduced-motion: reduce) {
  .home .breaking .breaking-marquee,
  .home .breaking:hover .breaking-marquee {
    animation: leonidaCleanMarquee 38s linear infinite !important;
    animation-play-state: running !important;
  }
}

.home .breaking-track {
  overflow: hidden !important;
}
.home .breaking-marquee {
  display: flex !important;
  width: max-content !important;
  min-width: max-content !important;
  animation-name: leonidaCleanMarquee !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;
  -webkit-animation-name: leonidaCleanMarquee !important;
  -webkit-animation-timing-function: linear !important;
  -webkit-animation-iteration-count: infinite !important;
  -webkit-animation-play-state: running !important;
}
@media (min-width: 701px) {
  .home .breaking-marquee {
    animation-duration: 38s !important;
    -webkit-animation-duration: 38s !important;
  }
}
@media (max-width: 700px) {
  .home .breaking-marquee {
    animation-duration: 55s !important;
    -webkit-animation-duration: 55s !important;
  }
}

/* V27 — Mobile Menu */
@media(max-width:900px){
  .site-nav{z-index:1000;}
  .site-nav .navin{min-height:76px;}

  .mobile-menu{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    flex:0 0 50px;
    margin-left:auto;
    padding:0;
    border:1px solid rgba(255,42,168,.78) !important;
    border-radius:12px;
    background:rgba(255,42,168,.045) !important;
    color:#fff;
    box-shadow:none !important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    overflow:hidden;
    transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease,background .25s ease;
  }
  .mobile-menu:before{
    content:"";
    position:absolute;
    inset:-2px;
    border:1px solid rgba(255,42,168,.42);
    border-radius:13px;
    opacity:.5;
    transform:scale(.88);
    animation:leonidaMenuPulse 2.4s ease-in-out infinite;
    pointer-events:none;
  }
  .mobile-menu:active{transform:scale(.94);}
  .mobile-menu:focus-visible{outline:2px solid rgba(255,42,168,.75);outline-offset:3px;}
  .mobile-menu.is-open{
    background:rgba(255,255,255,.025) !important;
    border-color:#fff !important;
    box-shadow:none !important;
  }
  .mobile-menu.is-open:before{display:none;}
  .hamburger-lines{width:26px;height:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1;}
  .hamburger-lines i{display:block;width:26px;height:3px;border-radius:3px;background:#fff;box-shadow:none;transform-origin:center;transition:transform .28s ease,opacity .2s ease,width .28s ease,background .25s ease;}
  .mobile-menu.is-open .hamburger-lines i{background:#ff2aa8;}
  .mobile-menu.is-open .hamburger-lines i:nth-child(1){transform:translateY(9.5px) rotate(45deg);}
  .mobile-menu.is-open .hamburger-lines i:nth-child(2){opacity:0;transform:scaleX(.2);}
  .mobile-menu.is-open .hamburger-lines i:nth-child(3){transform:translateY(-9.5px) rotate(-45deg);}

  .mobile-drawer.open{
    position:fixed;
    left:0;
    right:0;
    top:76px;
    bottom:auto;
    height:calc(100vh - 76px);
    max-height:none;
    overflow:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    z-index:999;
    display:block;
    background:rgba(6,5,13,.88);
    border-top:1px solid rgba(255,255,255,.075);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(22px) saturate(125%);
    -webkit-backdrop-filter:blur(22px) saturate(125%);
    box-shadow:none !important;
    animation:leonidaDrawerIn .24s ease-out both;
  }
  .mobile-drawer-inner{
    width:min(var(--max),92%);
    margin:auto;
    padding:12px 0 20px;
    height:100%;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .mobile-drawer-inner::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
  .mobile-drawer a{
    display:flex;
    align-items:center;
    min-height:52px;
    margin:7px 0;
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
    color:#d8d2e1;
    font-size:13px;
    font-weight:850;
    letter-spacing:.1px;
    box-shadow:none !important;
    transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-drawer a:hover,
  .mobile-drawer a:focus,
  .mobile-drawer a:active{
    color:#ff2aa8 !important;
    border-color:rgba(255,42,168,.42);
    background:linear-gradient(135deg,rgba(255,42,168,.095),rgba(255,255,255,.025));
    box-shadow:none !important;
    transform:translateX(2px);
    outline:none;
  }
}
@media(max-width:600px){
  .site-nav .navin{min-height:70px;}
  .mobile-menu{width:50px;height:50px;flex-basis:50px;border-radius:11px;}
  .mobile-drawer.open{height:calc(100vh - 70px);max-height:none;}
}
@media(min-width:901px){.mobile-menu{display:none !important;}.mobile-drawer{display:none !important;}}
@keyframes leonidaMenuPulse{
  0%,100%{opacity:.25;transform:scale(.88);}
  50%{opacity:.72;transform:scale(1);}
}
@keyframes leonidaDrawerIn{
  from{opacity:0;transform:translateY(-8px);}
  to{opacity:1;transform:translateY(0);}
}
 

/* V32 & V33 Controls */
@media(max-width:900px){
  .mobile-social{margin-top:14px!important;padding-top:14px!important;padding-bottom:8px!important;}
  .mobile-social-links,.mobile-social-extra{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .mobile-social-links .mobile-social-link,
  .mobile-social-more,
  .mobile-social-extra .mobile-social-link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .mobile-social-link span{display:none!important;}
  .mobile-social-link svg{width:18px!important;height:18px!important;display:block!important;}
  .mobile-social-more{font-size:0!important;line-height:1!important;}
  .mobile-social-plus{font-size:21px!important;line-height:1!important;}
  .mobile-social-extra{margin-top:7px!important;}
}
@media(max-width:430px){
  .mobile-social-links,.mobile-social-extra{gap:5px!important;}
  .mobile-social-links .mobile-social-link,
  .mobile-social-more,
  .mobile-social-extra .mobile-social-link{height:40px!important;min-height:40px!important;border-radius:9px!important;}
  .mobile-social-link svg{width:17px!important;height:17px!important;}
  .mobile-social-plus{font-size:20px!important;}
}

/* V36 — Mobile Menu Search */
@media(max-width:900px){
  html{overflow-x:hidden!important;max-width:100%;}
  main{overflow-x:hidden!important;}
  .mobile-drawer.open{left:0!important;right:0!important;width:100%!important;max-width:100vw!important;overflow:hidden!important;touch-action:pan-y;}
  .mobile-drawer-inner{width:calc(100% - 32px)!important;max-width:var(--max)!important;margin-left:auto!important;margin-right:auto!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
  .mobile-drawer-inner::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  .mobile-menu-search{margin:14px 0 16px;padding-top:14px;border-top:1px solid var(--line);}
  .mobile-menu-search form{margin:0;position:relative;}
  .mobile-menu-search input[type="search"]{display:block;width:100%;height:46px;box-sizing:border-box;padding:0 44px 0 15px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:13px;outline:none;-webkit-appearance:none;}
  .mobile-menu-search input[type="search"]::placeholder{color:#aaa2b0;}
  .mobile-menu-search input[type="search"]:focus{border-color:rgba(255,42,168,.8);color:#fff;background:rgba(255,42,168,.035);}
  .mobile-menu-search form:after{content:"⌕";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:24px;line-height:1;color:#d8d2e1;pointer-events:none;}
  .mobile-social-links .mobile-social-link,.mobile-social-more,.mobile-social-extra .mobile-social-link{border-color:#ffffff!important;}
  .mobile-social-extra .mobile-social-link{border-color:#ffffff!important;background:rgba(255,255,255,.035)!important;color:#d8d2e1!important;}
  .mobile-social-extra .mobile-social-link:hover,.mobile-social-extra .mobile-social-link:focus,.mobile-social-extra .mobile-social-link:active{border-color:#ffffff!important;color:#ff2aa8!important;background:rgba(255,42,168,.08)!important;box-shadow:none!important;}
}
@media(max-width:430px){
  .mobile-menu-search{margin-top:12px;padding-top:12px;}
  .mobile-menu-search input[type="search"]{height:44px;}
}

/* V38 — Clean Menu */
@media(max-width:900px){
  .mobile-drawer,
  .mobile-drawer-inner,
  .mobile-drawer a,
  .mobile-drawer button,
  .mobile-drawer input,
  .mobile-drawer svg,
  .mobile-drawer svg *,
  .mobile-drawer .mobile-social,
  .mobile-drawer .mobile-social-links,
  .mobile-drawer .mobile-social-extra{
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
  }
  .mobile-drawer a:hover, .mobile-drawer a:focus, .mobile-drawer a:active,
  .mobile-social-link:hover, .mobile-social-link:focus, .mobile-social-link:active,
  .mobile-social-more:hover, .mobile-social-more:focus, .mobile-social-more:active,
  .mobile-social-more[aria-expanded="true"]{
    box-shadow:none !important; text-shadow:none !important; filter:none !important;
  }
  .mobile-menu-search input[type="search"],
  .mobile-menu-search input[type="search"]:focus{
    box-shadow:none !important; text-shadow:none !important;
  }
}

/* V39 — Active/Touch */
@media (max-width:900px){
  .mobile-drawer a:hover,
  .mobile-drawer a:focus,
  .mobile-drawer a:active,
  .mobile-drawer a[aria-current="page"]{
    color:#ff2aa8 !important;
    border-color:#ff2aa8 !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
    transform:translateX(2px);
    outline:none !important;
  }
  .mobile-social-link:hover,
  .mobile-social-link:focus,
  .mobile-social-link:active,
  .mobile-social-link[aria-current="page"],
  .mobile-social-more:hover,
  .mobile-social-more:focus,
  .mobile-social-more:active,
  .mobile-social-more[aria-expanded="true"],
  .mobile-social-extra .mobile-social-link:hover,
  .mobile-social-extra .mobile-social-link:focus,
  .mobile-social-extra .mobile-social-link:active{
    color:#ff2aa8 !important;
    border-color:#ff2aa8 !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
    transform:translateY(-1px);
    outline:none !important;
  }
  .mobile-social-link svg,
  .mobile-social-link svg *{
    filter:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
}

/* V40 — Menu/Social State */
@media (max-width:900px){
  .mobile-drawer .mobile-nav-link,
  .mobile-drawer .mobile-social-link,
  .mobile-drawer .mobile-social-more{
    transition:color .12s ease,border-color .12s ease,background-color .12s ease !important;
    transform:none !important;
  }
  .mobile-drawer .mobile-nav-link:hover,
  .mobile-drawer .mobile-nav-link:focus,
  .mobile-drawer .mobile-nav-link:active,
  .mobile-drawer .mobile-nav-link[aria-current="page"],
  .mobile-drawer .mobile-social-link:hover,
  .mobile-drawer .mobile-social-link:focus,
  .mobile-drawer .mobile-social-link:active,
  .mobile-drawer .mobile-social-more:hover,
  .mobile-drawer .mobile-social-more:focus,
  .mobile-drawer .mobile-social-more:active,
  .mobile-drawer .mobile-social-more[aria-expanded="true"],
  .mobile-drawer .mobile-social-extra .mobile-social-link:hover,
  .mobile-drawer .mobile-social-extra .mobile-social-link:focus,
  .mobile-drawer .mobile-social-extra .mobile-social-link:active{
    color:#ff2aa8 !important;
    border-color:#ff2aa8 !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
    transform:none !important;
  }
  .mobile-drawer .mobile-social-plus{
    display:inline-block;
    transition:transform .32s cubic-bezier(.34,1.56,.64,1) !important;
  }
  .mobile-drawer .mobile-social-more[aria-expanded="true"] .mobile-social-plus{
    transform:rotate(90deg) !important;
  }
  .mobile-menu-search{position:relative;}
  .mobile-search-suggestions{
    position:relative;
    margin-top:7px;
    width:100%;
    max-height:260px;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid rgba(255,42,168,.28);
    border-radius:11px;
    background:rgba(12,9,18,.97);
    box-sizing:border-box;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .mobile-search-suggestions::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
  .mobile-search-suggestion{
    min-height:44px;
    padding:10px 13px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#d8d2e1 !important;
    text-decoration:none !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    border-radius:0 !important;
    background:transparent !important;
    transform:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
    box-sizing:border-box;
  }
  .mobile-search-suggestion:last-child{border-bottom:0 !important;}
  .mobile-search-suggestion:hover,
  .mobile-search-suggestion:focus,
  .mobile-search-suggestion:active{
    color:#ff2aa8 !important;
    border-color:transparent !important;
    background:rgba(255,42,168,.06) !important;
    transform:none !important;
    box-shadow:none !important;
  }
  .mobile-search-suggestion span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mobile-search-suggestion b{font-size:20px;font-weight:400;line-height:1;flex:0 0 auto;}
  .mobile-search-empty{padding:12px 13px;color:#aaa2b0;font-size:13px;}
}

/* V42 & V43 — Article Layout */
.single-post-page .single-post-container{
  max-width:1050px !important;
}

.single-post-page .single-post-hero{
  text-align:left !important;
  padding:28px 0 18px !important;
  background:radial-gradient(circle at 18% 0%,rgba(255,42,168,.13),transparent 38%);
}

.single-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  width:max-content;
  max-width:100%;
  box-sizing:border-box;
  padding:8px 12px;
  margin:0 0 26px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:rgba(255,255,255,.055);
  color:#bdb5c8;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
}

.single-breadcrumb a{
  color:#f2edf5;
  text-decoration:none;
}

.single-breadcrumb a:hover{
  color:#ff72c3;
}

.single-breadcrumb-current{
  color:#9e97a8;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:min(620px,60vw);
}

.single-post-kicker{
  margin:0 0 14px;
  color:#ff72c3;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.single-post-title{
  max-width:1000px !important;
  margin:0;
  color:#fff;
  font-size:clamp(36px,4.3vw,58px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em;
  text-align:left;
}

.single-post-byline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:22px 0 0;
  padding:0 0 6px;
}

.single-author{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}

.single-author-avatar{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,42,168,.32);
}

.single-author-info{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.single-author-info strong{
  color:#f6f1f8;
  font-size:13px;
  line-height:1.2;
}

.single-author-info span{
  color:#ffffff !important;
  font-size:12px;
  line-height:1.2;
}

.single-post-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.single-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.025);
  color:#dcd5e3;
  font:inherit;
  font-size:13px;
  text-decoration:none;
  cursor:pointer;
  box-sizing:border-box;
}

.single-action:hover,
.single-action:focus{
  color:#ff72c3;
  border-color:rgba(255,42,168,.65);
  outline:none;
}

.single-action b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#dcd5e3;
  font-size:11px;
  font-weight:700;
}

.single-post-content-section{
  padding-top:12px !important;
}

.single-post-content-section .single-featured-image{
  width:100%;
  max-width:1050px !important;
  margin:0 0 22px !important;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,42,168,.34);
  border-radius:18px;
  background:rgba(14,10,18,.72);
}

.single-post-content-section .single-featured-image:empty{
  display:none;
}

.single-post-content-section .single-featured-image__img{
  display:block;
  width:100%;
  height:auto;
  max-height:720px;
  object-fit:cover;
  margin:0;
}


.single-comments-anchor{
  scroll-margin-top:90px;
}

@media(max-width:700px){
  .single-post-page .single-post-hero{
    padding:20px 0 10px !important;
  }

  .single-breadcrumb{
    width:100%;
    margin-bottom:20px;
    padding:7px 10px;
    font-size:11px;
    gap:6px;
  }

  .single-breadcrumb-current{
    max-width:48vw;
  }

  .single-post-kicker{
    margin-bottom:11px;
    font-size:10px;
    letter-spacing:.16em;
  }

  .single-post-title{
    max-width:none;
    font-size:clamp(32px,8.5vw,46px) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em;
  }

  .single-post-byline{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
    margin-top:18px;
    padding-bottom:0;
  }

  .single-post-actions{
    width:100%;
  }

  .single-action{
    min-height:36px;
    padding:0 12px;
    font-size:12px;
  }

  .single-post-content-section{
    padding-top:8px !important;
  }

  .single-post-content-section .single-featured-image{
    margin-bottom:18px !important;
    border-radius:15px;
  }

  .single-post-content-section .single-featured-image__img{
    max-height:520px;
  }
}

@media(min-width:701px) and (max-width:1000px){
  .single-post-page .single-post-container{
    max-width:94%;
  }
  .single-post-title{
    font-size:clamp(42px,6.5vw,58px);
  }
}

@media(max-width:700px){
  .single-post-page .single-post-container{
    max-width:calc(100% - 28px) !important;
  }
}



/* 5. Single Post: Logo Alignment + Right Space for Ads */
.single-post-page .single-post-hero .container,
.single-post-page .single-post-content-section .container,
.single-post-page .single-post-container {
  width: min(1220px, 92%) !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

.single-post-page .single-post-title,
.single-post-page .single-breadcrumb,
.single-post-page .single-post-kicker,
.single-post-page .single-post-byline,
.single-post-page .single-featured-image,
.single-post-page .content {
    max-width: 780px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* V49 — DESKTOP SEARCH VISUAL FIX ONLY
   Mobile search is intentionally untouched.
*/
@media (min-width: 901px) {
  .site-nav .nav-search {
    display: flex;
    align-items: center;
    flex: 0 0 270px;
    width: 270px;
    min-width: 270px;
    margin-left: 22px;
    position: relative;
    z-index: 50;
  }

  .site-nav .nav-search .search-form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
    background: rgba(255,255,255,.06);
    overflow: hidden;
    box-sizing: border-box;
  }

  .site-nav .nav-search .search-form-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 100%;
    font-size: 19px;
    line-height: 1;
    color: rgba(255,255,255,.72);
    pointer-events: none;
  }

  .site-nav .nav-search .search-form-input {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    margin: 0;
  }

  .site-nav .nav-search .search-field {
    display: block;
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0 8px 0 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff;
    font-size: 13px;
    line-height: 42px;
  }

  .site-nav .nav-search .search-field::placeholder {
    color: rgba(255,255,255,.52);
    opacity: 1;
  }

  .site-nav .nav-search .search-form-submit {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .site-nav .nav-search .search-form-submit input[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-width: 56px;
    margin: 0 6px 0 0;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: rgba(255,255,255,.11);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    cursor: pointer;
    box-shadow: none;
  }

  .site-nav .nav-search .search-form-submit input[type="submit"]:hover {
    background: rgba(255,255,255,.18);
  }

  /* Prevent old generic form rules from forcing the search controls vertically. */
  .site-nav .nav-search form,
  .site-nav .nav-search form > div,
  .site-nav .nav-search label {
    box-sizing: border-box;
  }
}
.single-featured-image{
    position:relative;
    margin-bottom:24px;
    overflow:hidden;
    border-radius:14px;
}

.single-featured-caption{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    height:auto !important;
    margin:0 !important;
    padding:7px 13px !important;
    background:rgba(255,43,181,.45) !important;
    color:#fff !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.2) !important;
    box-shadow:none !important;
    backdrop-filter:blur(12px);
    line-height:1.25 !important;
    font-size:12px !important;
    text-align:center !important;
}
@media (max-width:900px){
    .single-post-byline{
        display:grid !important;
        grid-template-columns:1fr auto !important;
        align-items:center !important;
        gap:12px !important;
        width:100% !important;
    }

    .single-author{
        display:flex !important;
        align-items:center !important;
        margin:0 !important;
        min-width:0 !important;
    }

    .single-post-actions{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:7px !important;
        margin:0 !important;
    }

    .single-post-actions .single-action{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        padding:0 !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .single-post-actions .single-action span:not(:first-child),
    .single-post-actions .single-action b{
        display:none !important;
    }
}
/* =========================================
   THE LEONIDA DAILY
   COMMENTS SECTION
========================================= */

.tld-comments{
    margin-top:55px;
    color:#fff;
}

/* HEADER */

.tld-comments-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.tld-comments-title-wrap{
    display:flex;
    align-items:center;
    gap:14px;
}

.tld-comments-icon{
    width:38px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:3px solid #ff2bb5;
    border-radius:7px;
    color:#ff2bb5;
    font-size:20px;
}

.tld-comments-header h2{
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.5px;
}

.tld-comment-count{
    display:block;
    margin-top:7px;
    color:#C6B8E6;
    font-size:12px;
}

.tld-comments-join{
    display:flex;
    align-items:center;
    gap:14px;
    color:rgba(255,255,255,.65);
    font-size:10px;
    font-weight:800;
    letter-spacing:2px;
}

.tld-comments-join span{
    width:62px;
    height:2px;
    background:#ff2bb5;
}


/* COMMENT FORM */

.tld-comment-form{
    position:relative;
    padding:28px;
    margin-bottom:27px;
    border:1px solid rgba(255,43,181,.7);
    border-radius:13px;
    background:
        linear-gradient(
            135deg,
            rgba(255,43,181,.09),
            rgba(13,12,19,.97) 35%
        );
    box-shadow:
        0 0 28px rgba(255,43,181,.08),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.tld-comment-form::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:13px;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(255,43,181,.10),
            transparent 35%
        );
}

/* =========================================================
   TLD COMMENTS — NAME + EMAIL INPUT FIX
   ========================================================= */

.tld-comment-form input[type="text"],
.tld-comment-form input[type="email"],
.tld-comment-form input[type="text"]:focus,
.tld-comment-form input[type="email"]:focus,
.tld-comment-form input[type="text"]:active,
.tld-comment-form input[type="email"]:active,
.tld-comment-form input[type="text"]:-webkit-autofill,
.tld-comment-form input[type="text"]:-webkit-autofill:hover,
.tld-comment-form input[type="text"]:-webkit-autofill:focus,
.tld-comment-form input[type="text"]:-webkit-autofill:active,
.tld-comment-form input[type="email"]:-webkit-autofill,
.tld-comment-form input[type="email"]:-webkit-autofill:hover,
.tld-comment-form input[type="email"]:-webkit-autofill:focus,
.tld-comment-form input[type="email"]:-webkit-autofill:active{
    background-color:#0d0c13 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    caret-color:#ffffff !important;
    box-shadow:0 0 0 1000px #0d0c13 inset !important;
}

.tld-comment-form .comment-reply-title{
    display:flex;
    align-items:center;
    gap:16px;
    margin:0 0 25px;
    color:#fff;
}

.tld-comment-form .comment-reply-title strong{
    display:inline !important;
    font-size:16px !important;
    font-weight:600 !important;
}

.tld-comment-form .comment-reply-title small{
    display:inline !important;
    margin-top:0 !important;
    margin-left:4px !important;
    color:rgba(255,255,255,.52);
    font-size:16px !important;
    font-weight:400 !important;
}

.tld-form-avatar{
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border:2px solid #ff2bb5;
    border-radius:50%;
    color:#fff;
    background:
        radial-gradient(
            circle,
            #fff 0 14%,
            transparent 15%
        ),
        rgba(255,43,181,.08);
    box-shadow:0 0 18px rgba(255,43,181,.18);
    font-size:0;
}

.tld-form-avatar::after{
    content:"";
    width:25px;
    height:13px;
    margin-top:25px;
    border-radius:50% 50% 35% 35%;
    background:#fff;
}


/* INPUTS */

.tld-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.tld-form-field label,
.tld-comment-field label{
    display:block;
    margin-bottom:8px;
    color:#fff;
    font-size:11px;
    font-weight:800;
}

.tld-form-field label em,
.tld-comment-field label em{
    color:#ff2bb5;
    font-style:normal;
}

.tld-input-wrap,
.tld-textarea-wrap{
    position:relative;
}

.tld-input-wrap input{
    width:100%;
    height:46px;
    box-sizing:border-box;
    padding:0 14px 0 48px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:7px;
    outline:none;
    background:#090911;
    color:#fff;
    font-size:12px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.tld-input-wrap input:focus{
    border-color:#ff2bb5;
    box-shadow:0 0 0 3px rgba(255,43,181,.08);
}

.tld-input-wrap input::placeholder,
.tld-comment-field textarea::placeholder{
    color:rgba(255,255,255,.38);
}

.tld-input-icon{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(255,255,255,.65);
    font-size:18px;
    pointer-events:none;
}


/* TEXTAREA */

.tld-comment-field{
    margin-top:20px;
}

.tld-comment-field textarea{
    width:100%;
    min-height:104px;
    box-sizing:border-box;
    resize:vertical;
    padding:14px 45px 25px 48px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:7px;
    outline:none;
    background:#090911;
    color:#fff;
    font-family:inherit;
    font-size:12px;
    line-height:1.6;
}

.tld-comment-field textarea:focus{
    border-color:#ff2bb5;
    box-shadow:0 0 0 3px rgba(255,43,181,.08);
}

.tld-textarea-icon{
    position:absolute;
    left:15px;
    top:15px;
    color:rgba(255,255,255,.70);
    font-size:17px;
}

.tld-char-count{
    position:absolute;
    right:14px;
    bottom:9px;
    color:rgba(255,255,255,.40);
    font-size:10px;
}


/* BUTTON */

.tld-submit-wrap{
    display:flex;
    justify-content:flex-end;
    margin-top:13px;
}

.tld-post-comment{
    min-width:225px;
    height:48px;
    border:0;
    border-radius:7px;
    background:#ff2bb5;
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.3px;
    cursor:pointer;
    box-shadow:0 8px 25px rgba(255,43,181,.20);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.tld-post-comment span{
    margin-right:9px;
    font-size:16px;
}

.tld-post-comment:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(255,43,181,.32);
}


/* FILTER */

.tld-comments-filter{
    display:flex;
    align-items:center;
    gap:32px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.tld-comments-filter button{
    position:relative;
    padding:0 0 13px;
    border:0;
    background:transparent;
    color:#ffffff !important;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}

.tld-comments-filter button.tld-filter-active{
    color:#fff;
}

.tld-comments-filter button.tld-filter-active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:3px;
    background:#ff2bb5;
}

.tld-comments-filter button span{
    color:#ff2bb5;
}


/* COMMENT CARD */

.tld-comment-card{
    display:flex;
    gap:20px;
    margin-bottom:15px;
    padding:20px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    background:#0d0c13;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.tld-comment-card:hover{
    border-color:rgba(255,43,181,.35);
    box-shadow:0 8px 28px rgba(0,0,0,.18);
}

.tld-comment-avatar{
    flex-shrink:0;
}

.tld-avatar-img{
    width:62px !important;
    height:62px !important;
    border:2px solid rgba(255,255,255,.75);
    border-radius:50%;
    object-fit:cover;
}

.tld-comment-content{
    flex:1;
    min-width:0;
}

.tld-comment-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.tld-comment-author{
    display:flex;
    align-items:center;
    gap:10px;
}

.tld-comment-author strong{
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.tld-author-badge{
    padding:5px 8px;
    border-radius:5px;
    background:#ff2bb5;
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.4px;
}

.tld-comment-menu{
    border:0;
    background:transparent;
    color:rgba(255,255,255,.60);
    font-size:21px;
    cursor:pointer;
}

.tld-comment-date{
    margin-top:4px;
    color:#C6B8E6;
    font-size:12px;
}

.tld-comment-text{
    margin-top:11px;
    color:rgba(255,255,255,.90);
    font-size:13px;
    line-height:1.6;
}

.tld-comment-text p{
    margin:0 0 8px;
}

.tld-awaiting{
    color:#ff2bb5 !important;
}


/* ACTIONS */

.tld-comment-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:12px;
}

.tld-comment-actions button,
.tld-comment-actions a{
    border:0;
    background:none;
    color:#ff2bb5;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}

.tld-like{
    display:flex;
    align-items:center;
    gap:5px;
}

.tld-action-divider{
    width:1px;
    height:15px;
    background:rgba(255,255,255,.12);
}


/* NESTED REPLIES */

.tld-comment-card .children{
    margin:18px 0 0 40px;
    padding-left:20px;
    border-left:2px solid rgba(255,43,181,.35);
}

.tld-comment-card .children .tld-comment-card{
    margin-bottom:0;
}


/* PAGINATION */

.tld-comment-pagination{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:25px;
}

.tld-comment-pagination a,
.tld-comment-pagination span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:7px;
    background:#111017;
    color:#fff;
    text-decoration:none;
    font-size:11px;
}

.tld-comment-pagination .current,
.tld-comment-pagination a:hover{
    border-color:#ff2bb5;
    background:#ff2bb5;
}


/* MOBILE */

@media (max-width:700px){

    .tld-comments-header{
        align-items:flex-start;
    }

    .tld-comments-header h2{
        font-size:23px;
    }

    .tld-comments-join{
        display:none;
    }

    .tld-comment-form{
        padding:20px;
    }

    .tld-form-row{
        grid-template-columns:1fr;
        gap:16px;
    }

    .tld-submit-wrap{
        justify-content:stretch;
    }

    .tld-post-comment{
        width:100%;
    }

    .tld-comment-card{
        gap:12px;
        padding:15px;
    }

    .tld-avatar-img{
        width:48px !important;
        height:48px !important;
    }

    .tld-comment-author strong{
        font-size:13px;
    }

    .tld-comment-text{
        font-size:12px;
    }

    .tld-comment-card .children{
        margin-left:10px;
        padding-left:10px;
    }

}
/* =========================================================
   V54 — COMMENTS ALIGN WITH ARTICLE CONTENT
   ========================================================= */

.single-post-page .single-comments-anchor{
    width:780px !important;
    max-width:780px !important;
    margin:55px 0 0 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.single-post-page .single-comments-anchor .tld-comments{
    width:100% !important;
    max-width:780px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* Make every comment element stay inside the same 780px column */
.single-post-page .single-comments-anchor .tld-comment-form,
.single-post-page .single-comments-anchor .tld-comments-filter,
.single-post-page .single-comments-anchor .tld-comment-list,
.single-post-page .single-comments-anchor .tld-comment-pagination{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Prevent WordPress nested comments from becoming wider */
.tld-comment-list .tld-comment-card{
    width:780px !important;
    max-width:780px !important;
    box-sizing:border-box !important;
}

@media (max-width:700px){

    .tld-comment-list .tld-comment-card{
        width:100% !important;
        max-width:100% !important;
    }

}

/* MOBILE */
@media(max-width:900px){

    .single-post-page .single-comments-anchor{
        width:100% !important;
        max-width:100% !important;
        margin-top:40px !important;
    }

    .single-post-page .single-comments-anchor .tld-comments{
        width:100% !important;
        max-width:100% !important;
    }

}
/* =========================================================
   V55 — RELATED ARTICLES ALIGN WITH ARTICLE
   ========================================================= */

.single-post-page .related-posts{
    width:780px !important;
    max-width:780px !important;
    margin-left:0 !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

.single-post-page .related-posts-grid{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
}

.single-post-page .related-post-card{
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

/* MOBILE */
@media(max-width:900px){
    .single-post-page .related-posts{
        width:100% !important;
        max-width:100% !important;
    }

    .single-post-page .related-posts-grid{
        grid-template-columns:1fr 1fr !important;
    }
}

@media(max-width:600px){
    .single-post-page .related-posts-grid{
        grid-template-columns:1fr !important;
    }
}
/* SMOOTH AMBIENT BACKGROUND GRADIENT */
body {
  background: 
    radial-gradient(circle at 10% 0%, rgba(255, 42, 168, 0.10) 0%, transparent 45%),
    radial-gradient(circle at 90% 0%, rgba(92, 231, 255, 0.06) 0%, transparent 40%),
    var(--bg) !important;
}

.single-post-page .single-post-hero {
  background: radial-gradient(ellipse at 15% 0%, rgba(255, 42, 168, 0.12) 0%, rgba(6, 5, 13, 0) 70%) !important;
}
/* AUTHOR HOVER & SOCIAL ICONS */
a.single-author {
  text-decoration: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

a.single-author:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}

a.single-author:hover strong {
  color: #ff2aa8 !important;
}

.single-author-socials {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 5px !important;
}

.single-author-socials a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #d8d2e1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.single-author-socials a:hover {
  color: #ff2aa8 !important;
  border-color: #ff2aa8 !important;
  background: rgba(255, 42, 168, 0.12) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 10px rgba(255, 42, 168, 0.35) !important;
}
/* HIDE UNWANTED COMMENT MENU BUTTON */
.tld-comment-menu,
button.tld-comment-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* =========================================================
   THE LEONIDA DAILY — AUTHORS PAGE
   ========================================================= */

.tld-authors-page{
    background:#05050c;
    color:#fff;
    min-height:100vh;
    overflow:hidden;
}

.tld-authors-container{
    width:min(1220px,92%);
    max-width:1220px;
    margin:0 auto;
    position:relative;
}


/* =========================================================
   HERO
   ========================================================= */

.tld-authors-hero{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    border-bottom:1px solid rgba(255,0,153,.18);
}

.tld-authors-hero-bg{
    position:absolute;
    inset:0;

    background-image:url('https://theleonidadaily.com/wp-content/uploads/2026/09/leonida-authors-bg.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    transform:scale(1.02);
}

.tld-authors-hero-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,3,12,.96) 0%,
            rgba(3,3,12,.80) 35%,
            rgba(3,3,12,.40) 68%,
            rgba(3,3,12,.60) 100%
        ),
        linear-gradient(
            0deg,
            #05050c 0%,
            rgba(5,5,12,.05) 65%
        );
}
.tld-authors-breadcrumb{ 
    display:flex; 
    align-items:center; 
    gap:10px; 
    font-size:14px; 
    color:rgba(255,255,255,.65); 
    margin-bottom:24px; 
} 
 
.tld-authors-breadcrumb a{ 
    color:#fff; 
    text-decoration:none; 
} 
 
.tld-authors-breadcrumb a:hover{ 
    color:#ff159d; 
}

.tld-authors-kicker{
    display:inline-flex;
    align-items:center;

    padding:6px 14px;

    border:1px solid rgba(255,20,157,.7);
    border-radius:30px;

    color:#ff2aaa;

    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;

    margin-bottom:12px;

    background:rgba(255,0,153,.06);

    box-shadow:
        0 0 20px rgba(255,0,153,.08);
}

.tld-authors-hero h1{
    margin:0;

    font-size:clamp(42px,5vw,68px);
    line-height:1;

    font-weight:900;
    letter-spacing:-2px;

    color:#fff;
}

.tld-authors-hero h1 span{
    color:#ff159d;

    text-shadow:
        0 0 25px rgba(255,21,157,.35);
}

.tld-authors-intro{
    margin:16px 0 8px;

    max-width:700px;

    font-size:20px;
    line-height:1.45;

    color:#fff;

    font-weight:500;
}

.tld-authors-description{
    margin:0;

    max-width:650px;

    font-size:14px;
    line-height:1.7;

    color:rgba(255,255,255,.65);
}


/* =========================================================
   AUTHORS SECTION
   ========================================================= */

.tld-authors-section{
    position:relative;

    padding:50px 0 80px;

    background:
        radial-gradient(
            circle at 20% 10%,
            rgba(255,0,153,.07),
            transparent 35%
        ),
        radial-gradient(
            circle at 85% 45%,
            rgba(88,55,255,.06),
            transparent 35%
        ),
        #05050c;
}

.tld-authors-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:25px;
}

.tld-authors-section-head h2{
    position:relative;

    margin:0 0 5px;

    padding-left:16px;

    font-size:26px;
    line-height:1.1;

    font-weight:900;
    letter-spacing:.5px;
}

.tld-authors-section-head h2:before{
    content:"";

    position:absolute;

    left:0;
    top:1px;

    width:4px;
    height:28px;

    border-radius:5px;

    background:#ff159d;

    box-shadow:
        0 0 15px rgba(255,21,157,.6);
}

.tld-authors-section-head p{
    margin:0;

    color:rgba(255,255,255,.52);

    font-size:13px;
}

.tld-authors-count{
    padding:10px 16px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;

    background:rgba(255,255,255,.025);

    color:#ff35aa;

    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}


/* =========================================================
   AUTHOR GRID
   ========================================================= */

.tld-authors-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:18px;
}


/* =========================================================
   AUTHOR CARD
   ========================================================= */

.tld-author-card{
    position:relative;

    min-width:0;

    overflow:hidden;

    padding:20px;

    border:1px solid rgba(255,20,157,.28);

    border-radius:14px;

    background: 
    linear-gradient( 
        145deg, 
        rgba(255,255,255,.045), 
        rgba(255,255,255,.012) 
    );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 12px 40px rgba(0,0,0,.22);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.tld-author-card:hover{
    transform:translateY(-7px);

    border-color:rgba(255,20,157,.75);

    box-shadow:
        0 15px 45px rgba(0,0,0,.35),
        0 0 30px rgba(255,20,157,.08);
}

.tld-author-card-glow{
    position:absolute;

    width:120px;
    height:120px;

    right:-50px;
    top:-50px;

    background:rgba(255,0,153,.10);

    filter:blur(40px);

    border-radius:50%;

    pointer-events:none;
}

.tld-author-top{
    position:relative;

    z-index:1;

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;
}

.tld-author-avatar-wrap{
    flex:0 0 72px;

    width:72px;
    height:72px;

    padding:3px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #ff159d,
            #773cff,
            #00cfff
        );

    box-shadow:
        0 0 20px rgba(255,21,157,.18);
}

.tld-author-avatar{
    display:block;

    width:100% !important;
    height:100% !important;

    object-fit:cover;

    border-radius:50%;

    border:3px solid #080811;
}

.tld-author-heading{
    min-width:0;
}

.tld-author-heading h3{
    margin:6px 0 0;

    font-size:18px;
    line-height:1.15;

    font-weight:800;

    color:#fff;

    word-break:break-word;
}

.tld-author-role{
    display:inline-block;

    font-size:9px;
    line-height:1;

    font-weight:800;

    letter-spacing:1px;

    color:#ff35aa;

    padding:5px 8px;

    border:1px solid rgba(255,21,157,.45);

    border-radius:20px;

    background:rgba(255,21,157,.06);
}

.tld-author-bio{
    position:relative;

    z-index:1;

    min-height:66px;

    margin-bottom:18px;

    color:rgba(255,255,255,.67);

    font-size:13px;

    line-height:1.55;
}

.tld-author-meta{
    position:relative;

    z-index:1;
    
        color:#fff;


    padding-top:14px;

    margin-bottom:17px;

    border-top:1px solid rgba(255,255,255,.07);
}

.tld-author-stat{
    display:flex;

    align-items:center;

    gap:9px;
}

.tld-author-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:28px;
    height:28px;

    border-radius:8px;

    background:rgba(255,21,157,.08);
}

.tld-author-icon svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:#ff2aaa;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.tld-author-stat span:last-child{
    display:flex;

    align-items:baseline;

    gap:5px;
}

.tld-author-stat strong{
    font-size:15px;

    color:#fff;
}

.tld-author-stat small{
    font-size:11px;
    color:#fff !important;
}

.tld-author-profile{
    position:relative;

    z-index:1;

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#ff1ca3;

    text-decoration:none;

    font-size:12px;

    font-weight:900;

    letter-spacing:.4px;

    transition:
        gap .25s ease,
        color .25s ease;
}

.tld-author-profile span{
    font-size:17px;

    line-height:1;
}

.tld-author-profile:hover{
    color:#fff;

    gap:13px;
}


/* =========================================================
   EMPTY
   ========================================================= */

.tld-authors-empty{
    padding:60px 20px;

    text-align:center;

    border:1px solid rgba(255,255,255,.08);

    border-radius:15px;

    background:rgba(255,255,255,.02);
}

.tld-authors-empty h3{
    margin:0 0 8px;
}

.tld-authors-empty p{
    margin:0;

    color:rgba(255,255,255,.5);
}


/* =========================================================
   STATS
   ========================================================= */

.tld-authors-stats{
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    margin-top:20px;

    border:1px solid rgba(255,20,157,.25);

    border-radius:14px;

    background:rgba(255,255,255,.018);

    overflow:hidden;
}

.tld-author-stat-box{
    position:relative;

    display:grid;

    grid-template-columns:40px 1fr;

    grid-template-rows:auto auto;

    column-gap:10px;

    align-items:center;

    padding:20px;

    border-right:1px solid rgba(255,255,255,.07);
}

.tld-author-stat-box:last-child{
    border-right:0;
}

.tld-stat-icon{
    grid-row:1 / 3;

    display:flex;

    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    border-radius:10px;

    background:rgba(255,21,157,.08);
}

.tld-stat-icon svg{
    width:20px;
    height:20px;

    fill:none;

    stroke:#ff1ca3;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.tld-author-stat-box strong{
    font-size:19px;

    line-height:1;

    color:#fff;
}

.tld-author-stat-box small{
    margin-top:4px;

    font-size:10px;

    color:rgba(255,255,255,.45);
}


/* =========================================================
   CTA
   ========================================================= */

.tld-authors-cta{
    position:relative;

    margin-top:20px;

    min-height:190px;

    overflow:hidden;

    border:1px solid rgba(255,20,157,.45);

    border-radius:15px;

    background:#090913;
}

.tld-authors-cta-bg{
    position:absolute;

    inset:0;

    background-image:url('https://theleonidadaily.com/wp-content/uploads/2026/09/leonida-authors-bg.jpg');

    background-size:cover;

    background-position:center 58%;

    background-repeat:no-repeat;

    opacity:.34;
}

.tld-authors-cta:after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(5,5,12,.98) 0%,
            rgba(5,5,12,.86) 50%,
            rgba(5,5,12,.35) 100%
        );
}

.tld-authors-cta-content{
    position:relative;

    z-index:2;

    min-height:190px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    padding:30px;
}

.tld-authors-cta-text > span{
    display:block;

    margin-bottom:6px;

    color:#ff2aaa;

    font-size:10px;

    font-weight:900;

    letter-spacing:1.5px;
}

.tld-authors-cta h2{
    margin:0 0 8px;

    font-size:31px;

    line-height:1.1;

    font-weight:900;

    color:#fff;
}

.tld-authors-cta h2 strong{
    color:#ff159d;
}

.tld-authors-cta p{
    max-width:650px;

    margin:0;

    font-size:13px;

    line-height:1.6;

    color:rgba(255,255,255,.6);
}

.tld-authors-cta-content > a{
    flex:0 0 auto;

    display:inline-flex;

    align-items:center;

    gap:9px;

    padding:13px 19px;

    border:1px solid #ff159d;

    border-radius:9px;

    background:#ff159d;

    color:#fff;

    text-decoration:none;

    font-size:11px;

    font-weight:900;

    letter-spacing:.4px;

    box-shadow:
        0 0 25px rgba(255,21,157,.15);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.tld-authors-cta-content > a span{
    font-size:17px;
}

.tld-authors-cta-content > a:hover{
    transform:translateY(-2px);

    background:#ff36ad;

    box-shadow:
        0 8px 30px rgba(255,21,157,.25);
}


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

@media(max-width:1100px){
    .home .guides-hero{
        width:min(var(--max),92%);
    }

    .tld-authors-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .tld-authors-hero{
        min-height:360px;
    }

}


@media(max-width:850px){

    .tld-authors-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .tld-authors-stats{
        grid-template-columns:
            repeat(2,1fr);
    }


    .tld-author-stat-box:nth-child(2){
        border-right:0;
    }

    .tld-author-stat-box:nth-child(-n+2){
        border-bottom:
            1px solid rgba(255,255,255,.07);
    }

}


@media(max-width:650px){

    .tld-authors-hero{
        min-height:430px;
    }

    .tld-authors-hero .tld-authors-container{
        padding-top:50px;

        padding-bottom:45px;
    }

    .tld-authors-hero h1{
        font-size:42px;

        letter-spacing:-1.5px;
    }

    .tld-authors-intro{
        font-size:17px;
    }

    .tld-authors-section{
        padding-top:38px;
    }

    .tld-authors-section-head{
        align-items:flex-start;

        flex-direction:column;

        gap:15px;
    }

    .tld-authors-grid{
        grid-template-columns:1fr;
    }

    .tld-authors-stats{
        grid-template-columns:1fr;
    }

    .tld-author-stat-box{
        border-right:0;

        border-bottom:
            1px solid rgba(255,255,255,.07);
    }

    .tld-author-stat-box:last-child{
        border-bottom:0;
    }

    .tld-authors-cta-content{
        align-items:flex-start;

        flex-direction:column;

        padding:25px;
    }

    .tld-authors-cta h2{
        font-size:25px;
    }

    .tld-authors-cta-content > a{
        width:100%;

        justify-content:center;
    }

}


@media(max-width:400px){

    .tld-authors-container{
        width:90%;
    }

    .tld-authors-hero h1{
        font-size:36px;
    }

    .tld-author-card{
        padding:17px;
    }

}

/* =========================================================
   HOMEPAGE — LATEST POSTS (FINAL BULLETPROOF)
   ========================================================= */

.tld-home-latest{
    padding-top:20px;
}

.tld-latest-layout{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(360px,.95fr);
    gap:18px;
    align-items:start;
}

.tld-latest-posts{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* LATEST POSTS — NEWS STYLE HEADING */

.tld-home-latest .section-title-row{
    align-items:flex-end;
    gap:25px;
    margin-bottom:20px;
}

.tld-home-latest .section-title-row .eyebrow{
    color:#ff72c3;
    font-size:10px;
    font-weight:950;
    letter-spacing:1.8px;
    line-height:1;
    text-transform:uppercase;
    margin:0 0 6px;
}

.tld-home-latest .section-title-row h2{
    margin:0;
    color:#fff;
    font-size:32px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1.2px;
}
.tld-home-latest .section-title-row h2 span{
    color:#ff2aa8;
}  

/* NORMAL LIST ITEM */
.tld-latest-item{
    display:grid;
    grid-template-columns:230px minmax(0,1fr);
    gap:20px;
    padding-bottom:18px;
    border-bottom:1px solid var(--line);
}

.tld-latest-item-image{
    display:block;
    width:240px;
    height:140px;
    overflow:hidden;
    border-radius:13px;
    background:#0f0b19;
}

.tld-latest-item-image img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
    image-rendering:auto;
    backface-visibility:hidden;
    transform:translateZ(0);
    transition:transform .4s ease;
}

.tld-latest-item:hover .tld-latest-item-image img{
    transform:scale(1.05);
}

.tld-latest-item-content{
    min-width:0;
    padding-top:2px;
}

.tld-latest-item-category{
    margin-bottom:7px;
    color:#ff72c3;
    font-size:9px;
    font-weight:950;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.tld-latest-item-title{
    margin:0 0 8px;
    font-size:22px;
    font-weight:700;
    line-height:1.18;
    letter-spacing:-.4px;
}

.tld-latest-item-title a{
    color:#fff;
    transition:color .18s ease;
}

.tld-latest-item-title a:hover{
    color:var(--pink);
}

.tld-latest-item-excerpt{
    margin:0;
    color:#C6B8E6;
    font-size:14px;
    line-height:1.6;
}

.tld-latest-item-meta{
    display:flex;
    gap:8px;
    margin-top:11px;
    color:#C6B8E6;
    font-size:11px;
}

/* DESKTOP RULES (Screen > 1050px) */
@media(min-width:1051px){
    .tld-show-on-mobile-only{
        display:none !important; /* Desktop par bada card kabhi nahi dikhega */
    }
    .tld-hide-on-mobile{
        display:grid !important; /* Desktop par 5th post hamesha normal 1-4 jaisa dikhega */
    }
}

/* TABLET VIEW (1050px and below) */
@media(max-width:1050px){
    .tld-latest-layout{
        grid-template-columns:minmax(0,1fr) 270px;
        gap:20px;
    }

    .tld-latest-item{
        grid-template-columns:190px minmax(0,1fr);
        gap:16px;
    }

    .tld-latest-item-image{
        width:190px;
        height:120px;
    }

    .tld-latest-item-title{
        font-size:18px;
    }

    /* Tablet & Mobile Switches */
    .tld-hide-on-mobile{
        display:none !important; /* Tablet/Mobile par 5th wala small item hide */
    }
    .tld-show-on-mobile-only{
        display:block !important; /* Tablet/Mobile par BIG card show */
    }

    /* BIG CARD STYLING */
.tld-latest-featured{
    position:relative;
    width:100%;
    border:1px solid var(--line);
    border-radius:17px;
    background:#0f0b19;
    overflow:hidden;
    padding:0;
}

    .tld-latest-featured-image{
        position:relative;
        display:block;
        width:100%;
        height:260px;
        overflow:hidden;
    }

    .tld-latest-featured-image img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .tld-latest-featured-overlay{
    display:none;
}

.tld-latest-featured-image img{
    transition:transform .4s ease;
}

.tld-latest-featured:hover .tld-latest-featured-image img{
    transform:scale(1.05);
}
.tld-latest-featured:hover .tld-latest-featured-title a{
    color:#ff2aa8;
}

.tld-latest-featured-content{ 
     position:static; 
     padding:14px 0 0; 
    
} 

.tld-latest-featured-content 

.tld-latest-item-category{ 
    margin-bottom:7px; 
    
} 

.tld-latest-featured-content 

.tld-latest-featured-title{ 
    display:block; 
    margin:0 0 7px; } 

.tld-latest-featured-content 

.tld-latest-featured-title a{ 
    color:#fff; 
    text-decoration:none; 
    
} 

.tld-latest-featured-content 

.tld-latest-item-excerpt{
    display:block;
    margin:0 0 9px; } 
.tld-latest-featured-content 

.tld-latest-meta{ 
    display:flex; 
    align-items:center; 
    gap:7px; 
    color:#C6B8E6; 
    font-size:11px; } 

.tld-latest-label{ display:inline-flex; 
    margin-bottom:8px; 
    padding:4px 8px; 
    border-radius:6px; 
    background:var(--pink); 
    color:#fff; 
     font-size:8px; 
    font-weight:950; 
    letter-spacing:1px; } 
    
  .tld-latest-featured-title{ 
      
    display:block; 
    color:#fff; 
    font-size:22px;
    line-height:1.2; 
    font-weight:850; 
    letter-spacing:-.4px;
    margin:0 0 6px; } 

.tld-latest-meta{ 
    display:flex; 
    gap:6px; 
    color:rgba(255,255,255,.6); 
    font-size:11px; } 
    
} 
@media(max-width:850px){ 
    .tld-latest-layout{ 
        grid-template-columns:1fr; } 
    
    .tld-latest-layout > 
    
    .sidebar{ display:none; } 
    
} 
    
    /* MOBILE VIEW (600px and below) */ 
    

    @media(max-width:600px){
        
        .tld-home-latest{ padding-top:10px; } 
        .tld-latest-layout{ gap:25px; } 
        .tld-latest-posts{ gap:16px; } 

.tld-latest-item{ grid-template-columns:120px minmax(0,1fr); gap:13px; padding-bottom:15px; } 

.tld-latest-item-image{ width:120px; height:88px; border-radius:9px; } 

.tld-latest-item-category{ margin-bottom:4px; font-size:8px; letter-spacing:1px; } 

.tld-latest-item-title{ margin-bottom:4px; font-size:15px; line-height:1.25; } 

.tld-latest-item-excerpt{ 
        display:none; 
}        

.tld-latest-item-meta{ 
    gap:5px; margin-top:6px; font-size:10px; } 

/* Mobile Big Banner Adjustments */ 

.tld-latest-featured{ 
    border-radius:14px; } 

.tld-latest-featured-image{ 
    height:230px; } 

.tld-latest-featured-content{
    position:static;
    left:auto;
    right:auto;
    bottom:auto;
    padding:14px 12px 12px;
}

.tld-latest-featured-title{ font-size:17px; line-height:1.25; } }

@media(max-width:400px){
    .tld-latest-item{
        grid-template-columns:105px minmax(0,1fr);
        gap:11px;
    }

    .tld-latest-item-image{
        width:105px;
        height:78px;
    }

    .tld-latest-item-title{
        font-size:14px;
    }

    .tld-latest-featured-image{
        height:210px;
    }

    .tld-latest-featured-title{
        font-size:15px;
    }
}

/* =========================================================
   HOMEPAGE — GUIDES-STYLE HERO
   Same visual system as the Guides page hero.
========================================================= */

.home .guides-hero{
    width:min(var(--max),92%);
    margin:32px auto 0;
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(360px,.95fr);
    gap:18px;
}

/* =========================================================
   LATEST GUIDES — 4 COLUMN GRID
   ========================================================= */

.tld-home-guides{
    width:100%;
}

/* =========================================================
   HEADING
   ========================================================= */

.tld-guides-heading{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    width:100%;
    gap:25px;
    margin-bottom:20px;
    padding:0 4px;
}

.tld-guides-title{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0;
    margin:0;
    padding:0;
}

.tld-guides-eyebrow{
    margin-bottom:6px;
    color:#ff72c3;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.tld-guides-title h2{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff;
    font-size:38px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1.2px;
}

.tld-guides-title h2 span{
    color:#ff2aa8;
}

.tld-guides-title .tld-guides-book{
    display:none !important;
}

.tld-guides-heading > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:rgba(255,255,255,.03);
    color:#fff;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
    transition:all .2s ease;
}

.tld-guides-heading > a:hover{
    border-color:#ff2aa8;
    color:#ff2aa8;
}

/* =========================================================
   4 COLUMN GRID
   ========================================================= */

.tld-guides-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:18px;
}


/* =========================================================
   GUIDE CARD
   ========================================================= */

.tld-guide-card{
    display:flex;
    flex-direction:column;

    min-width:0;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.13);
    border-radius:17px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025) 55%,
            rgba(255,42,168,.025)
        );

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.tld-guide-card:hover{
    transform:translateY(-4px);

    border-color:rgba(255,42,168,.55);

    box-shadow:
        0 18px 40px rgba(0,0,0,.22);
}


/* =========================================================
   IMAGE
   ========================================================= */

.tld-guide-image{
    position:relative;
    display:block;
    width:100%;
    height:175px;
    overflow:hidden;
    background:#101018;
}


.tld-guide-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .45s ease;
}

.tld-guide-card:hover .tld-guide-image img{
    transform:scale(1.045);
}

/* =========================================================
   CARD BODY
   ========================================================= */

.tld-guide-body{
    display:flex;
    flex-direction:column;

    flex:1;

    padding:18px;
}


/* =========================================================
   TAG
   ========================================================= */

.tld-guide-tag{
    margin-bottom:7px;

    color:#ff72c3;

    font-size:9px;
    font-weight:950;

    letter-spacing:1.5px;

    text-transform:uppercase;
}

.tld-guide-tag{
    display:none;
}


/* =========================================================
   TITLE
   ========================================================= */

.tld-guide-card-title{
    margin:0 0 px;

    font-size:18px;
    font-weight:800;
    line-height:1.25;

    letter-spacing:-.2px;
}

.tld-guide-card-title a{
    color:#fff;

    text-decoration:none;

    transition:color .18s ease;
}

.tld-guide-card-title a:hover{
    color:#ff2aa8;
}


/* =========================================================
   EXCERPT
   ========================================================= */

.tld-guide-excerpt{
    margin:0;
    color:#C6B8E6;
    font-size:14px;
    line-height:1.55;

}


/* =========================================================
   META
   ========================================================= */

.tld-guide-meta{
    display:flex;

    align-items:center;

    gap:9px;

    margin-top:auto;

    padding-top:15px;

    font-size:11px;
}

.tld-guide-author{
    color:#C6B8E6;

    font-weight:800;
}

.tld-guide-date{
    color:#C6B8E6;

}

/* =========================================================
   TABLET — 2 COLUMNS
   ========================================================= */

@media (min-width:601px) and (max-width:900px){

    .tld-guides-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
    }

    .tld-guide-card:nth-child(n+7){
        display:none;
    }

    .tld-guide-image{
        height:auto;
        aspect-ratio:16 / 9;
    }

}

/* =========================================================
   MOBILE — 2 COLUMNS / ONLY 4 POSTS
   ========================================================= */

@media(max-width:600px){

    .tld-guides-heading{
        gap:12px;

        margin-bottom:18px;

        padding:0 2px;
    }

    .tld-guides-title{
        gap:10px;
    }

    .tld-guides-title h2{
        font-size:24px;
    }

    .tld-guides-title .tld-guides-book{
        width:22px !important;
        height:22px !important;

        min-width:22px !important;
        max-width:22px !important;

        min-height:22px !important;
        max-height:22px !important;

        flex-basis:22px !important;
    }

    .tld-guides-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:14px;
    }


    /* Mobile par sirf first 4 guides */

    .tld-guide-card:nth-child(n+7){
        display:none;
    }


    .tld-guide-image{
    height:auto;
    aspect-ratio:16 / 9;
    }

    .tld-guide-body{
        padding:13px;
    }

    .tld-guide-tag{
        margin-bottom:6px;

        font-size:8px;
    }

    .tld-guide-card-title{
        margin-bottom:7px;

        font-size:15px;
        line-height:1.25;
    }

    .tld-guide-excerpt{
    display:none;
    }
    .tld-guide-meta{
        gap:7px;

        padding-top:12px;

        font-size:10px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:400px){

    .tld-guides-heading{
        margin-bottom:15px;
    }

    .tld-guides-title{
        gap:8px;
    }

    .tld-guides-title h2{
        font-size:21px;
    }

    .tld-guides-title .tld-guides-book{
        width:20px !important;
        height:20px !important;

        min-width:20px !important;
        max-width:20px !important;

        min-height:20px !important;
        max-height:20px !important;

        flex-basis:20px !important;
    }

    .tld-guides-grid{
        gap:11px;
    }

    .tld-guide-image{
        height:125px;
    }

    .tld-guide-body{
        padding:11px;
    }

    .tld-guide-card-title{
        font-size:14px;
    }

    .tld-guide-excerpt{
        display:none;
    }

}


.home .guides-featured{
    position:relative;
    display:block;
    width:100%;
    height:440px;
    min-width:0;
    overflow:hidden;
    border-radius:8px;
    background:#101018;
    border:1px solid rgba(255,255,255,.12);
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

.home .guides-featured:hover{
    border-color:#ff2bb5!important;
    box-shadow:none!important;
}

.home .guides-featured-image img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:1!important;
    transition:transform .65s ease,filter .65s ease;
}

.home .guides-featured-image img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:1!important;
    transition:transform .65s ease,filter .65s ease;
}


.home .guides-featured:hover .guides-featured-image img{
    transform:scale(1.045)!important;
    filter:brightness(1.07);
}
.home .guides-featured-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(
        180deg,
        rgba(8,7,13,.02) 0%,
        rgba(8,7,13,.08) 30%,
        rgba(8,7,13,.35) 50%,
        rgba(8,7,13,.94) 80%
    );
}

.home .guides-featured-content{
    position:absolute;
    z-index:5;
    left:30px;
    right:30px;
    bottom:28px;
}



.home .guides-featured::before{
    content:"FEATURED";
    position:absolute;
    top:16px;
    right:16px;
    z-index:5;

    padding:7px 13px;
    border-radius:5px;
    background:#FF2AA8;
    color:#fff;

    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.5px;
}

.home .guides-featured-number{
    color:#ff2bb5;
    font-size:25px;
    line-height:1;
    font-weight:900;
    margin-bottom:10px;
}

.home .guides-featured-title{
    margin:0 0 10px;
    max-width:820px;
    color:#fff!important;
    font-size:34px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.025em;
}

.home .guides-featured-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:2px;
    color:#C6B8E6;
    font-size:12px;
    line-height:1;
    font-weight:600;
}

.home .guides-featured-author{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
    color:#C6B8E6;
}

.home .guides-featured-author-avatar{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    border:1px solid rgba(255,255,255,.25);
}

.home .guides-featured-date{
    display:inline-block;
    margin:0;
    color:#C6B8E6;
    font-size:12px;
    line-height:1;
}

.home .guides-featured-flash{
    position:absolute;
    z-index:6;
    top:0;
    left:-80%;
    width:24%;
    height:100%;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 50%,
        transparent 100%
    );
    transform:skewX(-18deg);
    opacity:0;
}

.home .guides-featured:hover .guides-featured-flash{
    opacity:1;
    animation:guidesFeaturedFlashHome .9s ease;
}

@keyframes guidesFeaturedFlashHome{
    0%{left:-80%}
    100%{left:145%}
}



/* =========================================================
   HERO — RIGHT SIDE
========================================================= */

.home .guides-side{
    display:flex;
    flex-direction:column;
    width:100%;
    height:440px;
    overflow:hidden;
    background:#0d0c13;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
}

.home .guides-side-card{
    position:relative;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    flex:1;
    min-height:0;
    padding:10px 14px;
    gap:12px;
    color:#fff!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(255,255,255,.10);
    background:transparent;
    transition:background .2s ease,border-color .2s ease;
}

.home .guides-side-card:last-child{
    border-bottom:0;
}

.home .guides-side-card:hover{
    background:#14121b;
}

.home .guides-side-number{
    color:#ff2bb5;
    font-size:25px;
    line-height:1;
    font-weight:900;
    text-align:center;
}

.home .guides-side-image{
    position:absolute;
    right:14px;
    top:50%;
    width:96px;
    height:58px;
    transform:translateY(-50%) translateX(15px);
    overflow:hidden;
    border-radius:9px;
    background:#17151e;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:4;
    transition:
        opacity .25s ease,
        transform .3s ease,
        visibility .25s ease;
}

.home .guides-side-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:transform .4s ease,filter .4s ease;
}

.home .guides-side-card:hover .guides-side-image{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%) translateX(0);
}

.home .guides-side-card:hover .guides-side-image img{
    transform:scale(1.06);
    filter:brightness(1.08);
}

.home .guides-side-card:hover .guides-side-content{
    padding-right:110px;
}

.home .guides-side-content{
    min-width:0;
    overflow:hidden;
}

.home .guides-side-title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    color:#fff;
    font-size:14px;
    line-height:1.22;
    font-weight:800;
    transition:color .2s ease;
}

.home .guides-side-card:hover .guides-side-title{
    color:#ff2bb5;
}

.home .guides-side-date{
    margin-top:6px;
    color:#C6B8E6;
    font-size:11px;
    line-height:1;
    font-weight:600;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width:701px) and (max-width:1100px){

    .home .guides-featured{
        height:400px;
    }

    .home .guides-side{
        height:400px;
    }

    .home .guides-side-card{
        grid-template-columns:42px minmax(0,1fr);
        padding:8px 10px;
        gap:9px;
    }

    .home .guides-side-image{
        width:82px;
        height:52px;
    }

    .home .guides-side-number{
        font-size:21px;
    }

    .home .guides-side-title{
        font-size:12px;
        display:block;
        -webkit-line-clamp:unset;
        overflow:visible;
    }

    .home .guides-featured-title{
        font-size:28px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

    .home .guides-hero{
        width:92%;
        margin:24px auto 0;
        grid-template-columns:1fr;
        gap:12px;
    }

    .home .guides-featured{
        height:340px;
        border-radius:14px;
    }

    .home .guides-featured-content{
        left:20px;
        right:20px;
        bottom:20px;
    }

    

    .home .guides-featured-title{
        font-size:24px;
        line-height:1.1;
        margin-bottom:8px;
    }

    .home .guides-featured-meta{
        font-size:12px;
    }

    .home .guides-side{
        height:auto!important;
        border-radius:14px;
    }

    .home .guides-side-card{
        grid-template-columns:42px minmax(0,1fr)!important;
        flex:0 0 76px!important;
        height:76px!important;
        min-height:76px!important;
        max-height:76px!important;
        box-sizing:border-box;
        padding:9px 10px;
        gap:9px;
        overflow:hidden;
    }

    .home .guides-side-image{
        width:105px;
        height:63px;
    }

    .home .guides-side-number{
        font-size:21px;
    }

    .home .guides-side-title{
        font-size:13px;
    }

    .home .guides-side-date{
        margin-top:4px;
        font-size:11px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .home .guides-hero{
        width:92%;
        margin:20px auto 0;
    }

    .home .guides-featured{
        height:300px;
    }

    .home .guides-featured-content{
        left:16px;
        right:16px;
        bottom:18px;
    }

    .home .guides-featured-title{
        font-size:21px;
    }

    .home .guides-side-card{
        grid-template-columns:34px minmax(0,1fr)!important;
        flex:0 0 68px!important;
        height:68px!important;
        min-height:68px!important;
        max-height:68px!important;
        box-sizing:border-box;
        overflow:hidden;
    }

    .home .guides-side-image{
        width:90px;
        height:54px;
    }

    .home .guides-side-number{
        font-size:18px;
    }

    .home .guides-side-title{
        font-size:12px;
    }
}

/* =========================================================
   LOAD MORE BUTTON — EXACT GLASSMORPHISM + PINK HOVER/TOUCH
   ========================================================= */
.tld-loadmore-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
    padding-top: 15px;
    width: 100%;
}

.tld-loadmore-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 220px;
    padding: 13px 26px !important;
    border-radius: 12px !important;
    
    /* Exact Glass Look from Image */
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid var(--line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
    
    /* Typography */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: .3px;
    cursor: pointer;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

/* DESKTOP HOVER + MOBILE/TABLET TOUCH / FOCUS */
.tld-loadmore-btn:hover,
.tld-loadmore-btn:active,
.tld-loadmore-btn:focus {
    color: #ff2aa8 !important;
    border-color: rgba(255, 42, 168, 0.65) !important;
    background: rgba(255, 42, 168, 0.08) !important;
    box-shadow: 0 0 20px rgba(255, 42, 168, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    transform: translateY(-2px);
    outline: none !important;
}

.tld-loadmore-btn.loading {
    opacity: .6;
    pointer-events: none;
}

/* =========================================================
   TLD — GAMING NEWS — FINAL
   ========================================================= */

.tld-news-section{
    padding:35px 0;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(13,10,21,.55);
}

.tld-news-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:25px;
    margin-bottom:20px;
}

.tld-news-heading h2{
    margin:0;
    color:#fff;
    font-size:38px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1.2px;
}

.tld-news-heading h2 span{
    color:#ff2aa8;
}

.tld-news-heading p{
    margin:9px 0 0;
    color:#c6b8e6;
    font-size:12px;
    line-height:1.5;
}


/* =========================================================
   NEWS LAYOUT — DESKTOP 80/20
   ========================================================= */

.tld-news-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.4fr) minmax(0,.4fr) !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}


/* =========================================================
   FEATURED NEWS
   ========================================================= */

.tld-news-featured{
    position:relative;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    min-width:0;
    min-height:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    border-radius:15px;
    background:#0d0a15;
}

.tld-news-featured-image{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-height:430px;
    overflow:hidden;
}

.tld-news-featured-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.tld-news-featured:hover .tld-news-featured-image img{
    transform:scale(1.045);
}

.tld-news-featured-fade{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(
        to top,
        rgba(5,3,12,.96) 0%,
        rgba(5,3,12,.72) 35%,
        rgba(5,3,12,.08) 78%
    );
}

.tld-news-featured-content{
    position:absolute;
    left:22px;
    right:22px;
    bottom:22px;
    z-index:2;
}

.tld-news-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:5px 10px;
    border-radius:20px;
    background:#ff2aa8;
    color:#fff;
    font-size:9px;
    font-weight:900;
    line-height:1;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.tld-news-featured h3{
    margin:9px 0 7px;
    color:#fff;
    font-size:27px;
    line-height:1.14;
    font-weight:800;
    letter-spacing:-.5px;
}

.tld-news-featured p{
    max-width:650px;
    margin:0 0 11px;
    color:#C6B8E6;
    font-size:12px;
    line-height:1.5;
}

.tld-news-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    color:#C6B8E6;
    font-size:11px;
    line-height:1.4;
}

.tld-news-arrow{
    position:absolute;
    right:22px;
    bottom:22px;
    z-index:3;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ff2aa8;
    border-radius:50%;
    color:#fff;
    font-size:18px;
    transition:all .25s ease;
}

.tld-news-featured:hover .tld-news-arrow{
    background:#ff2aa8;
    transform:translateX(3px);
}


/* =========================================================
   SMALL NEWS CARDS
   ========================================================= */

.tld-news-card{
    min-width:0;
    min-height:0;
    width:100%;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:13px;
    background:#0d0a15;
    transition:transform .25s ease,border-color .25s ease;
}

.tld-news-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,42,168,.55);
}

.tld-news-card-image{
    display:block;
    width:100%;
    height:145px;
    overflow:hidden;
    background:#100d18;
}

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

.tld-news-card:hover .tld-news-card-image img{
    transform:scale(1.045);
}

.tld-news-card-body{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:12px;
}

.tld-news-card h3{
    margin:8px 0 8px;
    font-size:15px;
    line-height:1.25;
    font-weight:750;
}

.tld-news-card h3 a{
    color:#fff;
    text-decoration:none;
    transition:color .18s ease;
}

.tld-news-card h3 a:hover{
    color:#ff2aa8;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width:601px) and (max-width:900px){

    .tld-news-section{
        padding:30px 0;
    }

    .tld-news-heading h2{
        font-size:32px;
    }

    .tld-news-layout{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:auto !important;
        gap:16px !important;
    }

    .tld-news-featured{
        grid-column:1 / -1 !important;
        grid-row:auto !important;
    }

    .tld-news-featured-image{
        height:auto;
        min-height:0;
        aspect-ratio:16 / 9;
    }

    .tld-news-card{
        height:auto;
    }

    .tld-news-card-image{
        height:auto;
        aspect-ratio:16 / 9;
    }

    .tld-news-arrow{
        display:none;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .tld-news-section{
        padding:25px 0;
        border-radius:15px;
    }

    .tld-news-heading{
    align-items:flex-end;
    flex-direction:row;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

    .tld-news-heading h2{
        font-size:27px;
        letter-spacing:-.7px;
    }

    .tld-news-heading p{
        margin-top:7px;
        font-size:11px;
        line-height:1.5;
    }

    .tld-news-heading > a{
    display:inline-flex;
    flex-shrink:0;
}


    /* MOBILE — ONE COLUMN */

    .tld-news-layout{
        display:grid !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        gap:12px !important;
    }

    .tld-news-featured{
        grid-column:1 !important;
        grid-row:auto !important;
        width:100%;
        height:auto;
    }

    .tld-news-featured-image{
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:16 / 9;
    }

    .tld-news-featured-content{
        left:14px;
        right:14px;
        bottom:14px;
    }

    .tld-news-featured h3{
        margin:7px 0 5px;
        font-size:18px;
        line-height:1.2;
    }

    .tld-news-featured p{
        display:none;
    }

    .tld-news-featured .tld-news-meta{
        font-size:10px;
    }

    .tld-news-arrow{
        display:none;
    }


    /* MOBILE SMALL CARDS */

    .tld-news-card{
        display:grid;
        grid-template-columns:135px minmax(0,1fr);
        width:100%;
        height:auto;
        min-height:120px;
    }

    .tld-news-card-image{
        width:100%;
        height:100%;
        min-height:120px;
    }

    .tld-news-card-body{
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        padding:11px;
    }

    .tld-news-card .tld-news-badge{
        width:max-content !important;
        align-self:flex-start !important;
    }

    .tld-news-card h3{
        margin:6px 0 7px;
        font-size:14px;
        line-height:1.25;
    }

    .tld-news-card .tld-news-meta{
        font-size:10px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:400px){

    .tld-news-card{
        grid-template-columns:110px minmax(0,1fr);
        min-height:105px;
    }

    .tld-news-card-image{
        min-height:105px;
    }

    .tld-news-card-body{
        padding:9px;
    }

    .tld-news-card h3{
        font-size:13px;
    }

    .tld-news-card .tld-news-meta{
        font-size:9px;
    }

}

/* =========================================================
   SOCIAL ICONS — DESKTOP
   ========================================================= */

.tld-social{
    display:flex;
    align-items:center;
    gap:3px;
    margin-left:5px;
}

.tld-social a{

    display:flex;
    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    padding:0;

    color:#e9e4ed;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.035),
            rgba(255,42,168,.025)
        );

border:1px solid rgba(255,255,255,.18) !important;
    border-radius:9px;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;

}

.tld-social a:hover{

    color:var(--tld-pink);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,42,168,.055)
        );

    border-color:var(--tld-pink);

}

.tld-social svg{

    width:19px;
    height:19px;

    fill:currentColor;

    transition:
        color .2s ease,
        fill .2s ease;

}

/* =========================================================
   SOCIAL ICONS — MOBILE
   ========================================================= */

.tld-mobile-social{

    display:flex;

    justify-content:center;
    align-items:center;

    gap:12px;

    margin-top:28px;

}

.tld-mobile-social a{

    display:flex;
    align-items:center;
    justify-content:center;

    width:44px;
    height:44px;

    color:#e9e4ed;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.035),
            rgba(255,42,168,.025)
        );

    border:1px solid rgba(255,255,255,.18) !important;

    border-radius:9px;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;

}

.tld-mobile-social a:hover,
.tld-mobile-social a:active{

    color:var(--tld-pink);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,42,168,.055)
        );

    border-color:var(--tld-pink);

}

.tld-mobile-social svg{

    width:20px;
    height:20px;

    fill:currentColor;

}

/* =========================================================
   NEWS — TRENDING TOPICS
   ========================================================= */

.tld-news-trending{
    display:flex;
    align-items:center;
    gap:24px;
    margin:22px 60px 0;
    padding-top:0;
    padding-left:80px;
    border-top:0 !important;
}

.tld-news-trending-title{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    color:#ff2aa8;
    font-size:14px;
    font-weight:750;
    white-space:nowrap;
}

.tld-trending-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    color:#ff2aa8;
    flex:0 0 22px;
}

.tld-trending-icon svg{
    width:21px;
    height:21px;
    display:block;
    fill:currentColor;
}

.tld-news-trending-scroll{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:2px 2px 5px;
    scroll-behavior:smooth;
}

.tld-news-trending-scroll::-webkit-scrollbar{
    height:0;
}

.tld-news-trending-scroll a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 15px;
    border-radius:22px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.05);
    color:#eee9f2;
    font-size:12px;
    font-weight:650;
    text-decoration:none;
    white-space:nowrap;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.tld-news-trending-scroll a:hover{
    color:#fff;
    background:rgba(255,42,168,.10);
    border-color:rgba(255,42,168,.45);
}


/* =========================================================
   TABLET + MOBILE — HORIZONTAL TAB SCROLL
   ========================================================= */

@media(max-width:900px){

    .tld-news-trending{
        display:flex;
        align-items:center;
        gap:18px;
        margin:18px 30px 0;
        padding:0;
        border:0 !important;
    }

    .tld-news-trending-title{
        flex:0 0 auto;
        margin:0;
        font-size:12px;
    }

    .tld-news-trending-scroll{
        flex:1 1 auto;
        min-width:0;
        display:flex;
        gap:9px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px 2px 7px;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .tld-news-trending-scroll::-webkit-scrollbar{
        height:0;
    }

    .tld-news-trending-scroll.tld-is-scrolling{
        scrollbar-width:thin;
        scrollbar-color:rgba(255,255,255,.25) transparent;
    }

    .tld-news-trending-scroll.tld-is-scrolling::-webkit-scrollbar{
        height:3px;
    }

    .tld-news-trending-scroll.tld-is-scrolling::-webkit-scrollbar-track{
        background:transparent;
    }

    .tld-news-trending-scroll.tld-is-scrolling::-webkit-scrollbar-thumb{
        background:rgba(255,255,255,.25);
        border-radius:10px;
    }

    .tld-news-trending-scroll a{
        flex:0 0 auto;
        min-height:38px;
        padding:0 16px;
        font-size:11px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:600px){

    .tld-news-trending{
        display:block;
        margin:16px 16px 0;
        padding:0;
        border:0 !important;
    }

    .tld-news-trending-title{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        margin:0 0 14px;
        font-size:12px;
    }

    .tld-trending-icon{
        width:22px;
        height:22px;
        flex:0 0 22px;
    }

    .tld-trending-icon svg{
        width:21px;
        height:21px;
    }

    .tld-news-trending-scroll{
        display:flex;
        width:100%;
        gap:10px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0 0 8px;

        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .tld-news-trending-scroll::-webkit-scrollbar{
        height:0;
    }

    /* Touch / scrolling par scrollbar */
    .tld-news-trending-scroll.tld-is-scrolling{
        scrollbar-width:thin;
        scrollbar-color:rgba(255,255,255,.25) transparent;
    }

    .tld-news-trending-scroll.tld-is-scrolling::-webkit-scrollbar{
        height:3px;
    }

    .tld-news-trending-scroll.tld-is-scrolling::-webkit-scrollbar-track{
        background:transparent;
    }

    .tld-news-trending-scroll.tld-is-scrolling::-webkit-scrollbar-thumb{
        background:rgba(255,255,255,.25);
        border-radius:10px;
    }

    .tld-news-trending-scroll a{
        flex:0 0 auto;
        min-height:48px;
        padding:0 25px;
        border-radius:25px;
        font-size:12px;
    }
}



/* =========================================================
   TLD — SINGLE POST E-E-A-T AUTHOR BOX
   LIGHT PREMIUM VERSION
   ========================================================= */

.tld-single-author-box{
    width:100%;
    max-width:780px;
    margin:52px 0 42px 0;
    padding:30px;
    position:relative;
    overflow:hidden;

    background:#ffffff;
    color:#17131a;

    border:1px solid rgba(255,43,181,.20);
    border-radius:18px;

    box-shadow:
        0 12px 40px rgba(20,10,25,.08),
        0 2px 10px rgba(20,10,25,.04);

    box-sizing:border-box;
}


/* Soft pink background glow */

.tld-single-author-box::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    right:-150px;
    top:-150px;

    background:radial-gradient(
        circle,
        rgba(255,43,181,.10) 0%,
        rgba(255,43,181,0) 70%
    );

    pointer-events:none;
}


/* HEADING */

.tld-author-heading{
    display:flex;
    align-items:center;
    gap:10px;

    margin:0 0 25px;

    color:#1b1720;

    font-size:11px;
    line-height:1;
    font-weight:950;
    letter-spacing:2px;
    text-transform:uppercase;
}


.tld-author-heading-mark{
    display:block;
    width:5px;
    height:22px;

    background:#ff2bb5;

    border-radius:2px;

    transform:skewX(-14deg);
}


/* MAIN */

.tld-author-inner{
    display:grid;

    grid-template-columns:180px minmax(0,1fr);

    gap:28px;

    align-items:center;

    position:relative;
    z-index:2;
}


/* =========================================================
   AVATAR
   ========================================================= */

.tld-author-avatar-wrap{
    width:180px;
    height:180px;

    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
}


.tld-author-avatar-link{
    display:block;

    width:170px;
    height:170px;

    padding:5px;

    border-radius:50%;

    background:#ff2bb5;

    box-sizing:border-box;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.18),
        0 10px 30px rgba(255,43,181,.20);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.tld-author-avatar-link:hover{
    transform:translateY(-2px);

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.28),
        0 14px 35px rgba(255,43,181,.25);
}


.tld-author-avatar{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:50%;

    background:#eee;
}


/* =========================================================
   CROWN BADGE
   ========================================================= */

.tld-author-crown{
    position:absolute;

    right:0;
    bottom:2px;

    width:54px;
    height:54px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    background:#ff2bb5;

    border:4px solid #fff;

    border-radius:50%;

    box-shadow:
        0 6px 18px rgba(255,43,181,.28);

    z-index:5;
}


/* =========================================================
   AUTHOR CONTENT
   ========================================================= */

.tld-author-content{
    min-width:0;
}


.tld-author-name-row{
    display:flex;
    align-items:center;
    gap:9px;
}


.tld-author-name{
    margin:0;

    font-size:32px;
    line-height:1.05;

    font-weight:900;

    letter-spacing:-1px;
}


.tld-author-name a{
    color:#17131a;
    text-decoration:none;
}


.tld-author-name a:hover{
    color:#ff2bb5;
}


.tld-author-verified{
    width:23px;
    height:23px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:#ff2bb5;

    flex:0 0 23px;
}


.tld-author-role{
    margin-top:8px;

    color:#ff2bb5;

    font-size:11px;
    line-height:1.3;

    font-weight:900;

    letter-spacing:1.6px;

    text-transform:uppercase;
}


.tld-author-bio{
    max-width:650px;

    margin:13px 0 0;

    color:#514b56;

    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   AUTHOR FACTS
   ========================================================= */

.tld-author-facts{
    display:flex;

    flex-wrap:wrap;

    gap:0;

    margin-top:20px;
}


.tld-author-fact{
    display:flex;
    align-items:center;

    gap:9px;

    min-height:42px;

    padding:0 18px;

    border-right:1px solid rgba(20,15,25,.12);
}


.tld-author-fact:first-child{
    padding-left:0;
}


.tld-author-fact:last-child{
    border-right:0;
}


.tld-author-fact-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    color:#ff2bb5;

    flex:0 0 22px;
}


.tld-author-fact span:last-child{
    display:flex;
    flex-direction:column;
    gap:2px;
}


.tld-author-fact strong{
    color:#17131a;

    font-size:15px;
    line-height:1.1;

    font-weight:900;
}


.tld-author-fact small{
    color:#77717b;

    font-size:9px;
    line-height:1.2;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.6px;
}


/* =========================================================
   SOCIAL + BUTTON
   ========================================================= */

.tld-author-bottom{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    margin-top:21px;
}


.tld-author-socials{
    display:flex;
    align-items:center;
    gap:8px;
}


.tld-author-socials a{
    width:34px;
    height:34px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#38323b;

    background:#f4f2f5;

    border:1px solid rgba(20,15,25,.10);

    font-size:13px;
    font-weight:800;

    text-decoration:none;

    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}


.tld-author-socials a:hover{
    color:#fff;

    background:#ff2bb5;

    border-color:#ff2bb5;

    transform:translateY(-2px);
}


.tld-author-view-posts{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:43px;

    padding:0 18px;

    border-radius:9px;

    background:#ff2bb5;

    color:#fff !important;

    font-size:12px;

    font-weight:900;

    text-decoration:none !important;

    box-shadow:0 8px 22px rgba(255,43,181,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.tld-author-view-posts span{
    font-size:18px;
    line-height:1;
}


.tld-author-view-posts:hover{
    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(255,43,181,.25);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:900px){

    .tld-single-author-box{
        max-width:100%;
        padding:25px;
    }

    .tld-author-inner{
        grid-template-columns:145px minmax(0,1fr);
        gap:22px;
    }

    .tld-author-avatar-wrap{
        width:145px;
        height:145px;
    }

    .tld-author-avatar-link{
        width:138px;
        height:138px;
    }

    .tld-author-crown{
        width:48px;
        height:48px;
    }

    .tld-author-crown svg{
        width:20px;
        height:20px;
    }

    .tld-author-name{
        font-size:28px;
    }

    .tld-author-fact{
        padding:0 13px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:600px){

    .tld-single-author-box{
        margin:38px 0 32px;

        padding:22px 18px;

        border-radius:15px;
    }

    .tld-author-heading{
        margin-bottom:22px;

        font-size:10px;
        letter-spacing:1.7px;
    }

    .tld-author-heading-mark{
        width:4px;
        height:19px;
    }

    .tld-author-inner{
        display:flex;
        flex-direction:column;

        gap:18px;

        align-items:center;

        text-align:center;
    }

    .tld-author-avatar-wrap{
        width:145px;
        height:145px;
    }

    .tld-author-avatar-link{
        width:138px;
        height:138px;
    }

    .tld-author-crown{
        right:0;
        bottom:0;

        width:47px;
        height:47px;

        border-width:3px;
    }

    .tld-author-name-row{
        justify-content:center;
    }

    .tld-author-name{
        font-size:25px;
        letter-spacing:-.6px;
    }

    .tld-author-verified{
        width:21px;
        height:21px;
        flex-basis:21px;
    }

    .tld-author-role{
        font-size:9px;
        letter-spacing:1.3px;
    }

    .tld-author-bio{
        font-size:12px;
        line-height:1.65;
    }

    .tld-author-facts{
        justify-content:center;

        width:100%;

        margin-top:18px;
    }

    .tld-author-fact{
        flex:1 1 30%;

        justify-content:center;

        padding:0 8px;

        border-right:1px solid rgba(20,15,25,.10);
    }

    .tld-author-fact:first-child{
        padding-left:8px;
    }

    .tld-author-fact strong{
        font-size:13px;
    }

    .tld-author-fact small{
        font-size:8px;
    }

    .tld-author-bottom{
        width:100%;

        flex-direction:column;

        gap:14px;

        margin-top:20px;
    }

    .tld-author-socials{
        justify-content:center;
    }

    .tld-author-view-posts{
        width:100%;
    }
}

/* =========================================================
   TLD — AUTHOR BOX FINAL PREMIUM POLISH
   ========================================================= */

/* Main card */
.tld-single-author-box{
    max-width:780px !important;
    margin:52px 0 44px !important;
    padding:30px !important;

    background:#fff !important;

    border:1px solid rgba(255,43,181,.16) !important;
    border-radius:18px !important;

    box-shadow:
        0 16px 45px rgba(24,12,30,.07),
        0 3px 10px rgba(24,12,30,.035) !important;
}


/* Remove unwanted focus/outline around author name */
.tld-author-name a,
.tld-author-name a:focus,
.tld-author-name a:active{
    outline:none !important;
    box-shadow:none !important;
}


/* Heading */
.tld-author-heading{
    margin-bottom:26px !important;
    color:#16121a !important;
}


/* Author area */
.tld-author-inner{
    grid-template-columns:190px minmax(0,1fr) !important;
    gap:28px !important;
}


/* =========================================================
   AUTHOR PHOTO
   ========================================================= */

.tld-author-avatar-wrap{
    width:190px !important;
    height:190px !important;
}


.tld-author-avatar-link{
    width:178px !important;
    height:178px !important;
    padding:5px !important;

    background:#ff2bb5 !important;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.18),
        0 12px 30px rgba(255,43,181,.18) !important;
}


.tld-author-avatar{
    width:100% !important;
    height:100% !important;

    border-radius:50% !important;
}


/* Crown badge */
.tld-author-crown{
    width:55px !important;
    height:55px !important;

    right:0 !important;
    bottom:3px !important;

    background:#ff2bb5 !important;

    border:4px solid #fff !important;
    border-radius:50% !important;

    box-shadow:
        0 7px 20px rgba(255,43,181,.28) !important;
}


/* =========================================================
   AUTHOR NAME
   ========================================================= */

.tld-author-name{
    margin:0 !important;

    font-size:32px !important;
    line-height:1.05 !important;

    font-weight:900 !important;
    letter-spacing:-1.1px !important;
}


.tld-author-name a{
    color:#17131a !important;
    text-decoration:none !important;
}


.tld-author-name a:hover{
    color:#ff2bb5 !important;
}


/* Verified icon */
.tld-author-verified{
    color:#ff2bb5 !important;

    width:22px !important;
    height:22px !important;

    flex:0 0 22px !important;
}


/* Role */
.tld-author-role{
    display:inline-flex !important;
    align-items:center !important;

    margin-top:9px !important;
    padding:7px 12px !important;

    color:#ff2bb5 !important;

    background:rgba(255,43,181,.035) !important;

    border:1px solid rgba(255,43,181,.38) !important;
    border-radius:20px !important;

    font-size:10px !important;
    font-weight:900 !important;

    letter-spacing:1.35px !important;
}


/* Bio */
.tld-author-bio{
    max-width:620px !important;
    margin:14px 0 0 !important;
    color:#17131a !important;
    font-size:13px !important;
    line-height:1.7 !important;
}


/* =========================================================
   FACTS
   ========================================================= */

.tld-author-facts{
    margin-top:21px !important;
}


.tld-author-fact{
    min-height:44px !important;
    padding:0 17px !important;

    border-right:1px solid rgba(25,18,30,.11) !important;
}


.tld-author-fact:first-child{
    padding-left:0 !important;
}


.tld-author-fact-icon{
    color:#ff2bb5 !important;
}


.tld-author-fact strong{
    color:#17131a !important;
    font-size:15px !important;
}


.tld-author-fact small{
    color:#77717c !important;

    font-size:8px !important;
    letter-spacing:.7px !important;
}


/* =========================================================
   BOTTOM AREA
   ========================================================= */

.tld-author-bottom{
    margin-top:22px !important;

    align-items:center !important;
}


/* Social */
.tld-author-socials{
    gap:8px !important;
}


.tld-author-socials a{
    width:35px !important;
    height:35px !important;

    background:#f7f5f8 !important;

    border:1px solid rgba(25,18,30,.09) !important;

    color:#302b34 !important;
}


.tld-author-socials a:hover{
    background:#ff2bb5 !important;
    border-color:#ff2bb5 !important;
    color:#fff !important;
}


/* View posts button */
.tld-author-view-posts{
    min-height:44px !important;

    padding:0 20px !important;

    background:#ff2bb5 !important;
    color:#fff !important;

    border:1px solid #ff2bb5 !important;
    border-radius:9px !important;

    font-size:12px !important;
    font-weight:900 !important;

    box-shadow:
        0 8px 20px rgba(255,43,181,.18) !important;
}


.tld-author-view-posts:hover{
    background:#f51da7 !important;
    color:#fff !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 12px 25px rgba(255,43,181,.25) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .tld-single-author-box{
        max-width:100% !important;
        padding:26px !important;
    }

    .tld-author-inner{
        grid-template-columns:155px minmax(0,1fr) !important;
        gap:24px !important;
    }

    .tld-author-avatar-wrap{
        width:155px !important;
        height:155px !important;
    }

    .tld-author-avatar-link{
        width:146px !important;
        height:146px !important;
    }

    .tld-author-crown{
        width:48px !important;
        height:48px !important;
    }

    .tld-author-name{
        font-size:28px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .tld-single-author-box{
        margin:38px 0 34px !important;
        padding:23px 18px !important;

        border-radius:15px !important;
    }

    .tld-author-heading{
        margin-bottom:23px !important;
        font-size:10px !important;
    }

    .tld-author-inner{
        display:flex !important;
        flex-direction:column !important;

        align-items:center !important;
        gap:18px !important;

        text-align:center !important;
    }

    .tld-author-avatar-wrap{
        width:150px !important;
        height:150px !important;
    }

    .tld-author-avatar-link{
        width:142px !important;
        height:142px !important;
    }

    .tld-author-crown{
        width:48px !important;
        height:48px !important;

        right:0 !important;
        bottom:0 !important;

        border-width:3px !important;
    }

    .tld-author-name-row{
        justify-content:center !important;
    }

    .tld-author-name{
        font-size:25px !important;
        letter-spacing:-.7px !important;
    }

    .tld-author-role{
        font-size:9px !important;
        letter-spacing:1.15px !important;
    }

    .tld-author-bio{
        font-size:12px !important;
        line-height:1.65 !important;
    }

    .tld-author-facts{
        width:100% !important;

        justify-content:center !important;

        margin-top:18px !important;
    }

    .tld-author-fact{
        flex:1 1 0 !important;

        justify-content:center !important;

        padding:0 6px !important;
    }

    .tld-author-fact strong{
        font-size:13px !important;
    }

    .tld-author-fact small{
        font-size:7px !important;
    }

    .tld-author-bottom{
        width:100% !important;

        flex-direction:column !important;
        gap:14px !important;
    }

    .tld-author-socials{
        justify-content:center !important;
    }

    .tld-author-view-posts{
        width:100% !important;
    }
}

/* =========================================================
   TLD — AUTHOR BOX FINAL LAYOUT V2
   ========================================================= */


/* =========================================================
   MAIN CARD
   ========================================================= */

.tld-single-author-box{
    width:100% !important;
    max-width:780px !important;

    margin:48px 0 42px !important;
    padding:27px 30px 25px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 78%,
            #fff8fc 100%
        ) !important;

    border:1px solid rgba(255,43,181,.15) !important;

    border-radius:18px !important;

    box-shadow:
        0 15px 42px rgba(25,12,30,.065),
        0 2px 8px rgba(25,12,30,.025) !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.tld-author-heading{
    display:flex !important;
    align-items:center !important;

    gap:10px !important;

    margin:0 0 22px !important;

    color:#17131b !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:950 !important;

    letter-spacing:1.9px !important;
}


.tld-author-heading-mark{
    width:5px !important;
    height:22px !important;

    flex:0 0 5px !important;

    background:#ff2bb5 !important;

    border-radius:2px !important;

    transform:skewX(-14deg) !important;
}


/* =========================================================
   MAIN AUTHOR LAYOUT
   ========================================================= */

.tld-author-inner{
    display:grid !important;

    grid-template-columns:175px minmax(0,1fr) !important;

    gap:27px !important;

    align-items:center !important;

    position:relative !important;

    z-index:2 !important;
}


/* =========================================================
   PHOTO
   ========================================================= */

.tld-author-avatar-wrap{
    width:175px !important;
    height:175px !important;

    position:relative !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    flex:0 0 175px !important;
}


.tld-author-avatar-link{
    width:164px !important;
    height:164px !important;

    padding:5px !important;

    display:block !important;

    border-radius:50% !important;

    background:#ff2bb5 !important;

    box-sizing:border-box !important;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.17),
        0 10px 28px rgba(255,43,181,.17) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


.tld-author-avatar-link:hover{
    transform:translateY(-2px) !important;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.26),
        0 14px 34px rgba(255,43,181,.23) !important;
}


.tld-author-avatar{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    border-radius:50% !important;

    background:#eee !important;
}


/* =========================================================
   CROWN
   ========================================================= */

.tld-author-crown{
    position:absolute !important;

    right:0 !important;
    bottom:2px !important;

    width:51px !important;
    height:51px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#fff !important;

    background:#ff2bb5 !important;

    border:4px solid #fff !important;

    border-radius:50% !important;

    box-shadow:
        0 7px 20px rgba(255,43,181,.27) !important;

    z-index:5 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.tld-author-content{
    min-width:0 !important;
}


/* NAME */

.tld-author-name-row{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    min-height:34px !important;
}


.tld-author-name{
    margin:0 !important;

    font-size:31px !important;

    line-height:1.05 !important;

    font-weight:900 !important;

    letter-spacing:-1.1px !important;
}


.tld-author-name a,
.tld-author-name a:focus,
.tld-author-name a:active{
    color:#17131a !important;

    text-decoration:none !important;

    outline:none !important;

    box-shadow:none !important;
}


.tld-author-name a:hover{
    color:#ff2bb5 !important;
}


/* VERIFIED */

.tld-author-verified{
    width:21px !important;
    height:21px !important;

    flex:0 0 21px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#ff2bb5 !important;
}


/* =========================================================
   ROLE
   ========================================================= */

.tld-author-role{
    display:inline-flex !important;

    align-items:center !important;

    width:max-content !important;
    max-width:100% !important;

    margin-top:7px !important;

    padding:6px 11px !important;

    color:#ff2bb5 !important;

    background:rgba(255,43,181,.025) !important;

    border:1px solid rgba(255,43,181,.34) !important;

    border-radius:18px !important;

    font-size:9px !important;

    line-height:1.2 !important;

    font-weight:900 !important;

    letter-spacing:1.35px !important;

    text-transform:uppercase !important;
}


/* =========================================================
   SHORT BIO
   ========================================================= */

.tld-author-bio{
    max-width:620px !important;

    margin:12px 0 0 !important;
    color:#000 !important;
    font-size:12.5px !important;

    line-height:1.62 !important;

    font-weight:450 !important;
}


/* READ FULL BIO */

.tld-author-read-bio{
    display:inline-flex !important;

    align-items:center !important;

    gap:5px !important;

    margin-top:5px !important;

    color:#ff2bb5 !important;

    font-size:10px !important;

    line-height:1.2 !important;

    font-weight:850 !important;

    text-decoration:none !important;
}


.tld-author-read-bio span{
    font-size:14px !important;

    line-height:1 !important;

    transition:transform .2s ease !important;
}


.tld-author-read-bio:hover{
    color:#e71989 !important;
}


.tld-author-read-bio:hover span{
    transform:translateX(3px) !important;
}


/* =========================================================
   FACTS
   ========================================================= */

.tld-author-facts{
    display:flex !important;

    align-items:center !important;

    flex-wrap:nowrap !important;

    margin-top:15px !important;

    width:100% !important;
}


.tld-author-fact{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    min-height:39px !important;

    padding:0 15px !important;

    border-right:1px solid rgba(25,18,30,.10) !important;

    box-sizing:border-box !important;
}


.tld-author-fact:first-child{
    padding-left:0 !important;
}


.tld-author-fact:last-child{
    border-right:0 !important;
}


.tld-author-fact-icon{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#ff2bb5 !important;

    flex:0 0 21px !important;
}


.tld-author-fact span:last-child{
    display:flex !important;

    flex-direction:column !important;

    gap:2px !important;
}


.tld-author-fact strong{
    color:#17131a !important;

    font-size:14px !important;

    line-height:1.05 !important;

    font-weight:900 !important;
}


.tld-author-fact small{
    color:#77717c !important;

    font-size:7.5px !important;

    line-height:1.15 !important;

    font-weight:800 !important;

    letter-spacing:.65px !important;

    text-transform:uppercase !important;
}


/* =========================================================
   BOTTOM
   ========================================================= */

.tld-author-bottom{
    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:14px !important;

    margin-top:17px !important;

    width:100% !important;
}


/* SOCIALS */

.tld-author-socials{
    display:flex !important;

    align-items:center !important;

    gap:7px !important;
}


.tld-author-socials:empty{
    display:none !important;
}


.tld-author-socials a{
    width:32px !important;
    height:32px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#39323d !important;

    background:#f7f5f8 !important;

    border:1px solid rgba(25,18,30,.08) !important;

    border-radius:50% !important;

    text-decoration:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


.tld-author-socials a:hover{
    color:#fff !important;

    background:#ff2bb5 !important;

    border-color:#ff2bb5 !important;

    transform:translateY(-2px) !important;
}


/* VIEW ALL */

.tld-author-view-posts{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    min-height:42px !important;

    padding:0 18px !important;

    background:#ff2bb5 !important;

    color:#fff !important;

    border:1px solid #ff2bb5 !important;

    border-radius:9px !important;

    font-size:11px !important;

    font-weight:900 !important;

    text-decoration:none !important;

    box-shadow:
        0 7px 18px rgba(255,43,181,.17) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}


.tld-author-view-posts:hover{
    background:#f31fa9 !important;

    color:#fff !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 10px 24px rgba(255,43,181,.24) !important;
}


.tld-author-view-posts span:last-child{
    font-size:17px !important;

    line-height:1 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .tld-single-author-box{
        max-width:100% !important;

        padding:25px !important;
    }

    .tld-author-inner{
        grid-template-columns:145px minmax(0,1fr) !important;

        gap:22px !important;
    }

    .tld-author-avatar-wrap{
        width:145px !important;
        height:145px !important;

        flex-basis:145px !important;
    }

    .tld-author-avatar-link{
        width:136px !important;
        height:136px !important;
    }

    .tld-author-crown{
        width:47px !important;
        height:47px !important;

        border-width:3px !important;
    }

    .tld-author-name{
        font-size:27px !important;
    }

    .tld-author-facts{
        gap:0 !important;
    }

    .tld-author-fact{
        padding:0 10px !important;
    }

    .tld-author-fact:first-child{
        padding-left:0 !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .tld-single-author-box{
        margin:38px 0 32px !important;

        padding:22px 17px !important;

        border-radius:15px !important;
    }

    .tld-author-heading{
        margin-bottom:21px !important;

        font-size:9px !important;

        letter-spacing:1.6px !important;
    }

    .tld-author-inner{
        display:flex !important;

        flex-direction:column !important;

        align-items:center !important;

        gap:16px !important;

        text-align:center !important;
    }

    .tld-author-avatar-wrap{
        width:145px !important;
        height:145px !important;

        flex-basis:145px !important;
    }

    .tld-author-avatar-link{
        width:136px !important;
        height:136px !important;
    }

    .tld-author-crown{
        width:46px !important;
        height:46px !important;

        right:0 !important;
        bottom:0 !important;

        border-width:3px !important;
    }

    .tld-author-name-row{
        justify-content:center !important;
    }

    .tld-author-name{
        font-size:25px !important;
    }

    .tld-author-role{
        margin-top:7px !important;

        font-size:8px !important;

        letter-spacing:1.05px !important;
    }

    .tld-author-bio{
        max-width:100% !important;

        margin-top:11px !important;

        font-size:12px !important;

        line-height:1.62 !important;
    }

    .tld-author-read-bio{
        font-size:9.5px !important;
    }

    .tld-author-facts{
        width:100% !important;

        justify-content:center !important;

        margin-top:15px !important;
    }

    .tld-author-fact{
        flex:1 1 0 !important;

        justify-content:center !important;

        gap:6px !important;

        padding:0 5px !important;
    }

    .tld-author-fact:first-child{
        padding-left:5px !important;
    }

    .tld-author-fact-icon{
        flex-basis:19px !important;
    }

    .tld-author-fact strong{
        font-size:12px !important;
    }

    .tld-author-fact small{
        font-size:6.5px !important;
    }

    .tld-author-bottom{
        flex-direction:column !important;

        gap:12px !important;

        margin-top:18px !important;
    }

    .tld-author-socials{
        justify-content:center !important;
    }

    .tld-author-view-posts{
        width:100% !important;

        min-height:42px !important;
    }
}

/* =========================================================
   TLD — VICE CITY LIGHT AUTHOR BACKGROUND
   FINAL DECORATIVE POLISH
   ========================================================= */

/* Main author card */
.tld-single-author-box{
    position:relative !important;
    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(255,43,181,.10) 0%,
            rgba(255,43,181,.045) 20%,
            transparent 45%
        ),
        radial-gradient(
            circle at 82% 92%,
            rgba(130,80,255,.055) 0%,
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 67%,
            #fff9fd 100%
        ) !important;
}


/* =========================================================
   SOFT VICE CITY ATMOSPHERE
   ========================================================= */

.tld-single-author-box::before{
    content:"VICE CITY";

    position:absolute;

    right:-15px;
    top:24px;

    z-index:0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:86px;
    line-height:1;

    font-weight:950;

    letter-spacing:-5px;

    color:rgba(255,43,181,.045);

    transform:skewX(-5deg);

    pointer-events:none;

    white-space:nowrap;
}


/* =========================================================
   FAINT SKYLINE
   ========================================================= */

.tld-single-author-box::after{
    content:"";

    position:absolute;

    right:-10px;
    bottom:-1px;

    width:48%;
    height:48%;

    z-index:0;

    opacity:.34;

    pointer-events:none;

    background:

        /* skyline buildings */
        linear-gradient(
            to top,
            rgba(112,91,125,.065) 0 42%,
            transparent 42%
        ) 5% 100% / 16px 58% no-repeat,

        linear-gradient(
            to top,
            rgba(112,91,125,.055) 0 58%,
            transparent 58%
        ) 13% 100% / 24px 70% no-repeat,

        linear-gradient(
            to top,
            rgba(112,91,125,.065) 0 36%,
            transparent 36%
        ) 23% 100% / 18px 52% no-repeat,

        linear-gradient(
            to top,
            rgba(112,91,125,.055) 0 72%,
            transparent 72%
        ) 34% 100% / 28px 84% no-repeat,

        linear-gradient(
            to top,
            rgba(112,91,125,.065) 0 48%,
            transparent 48%
        ) 47% 100% / 21px 62% no-repeat,

        linear-gradient(
            to top,
            rgba(112,91,125,.05) 0 64%,
            transparent 64%
        ) 60% 100% / 30px 76% no-repeat,

        linear-gradient(
            to top,
            rgba(112,91,125,.055) 0 40%,
            transparent 40%
        ) 75% 100% / 22px 55% no-repeat,

        /* pink horizon glow */
        radial-gradient(
            ellipse at 70% 100%,
            rgba(255,43,181,.13),
            transparent 65%
        );

    mask-image:
        linear-gradient(
            to top,
            #000 0%,
            rgba(0,0,0,.8) 50%,
            transparent 100%
        );
}


/* =========================================================
   CONTENT MUST STAY ABOVE BACKGROUND
   ========================================================= */

.tld-author-heading,
.tld-author-inner{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   PHOTO — EXTRA PREMIUM GLOW
   ========================================================= */

.tld-author-avatar-link{
    background:
        linear-gradient(
            135deg,
            #ff2bb5 0%,
            #ff2bb5 55%,
            #8e63ff 100%
        ) !important;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.18),
        0 10px 28px rgba(255,43,181,.20) !important;
}


/* Crown */
.tld-author-crown{
    background:#ff2bb5 !important;

    box-shadow:
        0 8px 22px rgba(255,43,181,.30) !important;
}


/* =========================================================
   NAME + CONTENT
   ========================================================= */

.tld-author-name{
    color:#17131a !important;
}


.tld-author-role{
    color:#ff2bb5 !important;

    background:
        rgba(255,43,181,.035) !important;

    border-color:
        rgba(255,43,181,.32) !important;
}


.tld-author-bio{
    color:#fff !important;
}


/* =========================================================
   READ FULL BIO
   ========================================================= */

.tld-author-read-bio{
    color:#ff2bb5 !important;

    font-weight:850 !important;
}


.tld-author-read-bio:hover{
    color:#e71989 !important;
}


/* =========================================================
   STATS
   ========================================================= */

.tld-author-fact{
    border-right-color:
        rgba(25,18,30,.09) !important;
}


.tld-author-fact-icon{
    color:#ff2bb5 !important;
}


.tld-author-fact strong{
    color:#17131a !important;
}


.tld-author-fact small{
    color:#77717c !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.tld-author-view-posts{
    background:#ff2bb5 !important;

    border-color:#ff2bb5 !important;

    box-shadow:
        0 9px 23px rgba(255,43,181,.18) !important;
}


.tld-author-view-posts:hover{
    background:#f31fa9 !important;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.tld-author-socials a{
    background:
        rgba(255,255,255,.82) !important;

    backdrop-filter:blur(5px);

    border-color:
        rgba(25,18,30,.08) !important;

    color:#332e38 !important;
}


.tld-author-socials a:hover{
    background:#ff2bb5 !important;

    color:#fff !important;

    border-color:#ff2bb5 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .tld-single-author-box::before{
        right:-25px;
        top:35px;

        font-size:68px;

        opacity:.8;
    }

    .tld-single-author-box::after{
        width:50%;
        height:40%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .tld-single-author-box{
        background:
            radial-gradient(
                circle at 90% 10%,
                rgba(255,43,181,.08),
                transparent 42%
            ),
            linear-gradient(
                135deg,
                #ffffff,
                #fffafd
            ) !important;
    }


    /* Keep decoration very subtle on mobile */
    .tld-single-author-box::before{
        right:-40px;
        top:42px;

        font-size:46px;

        letter-spacing:-3px;

        color:rgba(255,43,181,.035);
    }


    .tld-single-author-box::after{
        right:-20px;
        bottom:0;

        width:60%;
        height:30%;

        opacity:.20;
    }
}

/* =========================================================
   THE LEONIDA DAILY
   SINGLE POST — FINAL E-E-A-T AUTHOR BOX
   LIGHT VICE CITY EDITION
   ========================================================= */

.tld-single-author-box{
    position:relative !important;
    width:100% !important;
    max-width:780px !important;

    margin:48px 0 42px !important;
    padding:27px 30px 25px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 91% 12%,
            rgba(255,43,181,.055) 0%,
            rgba(255,43,181,.022) 22%,
            transparent 48%
        ),
        radial-gradient(
            circle at 86% 94%,
            rgba(132,92,255,.035) 0%,
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 72%,
            #fffafd 100%
        ) !important;

    border:1px solid rgba(255,43,181,.16) !important;

    border-radius:18px !important;

    box-shadow:
        0 16px 45px rgba(25,12,30,.065),
        0 3px 10px rgba(25,12,30,.025) !important;
}


/* =========================================================
   VERY SUBTLE VICE CITY WATERMARK
   ========================================================= */

.tld-single-author-box::before{
    content:"VICE CITY";

    position:absolute;

    right:-18px;
    top:34px;

    z-index:0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:76px;
    line-height:1;

    font-weight:950;

    letter-spacing:-5px;

    white-space:nowrap;

    color:rgba(255,43,181,.024);

    transform:skewX(-5deg);

    pointer-events:none;
}


/* =========================================================
   FAINT CITY / HORIZON DECORATION
   ========================================================= */

.tld-single-author-box::after{
    content:"";

    position:absolute;

    right:-5px;
    bottom:-5px;

    width:48%;
    height:45%;

    z-index:0;

    pointer-events:none;

    opacity:.20;

    background:

        /* buildings */
        linear-gradient(
            to top,
            rgba(110,91,125,.055) 0 46%,
            transparent 46%
        ) 4% 100% / 16px 58% no-repeat,

        linear-gradient(
            to top,
            rgba(110,91,125,.045) 0 65%,
            transparent 65%
        ) 13% 100% / 23px 78% no-repeat,

        linear-gradient(
            to top,
            rgba(110,91,125,.050) 0 38%,
            transparent 38%
        ) 24% 100% / 18px 50% no-repeat,

        linear-gradient(
            to top,
            rgba(110,91,125,.045) 0 73%,
            transparent 73%
        ) 35% 100% / 27px 84% no-repeat,

        linear-gradient(
            to top,
            rgba(110,91,125,.050) 0 52%,
            transparent 52%
        ) 49% 100% / 20px 64% no-repeat,

        linear-gradient(
            to top,
            rgba(110,91,125,.040) 0 67%,
            transparent 67%
        ) 62% 100% / 28px 76% no-repeat,

        linear-gradient(
            to top,
            rgba(110,91,125,.045) 0 43%,
            transparent 43%
        ) 77% 100% / 21px 56% no-repeat,

        /* horizon glow */
        radial-gradient(
            ellipse at 72% 100%,
            rgba(255,43,181,.075),
            transparent 68%
        );

    mask-image:
        linear-gradient(
            to top,
            #000 0%,
            rgba(0,0,0,.65) 45%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to top,
            #000 0%,
            rgba(0,0,0,.65) 45%,
            transparent 100%
        );
}


/* =========================================================
   KEEP CONTENT ABOVE DECORATION
   ========================================================= */

.tld-author-heading,
.tld-author-inner{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.tld-author-heading{
    display:flex !important;
    align-items:center !important;

    gap:10px !important;

    margin:0 0 22px !important;

    color:#17131b !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:950 !important;

    letter-spacing:1.9px !important;

    text-transform:uppercase !important;
}


.tld-author-heading-mark{
    width:5px !important;
    height:22px !important;

    flex:0 0 5px !important;

    background:#ff2bb5 !important;

    border-radius:2px !important;

    transform:skewX(-14deg) !important;
}


/* =========================================================
   MAIN AUTHOR LAYOUT
   ========================================================= */

.tld-author-inner{
    display:grid !important;

    grid-template-columns:175px minmax(0,1fr) !important;

    gap:27px !important;

    align-items:center !important;

    width:100% !important;
}


/* =========================================================
   AUTHOR PHOTO
   ========================================================= */

.tld-author-avatar-wrap{
    position:relative !important;

    width:175px !important;
    height:175px !important;

    flex:0 0 175px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;
}


.tld-author-avatar-link{
    display:block !important;

    width:164px !important;
    height:164px !important;

    padding:5px !important;

    box-sizing:border-box !important;

    border-radius:50% !important;

    background:
        linear-gradient(
            135deg,
            #ff2bb5 0%,
            #ff2bb5 55%,
            #8b65ff 100%
        ) !important;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.17),
        0 10px 28px rgba(255,43,181,.18) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}


.tld-author-avatar-link:hover{
    transform:translateY(-2px) !important;

    box-shadow:
        0 0 0 3px #fff,
        0 0 0 5px rgba(255,43,181,.25),
        0 14px 34px rgba(255,43,181,.22) !important;
}


.tld-author-avatar{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    border-radius:50% !important;

    background:#eee !important;
}


/* =========================================================
   CROWN BADGE
   ========================================================= */

.tld-author-crown{
    position:absolute !important;

    right:0 !important;
    bottom:2px !important;

    width:51px !important;
    height:51px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#fff !important;

    background:#ff2bb5 !important;

    border:4px solid #fff !important;

    border-radius:50% !important;

    box-shadow:
        0 8px 21px rgba(255,43,181,.28) !important;

    z-index:5 !important;
}


/* =========================================================
   AUTHOR CONTENT
   ========================================================= */

.tld-author-content{
    min-width:0 !important;
}


/* NAME */

.tld-author-name-row{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    min-height:34px !important;
}


.tld-author-name{
    margin:0 !important;

    color:#17131a !important;

    font-size:31px !important;
    line-height:1.05 !important;

    font-weight:900 !important;

    letter-spacing:-1.1px !important;
}


.tld-author-name a,
.tld-author-name a:focus,
.tld-author-name a:active{
    color:#17131a !important;

    text-decoration:none !important;

    outline:none !important;

    box-shadow:none !important;
}


.tld-author-name a:hover{
    color:#ff2bb5 !important;
}


/* VERIFIED */

.tld-author-verified{
    width:21px !important;
    height:21px !important;

    flex:0 0 21px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#ff2bb5 !important;
}


/* =========================================================
   ROLE
   ========================================================= */

.tld-author-role{
    display:inline-flex !important;

    align-items:center !important;

    width:max-content !important;
    max-width:100% !important;

    margin-top:7px !important;

    padding:6px 11px !important;

    color:#ff2bb5 !important;

    background:rgba(255,43,181,.025) !important;

    border:1px solid rgba(255,43,181,.32) !important;

    border-radius:18px !important;

    font-size:9px !important;
    line-height:1.2 !important;

    font-weight:900 !important;

    letter-spacing:1.35px !important;

    text-transform:uppercase !important;
}


/* =========================================================
   SHORT BIO
   ========================================================= */

.tld-author-bio{
    max-width:610px !important;

    margin:12px 0 0 !important;

    color:#000 !important;

    font-size:12.5px !important;

    line-height:1.62 !important;

    font-weight:450 !important;
}


/* =========================================================
   READ FULL BIO
   ========================================================= */

.tld-author-read-bio{
    display:inline-flex !important;

    align-items:center !important;

    gap:5px !important;

    margin-top:5px !important;

    color:#ff2bb5 !important;

    font-size:18px !important;

    line-height:1.2 !important;

    font-weight:850 !important;

    text-decoration:none !important;
}


.tld-author-read-bio:hover{
    color:#e71989 !important;
}


.tld-author-read-bio span{
    font-size:20px !important;

    line-height:1 !important;

    transition:transform .2s ease !important;
}


.tld-author-read-bio:hover span{
    transform:translateX(3px) !important;
}


/* =========================================================
   AUTHOR FACTS
   ========================================================= */

.tld-author-facts{
    display:flex !important;

    align-items:center !important;

    flex-wrap:nowrap !important;

    width:100% !important;

    margin-top:15px !important;
}


.tld-author-fact{
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    min-height:39px !important;

    padding:0 15px !important;

    box-sizing:border-box !important;

    border-right:1px solid rgba(25,18,30,.09) !important;
}


.tld-author-fact:first-child{
    padding-left:0 !important;
}


.tld-author-fact:last-child{
    border-right:0 !important;
}


.tld-author-fact-icon{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#ff2bb5 !important;

    flex:0 0 21px !important;
}


.tld-author-fact span:last-child{
    display:flex !important;

    flex-direction:column !important;

    gap:2px !important;
}


.tld-author-fact strong{
    color:#17131a !important;

    font-size:14px !important;

    line-height:1.05 !important;

    font-weight:900 !important;
}


.tld-author-fact small{
    color:#17131a !important;
    
    font-size:7.5px !important;

    line-height:1.15 !important;

    font-weight:800 !important;

    letter-spacing:.65px !important;

    text-transform:uppercase !important;
}


/* =========================================================
   SOCIAL + BUTTON
   ========================================================= */

.tld-author-bottom{
    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    width:100% !important;

    gap:14px !important;

    margin-top:17px !important;
}


.tld-author-socials{
    display:flex !important;

    align-items:center !important;

    gap:7px !important;
}


.tld-author-socials:empty{
    display:none !important;
}


.tld-author-socials a{
    width:32px !important;
    height:32px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:#39323d !important;

    background:rgba(255,255,255,.82) !important;

    border:1px solid rgba(25,18,30,.08) !important;

    border-radius:50% !important;

    text-decoration:none !important;

    backdrop-filter:blur(5px);

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease !important;
}


.tld-author-socials a:hover{
    color:#fff !important;

    background:#ff2bb5 !important;

    border-color:#ff2bb5 !important;

    transform:translateY(-2px) !important;
}


/* =========================================================
   VIEW ALL POSTS
   ========================================================= */

.tld-author-view-posts{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    min-height:42px !important;

    padding:0 18px !important;

    background:#ff2bb5 !important;

    color:#fff !important;

    border:1px solid #ff2bb5 !important;

    border-radius:9px !important;

    font-size:11px !important;

    line-height:1 !important;

    font-weight:900 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 20px rgba(255,43,181,.17) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}


.tld-author-view-posts:hover{
    background:#f31fa9 !important;

    color:#fff !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 11px 25px rgba(255,43,181,.24) !important;
}


.tld-author-view-posts span:last-child{
    font-size:17px !important;

    line-height:1 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

    .tld-single-author-box{
        max-width:100% !important;

        padding:25px !important;
    }


    .tld-single-author-box::before{
        right:-30px;
        top:40px;

        font-size:62px;

        color:rgba(255,43,181,.018);
    }


    .tld-author-inner{
        grid-template-columns:145px minmax(0,1fr) !important;

        gap:22px !important;
    }


    .tld-author-avatar-wrap{
        width:145px !important;
        height:145px !important;

        flex-basis:145px !important;
    }


    .tld-author-avatar-link{
        width:136px !important;
        height:136px !important;
    }


    .tld-author-crown{
        width:47px !important;
        height:47px !important;

        border-width:3px !important;
    }


    .tld-author-name{
        font-size:27px !important;
    }


    .tld-author-fact{
        padding:0 10px !important;
    }


    .tld-author-fact:first-child{
        padding-left:0 !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .tld-single-author-box{
        margin:38px 0 32px !important;

        padding:22px 17px !important;

        border-radius:15px !important;

        background:
            radial-gradient(
                circle at 90% 8%,
                rgba(255,43,181,.055),
                transparent 42%
            ),
            linear-gradient(
                135deg,
                #ffffff,
                #fffafd
            ) !important;
    }


    .tld-single-author-box::before{
        right:-35px;
        top:42px;

        font-size:42px;

        letter-spacing:-3px;

        color:rgba(255,43,181,.015);
    }


    .tld-single-author-box::after{
        width:62%;
        height:28%;

        opacity:.12;
    }


    .tld-author-heading{
        margin-bottom:21px !important;

        font-size:9px !important;

        letter-spacing:1.6px !important;
    }


    .tld-author-inner{
        display:flex !important;

        flex-direction:column !important;

        align-items:center !important;

        gap:16px !important;

        text-align:center !important;
    }


    .tld-author-avatar-wrap{
        width:145px !important;
        height:145px !important;

        flex-basis:145px !important;
    }


    .tld-author-avatar-link{
        width:136px !important;
        height:136px !important;
    }


    .tld-author-crown{
        width:46px !important;
        height:46px !important;

        right:0 !important;
        bottom:0 !important;

        border-width:3px !important;
    }


    .tld-author-name-row{
        justify-content:center !important;
    }


    .tld-author-name{
        font-size:25px !important;

        letter-spacing:-.7px !important;
    }


    .tld-author-role{
        margin-top:7px !important;

        font-size:8px !important;

        letter-spacing:1.05px !important;
    }


    .tld-author-bio{
        max-width:100% !important;

        margin-top:11px !important;

        font-size:12px !important;

        line-height:1.62 !important;
    }


    .tld-author-read-bio{
        margin-top:5px !important;

        font-size:16px !important;
    }


    .tld-author-facts{
        width:100% !important;

        justify-content:center !important;

        margin-top:15px !important;
    }


    .tld-author-fact{
        flex:1 1 0 !important;

        justify-content:center !important;

        gap:6px !important;

        padding:0 5px !important;
    }


    .tld-author-fact:first-child{
        padding-left:5px !important;
    }


    .tld-author-fact-icon{
        flex-basis:19px !important;
    }


    .tld-author-fact strong{
        font-size:12px !important;
    }


    .tld-author-fact small{
        font-size:6.5px !important;
    }


    .tld-author-bottom{
        flex-direction:column !important;

        gap:12px !important;

        margin-top:18px !important;
    }


    .tld-author-socials{
        justify-content:center !important;
    }


    .tld-author-view-posts{
        width:100% !important;

        min-height:42px !important;
    }
}


/* =========================================================
   THE LEONIDA DAILY — DESKTOP MEGA MENU CLEAN SYSTEM
   This block intentionally wins over the older desktop menu CSS.
   Desktop only: 1101px and above.
   ========================================================= */
@media (min-width:1101px){
    .tld-nav{display:flex !important;}
    .tld-menu{display:flex !important;align-items:center !important;gap:2px !important;}
    .tld-menu>li{position:relative !important;}
    .tld-menu>li>a{display:flex !important;align-items:center !important;gap:8px !important;white-space:nowrap !important;}

    /* Arrow exists only on items that actually have children. */
    .tld-menu>li.tld-has-children>a .tld-arrow{
        display:inline-block !important;
        width:7px !important;height:7px !important;
        margin-left:1px !important;margin-top:-4px !important;
        border-right:1.5px solid currentColor !important;
        border-bottom:1.5px solid currentColor !important;
        transform:rotate(45deg) !important;
        transition:transform .18s ease,margin-top .18s ease !important;
    }
    .tld-menu>li.tld-has-children:hover>a .tld-arrow{
        transform:rotate(225deg) !important;margin-top:4px !important;
    }

    /* Clean mega menu: submenu list on left + six stories on right. */
    .tld-menu>li>.tld-mega{
        position:absolute !important;
        top:calc(100% + 8px) !important;
        left:50% !important;
        width:min(1180px,calc(100vw - 40px)) !important;
        padding:0 !important;
        margin:0 !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:translate(-50%,8px) !important;
        overflow:hidden !important;
        border:1px solid rgba(255,255,255,.10) !important;
        border-radius:12px !important;
        background:#0b0911 !important;
        box-shadow:0 24px 60px rgba(0,0,0,.48) !important;
        z-index:100001 !important;
        transition:opacity .16s ease,visibility .16s ease,transform .16s ease !important;
    }
    .tld-menu>li>.tld-mega:before{
        content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:-9px !important;height:9px !important;
    }
    .tld-menu>li:hover>.tld-mega{
        opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translate(-50%,0) !important;
    }

    .tld-mega-inner{
        display:grid !important;
        grid-template-columns:260px minmax(0,1fr) !important;
        min-height:315px !important;
    }
    .tld-mega-left{
        padding:28px 26px 30px !important;
        border-right:1px solid rgba(255,255,255,.09) !important;
        background:rgba(255,255,255,.018) !important;
    }
    .tld-mega-right-grid{
        min-width:0 !important;
        padding:28px 28px 30px !important;
    }
    .tld-mega-heading{
        margin:0 0 18px !important;
        color:#ff2aa8 !important;
        font-size:12px !important;
        font-weight:800 !important;
        letter-spacing:1.4px !important;
        line-height:1.2 !important;
        text-transform:uppercase !important;
    }
    .tld-mega-links{display:flex !important;flex-direction:column !important;gap:0 !important;}
    .tld-mega-link{
        display:flex !important;align-items:center !important;justify-content:space-between !important;
        min-height:38px !important;padding:5px 0 !important;
        color:#f4f0f7 !important;text-decoration:none !important;
        font-size:15px !important;font-weight:600 !important;line-height:1.3 !important;
        transition:color .15s ease,transform .15s ease !important;
    }
    .tld-mega-link:hover{color:#ff2aa8 !important;transform:translateX(3px) !important;}
    .tld-mega-link-arrow{color:#8e8798 !important;font-size:18px !important;line-height:1 !important;}

    .tld-mega-posts{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:34px !important;
        row-gap:22px !important;
    }
    .tld-mega-post{
        display:grid !important;
        grid-template-columns:150px minmax(0,1fr) !important;
        align-items:center !important;
        gap:16px !important;
        min-width:0 !important;
        color:#fff !important;text-decoration:none !important;
    }
    .tld-mega-post img{
        display:block !important;width:150px !important;height:84px !important;
        object-fit:cover !important;border-radius:8px !important;
        border:1px solid rgba(255,255,255,.08) !important;
    }
    .tld-mega-post-body{display:flex !important;flex-direction:column !important;min-width:0 !important;}
    .tld-mega-post-meta{
        margin-bottom:7px !important;color:#ff2aa8 !important;
        font-size:12px !important;font-weight:800 !important;letter-spacing:.7px !important;
        line-height:1.2 !important;text-transform:uppercase !important;
        white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
    }
    .tld-mega-post-title{
        display:-webkit-box !important;color:#f7f3f8 !important;
        font-size:15px !important;font-weight:700 !important;line-height:1.3 !important;
        overflow:hidden !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
    }
    .tld-mega-post:hover .tld-mega-post-title{color:#ff2aa8 !important;}
    .tld-mega-empty{color:#9d96a8 !important;font-size:13px !important;}

    /* Non-category items with children: text-only dropdown. */
    .tld-menu>li>.tld-simple-submenu{
        position:absolute !important;top:calc(100% + 8px) !important;left:50% !important;
        width:240px !important;padding:10px !important;margin:0 !important;
        opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
        transform:translate(-50%,8px) !important;background:#0b0911 !important;
        border:1px solid rgba(255,255,255,.10) !important;border-radius:10px !important;
        box-shadow:0 20px 50px rgba(0,0,0,.45) !important;z-index:100001 !important;
        transition:opacity .16s ease,visibility .16s ease,transform .16s ease !important;
    }
    .tld-menu>li:hover>.tld-simple-submenu{
        opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translate(-50%,0) !important;
    }
    .tld-simple-submenu a{
        display:block !important;padding:10px 11px !important;
        color:#f4f0f7 !important;text-decoration:none !important;border-radius:6px !important;
        font-size:14px !important;font-weight:600 !important;
    }
    .tld-simple-submenu a:hover{color:#ff2aa8 !important;background:rgba(255,42,168,.06) !important;}
}

/* =========================================================
   THE LEONIDA DAILY — SEARCH RESULTS
   ========================================================= */

.tld-search-result {
	width: 100%;
	margin: 0 0 28px;
	padding: 0;
}

.tld-search-result-inner {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.tld-search-result-image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 8px;
}

.tld-search-result-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.tld-search-result-image:hover img {
	transform: scale(1.04);
}

.tld-search-result-content {
	min-width: 0;
	padding-top: 2px;
}

.tld-search-result-category {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.tld-search-result-category a {
	text-decoration: none;
}

.tld-search-result-title {
	margin: 0 0 9px;
	font-size: 26px;
	line-height: 1.18;
	font-weight: 800;
}

.tld-search-result-title a {
	text-decoration: none;
}

.tld-search-result-meta {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.4;
}

.tld-search-result-excerpt {
	font-size: 15px;
	line-height: 1.6;
}

.tld-search-result-excerpt p {
	margin: 0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.tld-search-result-inner {
		grid-template-columns: 230px minmax(0, 1fr);
		gap: 18px;
	}

	.tld-search-result-title {
		font-size: 22px;
	}

	.tld-search-result-excerpt {
		font-size: 14px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.tld-search-result {
		margin-bottom: 24px;
	}

	.tld-search-result-inner {
		grid-template-columns: 1fr;
		gap: 13px;
	}

	.tld-search-result-image {
		aspect-ratio: 16 / 9;
		border-radius: 7px;
	}

	.tld-search-result-content {
		padding: 0;
	}

	.tld-search-result-category {
		margin-bottom: 6px;
		font-size: 11px;
	}

	.tld-search-result-title {
		margin-bottom: 7px;
		font-size: 20px;
		line-height: 1.25;
	}

	.tld-search-result-meta {
		margin-bottom: 7px;
		font-size: 12px;
	}

	.tld-search-result-excerpt {
		font-size: 14px;
		line-height: 1.5;
	}

}


/* =========================================================
   TLD — FINAL REFERENCE HEADER
   Desktop: sticky header + full-width fixed mega menu
   Mobile/Tablet: logo | search | hamburger + white drawer
   Breaking ticker intentionally untouched.
   Light/Moon intentionally excluded.
   ========================================================= */

.tld-header{
    position:sticky !important;
    top:0 !important;
    z-index:99990 !important;
    width:100% !important;
    background: rgba(6,5,13,.93) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid var(--line) !important;
}

@media (min-width:1101px){
    .tld-header-inner{
        min-height:76px !important;
        height:76px !important;
        width:100% !important;
        max-width:none !important;
        padding:0 60px !important;
        margin:0 !important;
    }
    .tld-logo img{
        width:auto !important;
        max-width:200px !important;
        max-height:58px !important;
    }
    .tld-menu{
        gap:0 !important;
    }
    .tld-menu > li > a{
        min-height:76px !important;
        height:76px !important;
        padding:0 18px !important;
        border:0 !important;
        border-radius:0 !important;
        font-size:16px !important;
        font-weight:700 !important;
    }
    /* Short vertical separators between desktop nav items. */
    .tld-menu > li{
        position:relative !important;
    }
    .tld-menu > li:not(:first-child)::before{
        content:"" !important;
        position:absolute !important;
        left:0 !important;
        top:50% !important;
        width:1px !important;
        height:20px !important;
        background:#ff2aa8 !important;
        transform:translateY(-50%) !important;
        z-index:5 !important;
        pointer-events:none !important;
    }
    .tld-menu > li:hover > a,
    .tld-menu > li.tld-active > a{
        color:#fff !important;
        background:transparent !important;
    }

    /* One identical full-width mega-menu position for every parent. */
    .tld-menu > li > .tld-mega{
        position:fixed !important;
        top:76px !important;
        left:0 !important;
        right:0 !important;
        width:100vw !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        transform:translateY(8px) !important;
        border:0 !important;
        border-top:1px solid #e5e5ed !important;
        border-radius:0 !important;
        background:#fff !important;
        box-shadow:0 18px 35px rgba(0,0,0,.14) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
    .tld-menu > li:hover > .tld-mega{
        transform:translateY(0) !important;
    }
    .tld-mega-inner{
        width:min(1320px,calc(100vw - 100px)) !important;
        min-height:315px !important;
        margin:0 auto !important;
        grid-template-columns:260px minmax(0,1fr) !important;
        background:#fff !important;
    }
    .tld-mega-left{
        padding:28px 24px !important;
        border-right:1px solid #e5e5ed !important;
        background:#fff !important;
    }
    .tld-mega-right-grid{
        min-width:0 !important;
        padding:28px 30px !important;
        background:#fff !important;
    }
    .tld-mega-heading{
        margin:0 0 18px !important;
        color:#ff2aa8 !important;
        font-size:12px !important;
        font-weight:800 !important;
        letter-spacing:1.4px !important;
        line-height:1.2 !important;
        text-transform:uppercase !important;
    }
    .tld-mega-links{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
    }
    .tld-mega-link{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        min-height:38px !important;
        padding:5px 0 !important;
        color:#171827 !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        font-size:16px !important;
        font-weight:600 !important;
        line-height:1.3 !important;
    }
    .tld-mega-link:hover{
        color:#ff2aa8 !important;
        background:transparent !important;
        border:0 !important;
        transform:translateX(3px) !important;
    }
    .tld-mega-posts{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:34px !important;
        row-gap:28px !important;
    }
    .tld-mega-post{
        display:flex !important;
        align-items:center !important;
        gap:16px !important;
        min-width:0 !important;
        color:#171827 !important;
        border:0 !important;
        background:transparent !important;
    }
    .tld-mega-post img{
        display:block !important;
        width:174px !important;
        height:98px !important;
        flex:0 0 174px !important;
        object-fit:cover !important;
        border-radius:8px !important;
    }
    .tld-mega-post-body{
        display:flex !important;
        flex-direction:column !important;
        min-width:0 !important;
    }
    .tld-mega-post-meta{
        margin-bottom:7px !important;
        color:#ff2aa8 !important;
        font-size:12px !important;
        font-weight:800 !important;
        letter-spacing:.4px !important;
        line-height:1.2 !important;
        text-transform:uppercase !important;
    }
    .tld-mega-post-title{
        display:-webkit-box !important;
        color:#171827 !important;
        font-size:16px !important;
        font-weight:600 !important;
        line-height:1.35 !important;
        overflow:hidden !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
    }
}

@media (max-width:1100px){
    .tld-header-inner{
        width:100% !important;
        max-width:none !important;
        min-height:72px !important;
        height:72px !important;
        padding:0 20px !important;
        margin:0 !important;
        background:linear-gradient(180deg,#08060e,#05040a) !important;
    }
    .tld-nav{display:none !important;}
    .tld-logo{
        position:static !important;
        order:1 !important;
        transform:none !important;
        width:auto !important;
        max-width:none !important;
        margin:0 !important;
    }
    .tld-logo img{
        width:auto !important;
        max-width:155px !important;
        max-height:52px !important;
    }
    .tld-actions{
        order:2 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex:0 0 42px !important;
        width:42px !important;
        margin-left:auto !important;
        margin-right:6px !important;
        padding:0 !important;
        gap:0 !important;
    }
    .tld-actions .tld-social,
    .tld-actions .tld-subscribe{display:none !important;}
    .tld-actions .tld-search{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 42px !important;
        width:42px !important;
        height:42px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#fff !important;
        cursor:pointer !important;
        pointer-events:auto !important;
    }
    .tld-actions .tld-search svg{
        display:block !important;
        width:25px !important;
        height:25px !important;
        fill:none !important;
        stroke:currentColor !important;
        pointer-events:none !important;
    }
    .tld-mobile-button{
        order:3 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 42px !important;
        width:42px !important;
        height:42px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#fff !important;
        cursor:pointer !important;
        pointer-events:auto !important;
        z-index:9999 !important;
    }
    .tld-mobile-button .tld-hamb{
        width:26px !important;
        height:20px !important;
        position:relative !important;
        display:block !important;
    }
    .tld-mobile-button .tld-hamb span{
        position:absolute !important;
        left:0 !important;
        width:26px !important;
        height:2px !important;
        background:#fff !important;
        border-radius:2px !important;
        transition:transform .25s ease,opacity .2s ease !important;
    }
    .tld-mobile-button .tld-hamb span:nth-child(1){top:1px !important;}
    .tld-mobile-button .tld-hamb span:nth-child(2){top:9px !important;}
    .tld-mobile-button .tld-hamb span:nth-child(3){top:17px !important;}
    .tld-mobile-button.is-open .tld-hamb span{background:#ff2aa8 !important;}
    .tld-mobile-button.is-open .tld-hamb span:nth-child(1){top:9px !important;transform:rotate(45deg) !important;}
    .tld-mobile-button.is-open .tld-hamb span:nth-child(2){opacity:0 !important;}
    .tld-mobile-button.is-open .tld-hamb span:nth-child(3){top:9px !important;transform:rotate(-45deg) !important;}

    .tld-mobile-drawer{
        position:fixed !important;
        top:72px !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        inset:72px 0 0 0 !important;
        display:block !important;
        z-index:99980 !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }
    .tld-mobile-drawer.open{
        visibility:visible !important;
        pointer-events:auto !important;
    }
    .tld-mobile-backdrop{
        position:absolute !important;
        inset:0 !important;
        background:rgba(0,0,0,.48) !important;
        opacity:0 !important;
        transition:opacity .25s ease !important;
    }
    .tld-mobile-drawer.open .tld-mobile-backdrop{opacity:1 !important;}
    .tld-mobile-panel{
        position:absolute !important;
        top:0 !important;
        left:0 !important;
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        padding:18px 20px 32px !important;
        overflow:auto !important;
        background:#fff !important;
        border:0 !important;
        border-radius:0 !important;
        color:#171827 !important;
        transform:translateX(-100%) !important;
        transition:transform .3s cubic-bezier(.22,.61,.36,1) !important;
    }
    .tld-mobile-drawer.open .tld-mobile-panel{transform:translateX(0) !important;}
    .tld-mobile-close{display:none !important;}
    .tld-mobile-list{margin:0 !important;padding:0 !important;list-style:none !important;}
    .tld-mobile-item{border-bottom:1px solid #dfe1ea !important;}
    .tld-mobile-main{
        display:flex !important;
        align-items:center !important;
        width:100% !important;
        min-height:76px !important;
        padding:0 !important;
        margin:0 !important;
        color:#171827 !important;
        background:#fff !important;
        border:0 !important;
        border-radius:0 !important;
        font-size:26px !important;
        font-weight:600 !important;
        line-height:1.2 !important;
        text-align:left !important;
        cursor:pointer !important;
    }
    .tld-mobile-icon{display:none !important;}
    .tld-mobile-chevron{
        margin-left:auto !important;
        width:9px !important;
        height:9px !important;
        border-right:2px solid #171827 !important;
        border-bottom:2px solid #171827 !important;
        transform:rotate(45deg) !important;
    }
    .tld-mobile-item.open > .tld-mobile-main{color:#ff2aa8 !important;}
    .tld-mobile-item.open .tld-mobile-chevron{transform:rotate(225deg) !important;border-color:#ff2aa8 !important;}
    .tld-mobile-submenu{display:none !important;background:#fff !important;border:0 !important;}
    .tld-mobile-item.open > .tld-mobile-submenu{display:block !important;}
    .tld-mobile-submenu-inner{padding:0 0 22px !important;background:#fff !important;}
    .tld-mobile-game,.tld-mobile-post{display:flex !important;align-items:center !important;gap:0 !important;padding:8px 0 !important;color:#171827 !important;background:#fff !important;border:0 !important;}
    .tld-mobile-game img,.tld-mobile-post img{display:none !important;}
    .tld-mobile-game-title,.tld-mobile-post-title{display:block !important;color:#171827 !important;font-size:20px !important;font-weight:500 !important;line-height:1.4 !important;}
    .tld-mobile-game-latest,.tld-mobile-date{display:none !important;}
    .tld-mobile-subscribe,.tld-mobile-social{display:none !important;}
}

/* WordPress admin bar: keep sticky header directly below it. */
body.admin-bar .tld-header{top:32px !important;}
@media (max-width:782px){
    body.admin-bar .tld-header{top:46px !important;}
}

/* =========================================================
   HEADER ICONS — NO BOX / NO BACKGROUND
   ========================================================= */

/* SOCIAL ICONS */
.tld-social a{
    width:40px !important;
    height:40px !important;
    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    color:#ffffff !important;
}

.tld-social a:hover,
.tld-social a:focus,
.tld-social a:active{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    color:#ff2aa8 !important;
}

.tld-social a svg{
    width:20px !important;
    height:20px !important;
    display:block !important;

    color:currentColor !important;
    fill:currentColor !important;
}


/* SEARCH ICON */
.tld-actions > .tld-search,
.tld-actions .tld-search{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
}

.tld-actions .tld-search svg{
    display:block !important;
    width:21px !important;
    height:21px !important;

    color:currentColor !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* SEARCH HOVER */
.tld-actions .tld-search:hover,
.tld-actions .tld-search:focus,
.tld-actions .tld-search:focus-visible,
.tld-actions .tld-search:active{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    color:#ff2aa8 !important;
}

.tld-actions .tld-search:hover svg,
.tld-actions .tld-search:focus svg,
.tld-actions .tld-search:focus-visible svg,
.tld-actions .tld-search:active svg{
    color:#ff2aa8 !important;
    stroke:#ff2aa8 !important;
}


/* REMOVE ANY OLD ICON BOX EFFECT */
.tld-actions .tld-search::before,
.tld-actions .tld-search::after,
.tld-social a::before,
.tld-social a::after{
    display:none !important;
    content:none !important;
}

/* =========================================================
   HOME HERO — TABLET EXCERPT / ARROW FIX
   ========================================================= */
@media (min-width:701px) and (max-width:1100px){

    .home .guides-featured-excerpt{
        padding-right:100px !important;
        box-sizing:border-box !important;}
}

/* TABLET ONLY — Hide GTA 6 News Featured Arrow */
@media (min-width: 901px) and (max-width: 1050px) {
    .tld-news-arrow {
        display: none !important;
    }
}