/* =========================
   TravelIAQ Lexicon Mobile
   Flat mobile renderer
   ========================= */

@media (max-width:767px){

    html,
    body{
        max-width:100%;
        overflow-x:hidden;
    }

    .tia-lexicon{
        width:100%;
        max-width:100%;
        margin:24px auto 44px;
        padding:0 14px;
        box-sizing:border-box;
    }

    .tia-lexicon-hero{
        padding:28px 22px;
        border-radius:22px;
        margin-bottom:28px;
        text-align:center;
    }

    .tia-lexicon h1,
    .tia-lexicon-single h1{
        font-size:34px;
        line-height:1.08;
        letter-spacing:-.04em;
    }

    .tia-lead{
        font-size:18px;
        line-height:1.55;
    }

    .tia-sublead{
        font-size:15px;
        line-height:1.6;
    }

    .tia-lexicon-tree::before{
        margin:0 0 26px;
        padding:16px 18px;
        font-size:14px;
    }

    .tia-lexicon-tree-desktop{
        display:none !important;
    }

    .tia-lexicon-tree-mobile{
        display:block !important;
    }

    .tia-tree-mobile{
        list-style:none;
        margin:0;
        padding:0;
    }

    .tia-tree-mobile .tia-tree-card{
        position:relative;
        width:100%;
        max-width:100%;
        min-width:0;
        margin:22px 0;
        padding:22px 18px;
        border-radius:18px;
        border:1px solid rgba(16,42,67,.12);
        border-left-width:7px;
        box-sizing:border-box;
        overflow:visible;
        box-shadow:0 8px 24px rgba(15,23,42,.05);
    }

    .tia-tree-mobile .tia-level-badge{
        position:absolute;
        top:-15px;
        right:-10px;
        width:42px;
        height:42px;
        border-radius:999px;
        background:#050505;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:12px;
        font-weight:950;
        letter-spacing:-.02em;
        z-index:50;
        box-shadow:0 8px 20px rgba(0,0,0,.24);
        pointer-events:none;
    }

    .tia-tree-mobile .tia-lexicon-card-link{
        display:block;
        padding-right:32px;
        text-decoration:none;
    }

    .tia-tree-mobile .tia-term-title{
        display:block;
        font-size:20px;
        line-height:1.25;
        font-weight:950;
        color:#0f172a;
    }

    .tia-tree-mobile .tia-term-excerpt{
        display:block;
        margin-top:8px;
        font-size:15px;
        line-height:1.6;
        color:#64748b;
    }

    .tia-tree-mobile .tia-tree-card.is-open > .tia-lexicon-inline-preview{
        display:block;
        margin-top:18px;
    }

    .tia-preview-panel{
        padding:18px;
        border-radius:16px;
    }

    .tia-preview-head h3{
        font-size:22px;
    }

    .tia-preview-motto{
        font-size:16px;
    }

    .tia-preview-definition{
        font-size:15px;
        line-height:1.7;
    }

    .tia-preview-readmore{
        width:100%;
        box-sizing:border-box;
        text-align:center;
    }

    .tia-lexicon-single{
        padding:26px 20px;
        border-radius:22px;
    }

    .tia-term-motto{
        font-size:18px;
        line-height:1.55;
    }

    .tia-definition{
        font-size:16px;
        line-height:1.75;
    }

    .tia-related-concepts,
    .tia-concept-nav-children{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    .tia-related-concepts a,
    .tia-concept-nav-children a,
    .tia-concept-nav-parent,
    .tia-concept-nav-home{
        width:100%;
        box-sizing:border-box;
        justify-content:center;
        text-align:center;
    }
}