.faqBackBtn{

    color:white;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    background:var(--panel2);
    border:1px solid var(--border);
    padding:8px 16px;
    border-radius:999px;

}

.faqBackBtn:hover{

    border-color:var(--purple);

}

.faqHero{

    max-width:700px;
    margin:30px auto 0;
    padding:0 20px;
    text-align:center;

}

.faqHero h1{

    font-size:26px;
    margin:0 0 8px;

}

.faqHero p{

    color:var(--muted);
    font-size:14px;
    margin:0;

}

.faqContent{

    max-width:800px;
    margin:0 auto;
    padding:30px 20px 60px;
    display:flex;
    flex-direction:column;
    gap:20px;

}

.faqSection{

    background:var(--panel);
    border:1px solid var(--border);
    border-radius:18px;
    padding:26px;

}

.faqSection h3{

    margin:0 0 12px;
    font-size:18px;

}

.faqSection p{

    color:#d8dbea;
    font-size:14px;
    line-height:1.7;
    margin:0 0 10px;

}

.faqNote{

    color:var(--muted) !important;
    font-size:12.5px !important;

}

.faqList{

    margin:0 0 14px;
    padding-left:20px;
    color:#d8dbea;
    font-size:14px;
    line-height:1.8;

}

.faqTable{

    display:flex;
    flex-direction:column;
    gap:8px;
    margin:16px 0;

}

.faqTableRow{

    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#1b1a2b;
    border-radius:10px;
    padding:10px 14px;
    font-size:13px;
    color:var(--muted);

}

.tag{

    padding:4px 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    color:white;

}

.tag.strongbuy{ background:#16c784; }
.tag.buy{ background:#8b5cf6; }
.tag.hold{ background:#f5a623; }
.tag.avoid{ background:#ff4d4d; }

.faqLegend{

display:flex;
flex-direction:column;
gap:12px;
margin:16px 0;

}

.faqLegendRow{

display:flex;
align-items:center;
gap:14px;
background:#1b1a2b;
border-radius:12px;
padding:12px 14px;

}

.faqLegendRow .tag{

flex-shrink:0;
min-width:100px;
text-align:center;

}

.faqLegendRow span{

font-size:13.5px;
color:#d8dbea;
line-height:1.5;

}

.faqPipeline{

    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin:16px 0;

}

.faqPipelineStep{

    background:#1b1a2b;
    border:1px solid var(--border);
    border-radius:999px;
    padding:8px 18px;
    font-size:13px;
    font-weight:700;

}

.faqPipelineArrow{

    color:var(--muted);

}

@media(max-width:600px){

    .faqHero h1{

        font-size:20px;

    }

    .faqContent{

        padding:20px 14px 40px;

    }

    .faqSection{

        padding:18px;

    }

    .faqSection h3{

        font-size:16px;

    }

}