/* FAQ - NCRLAP Master-1 layout */

.faq-page{padding:0 15px}
.faq-page h1{margin:20px 0 16px}
.faq-main{margin-bottom:12px}


/* Topics on this page - FCCH-inspired design */

.faq-topics{
    margin:0 0 26px;
    padding:20px 26px;
    border:2px solid #ccc;
    border-radius:28px;
    background:#fff;
}

.faq-topics-title{
    margin:0 0 8px;
    color:#333;
    font-size:20px;
    font-weight:700;
    line-height:1.3;
}

.faq-topics-list{
    display:block;
    list-style:disc outside;
    margin:0;
    padding-left:30px;
}

.faq-topics-list li{
    display:list-item;
    margin:3px 0;
    padding:0;
    line-height:1.35;
}

.faq-topics .faq-topics-list a{
    display:inline;
    padding:0;
    color:#2879b9;
    font-size:16px;
    font-weight:400;
    line-height:1.35;
    text-decoration:none;
}

.faq-topics .faq-topics-list a:hover{
    color:#004b87;
    text-decoration:underline;
}

.faq-topics .faq-topics-list a:focus-visible{
    outline:3px solid #005fcc;
    outline-offset:3px;
    text-decoration:underline;
}

.faq-topics[hidden]{display:none}

@media(max-width:767px){
    .faq-topics{
        margin:0 0 22px;
        padding:18px 20px;
        border-radius:22px;
    }

    .faq-topics-title{font-size:19px}
    .faq-topics-list{padding-left:24px}
    .faq-topics-list li{margin:4px 0}
    .faq-topics .faq-topics-list a{font-size:16px}
}



/* Dynamic text - borderless */
.faq-section{
    margin-bottom:24px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.faq-item{
    margin-bottom:24px;
    color:#292929;
    line-height:1.5;
    overflow-wrap:anywhere;
}

.faq-item h2{margin:20px 0 12px;color:#002B57;font-size:24px}
.faq-item h3{margin:18px 0 10px;color:#002B57;font-size:20px}
.faq-item p{margin:0 0 14px}
.faq-item ul,.faq-item ol{margin:12px 0 18px;padding-left:28px}
.faq-item li{margin-bottom:8px}
.faq-item img{max-width:100%;height:auto}
.faq-item h2[id],.faq-item h3[id]{scroll-margin-top:20px}

/* Photo */
.faq-photo{margin:0;text-align:center}
.faq-photo img,.faq-photo-content img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:auto;
    border-radius:8px;
}
.faq-photo-content p,.faq-photo-content figure{margin:0}
.faq-content{overflow-wrap:anywhere}

/* Administration */
.faq-edit{margin:8px 0 12px}
.faq-manager{margin:16px auto;padding:12px;text-align:center;font-size:14px}
.faq-manager p{margin:0 0 8px}
.faq-manager p:last-child{margin-bottom:0}

/* Accessibility */
.faq-page a{color:#004b87;text-decoration:underline}
.faq-page a:hover{color:#002B57}
.faq-topics .faq-topics-list a{color:#2879b9;text-decoration:none}
.faq-topics .faq-topics-list a:hover{color:#004b87;text-decoration:underline}
.faq-edit a,.faq-manager a{display:inline-block;padding:6px 4px}
.faq-page a:focus-visible{
    outline:3px solid #005fcc;
    outline-offset:3px;
}
.faq-topics .faq-topics-list a:focus-visible{text-decoration:underline}

/* Mobile */
@media(max-width:767px){
    .faq-page{padding:0 10px}
    .faq-photo{margin-top:16px}

    .faq-topics{
        margin:16px 0 24px;
        padding:18px 20px;
        border-radius:24px;
    }

    .faq-topics-title{font-size:21px}
    .faq-topics-list{padding-left:24px}
    .faq-topics-list li{margin:5px 0}
    .faq-topics-list a{font-size:18px}
}