.qasa-about-wrap{
    --qasa-purple:#473949;
    --qasa-beige:#E3D5B3;
    max-width:1450px;
    margin:0 auto;
    padding:34px 28px 70px;
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:46px;
    align-items:start;
    color:#182132;
    background:transparent;
}
.qasa-about-content{min-width:0;grid-column:2;}
.qasa-about-nav{
    grid-column:1;
    position:sticky;
    top:28px;
    background:rgba(227,213,179,.42);
    border:1px solid rgba(71,57,73,.18);
    box-shadow:none;
    border-radius:2px;
    overflow:hidden;
    backdrop-filter:none;
}
.qasa-about-nav a{
    display:block;
    padding:20px 24px;
    color:var(--qasa-purple);
    text-decoration:none;
    font-size:20px;
    font-weight:700;
    border-bottom:1px solid rgba(71,57,73,.16);
    transition:.2s ease;
}
.qasa-about-nav a:last-child{border-bottom:0;}
.qasa-about-nav a:hover{
    background:rgba(71,57,73,.08);
    padding-right:30px;
}
.qasa-about-section{
    scroll-margin-top:40px;
    margin:0 0 46px;
}
.qasa-about-section h1,
.qasa-about-section h2{
    margin:0 0 20px;
    color:#111827;
    line-height:1.3;
}
.qasa-about-section h1{font-size:42px;}
.qasa-about-section h2{font-size:36px;}
.qasa-about-copy{
    font-size:20px;
    line-height:2;
    color:#2b3342;
}
.qasa-about-copy p{margin:0;}
.qasa-about-list{
    display:grid;
    gap:0;
    border-top:1px solid rgba(71,57,73,.18);
}
.qasa-about-item{
    position:relative;
    padding:20px 18px;
    border-right:0;
    border-bottom:1px solid rgba(71,57,73,.18);
    background:transparent;
    border-radius:0;
}
.qasa-about-item h3{
    display:inline;
    margin:0;
    color:var(--qasa-purple);
    font-size:20px;
}
.qasa-about-item h3::after{content:": ";}
.qasa-about-item div,
.qasa-about-item p{
    display:inline;
    margin:0;
    font-size:18px;
    line-height:1.9;
}
@media(max-width:900px){
    .qasa-about-wrap{
        grid-template-columns:1fr;
        gap:24px;
        padding:24px 18px 55px;
    }
    .qasa-about-content{grid-column:auto;}
    .qasa-about-nav{
        grid-column:auto;
        position:relative;
        top:auto;
        display:flex;
        overflow-x:auto;
        border-radius:14px;
        order:-1;
    }
    .qasa-about-nav a{
        white-space:nowrap;
        padding:14px 18px;
        font-size:16px;
        border-bottom:0;
        border-left:1px solid rgba(71,57,73,.12);
    }
    .qasa-about-nav a:hover{padding-right:18px;}
    .qasa-about-section h1{font-size:32px;}
    .qasa-about-section h2{font-size:28px;}
    .qasa-about-copy{font-size:17px;line-height:1.9;}
    .qasa-about-item div,.qasa-about-item p{font-size:16px;}
}


/* الإصدار 1.0.3: معالجة شكل القائمة والمحاور */
.qasa-about-item::before{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin-left:10px;
    background:var(--qasa-beige);
    border:1px solid var(--qasa-purple);
    transform:rotate(45deg);
    vertical-align:middle;
}
.qasa-about-nav a.is-active{
    background:var(--qasa-purple);
    color:var(--qasa-beige);
}
@media(max-width:900px){
    .qasa-about-nav{
        border-radius:2px;
        background:rgba(227,213,179,.58);
    }
}