.elementor-92085 .elementor-element.elementor-element-82202f0{--display:flex;}.elementor-92085 .elementor-element.elementor-element-d30e71c{width:var( --container-widget-width, 103.545% );max-width:103.545%;--container-widget-width:103.545%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-d30e71c *//* =================================================

   Mend.io AppSec Article CSS

   WordPress Compatible

   Independent Scope Version

================================================= */



/* =========================

   Article Container

========================= */


.mend-article {


    max-width:960px;


    margin:0 auto;


    padding:40px 24px;


    font-family:

    "Noto Sans TC",

    "Microsoft JhengHei",

    Arial,

    sans-serif;


    font-size:17px;


    line-height:1.9;


    color:#333;


    box-sizing:border-box;


}




/* =========================

   Headings

========================= */


.mend-article h2 {


    font-size:32px;


    line-height:1.5;


    margin-top:55px;


    margin-bottom:25px;


    padding-left:18px;


    border-left:6px solid #0066cc;


    color:#111;


    font-weight:700;


}




.mend-article h3 {


    font-size:23px;


    margin-top:35px;


    margin-bottom:18px;


    color:#222;


    font-weight:700;


}




.mend-article p {


    margin-bottom:22px;


}






/* =========================

   Table Of Contents

========================= */


.mend-toc {


    background:#f6f9fc;


    border:1px solid #dce6f2;


    border-radius:12px;


    padding:30px 35px;


    margin:45px 0;


}





.mend-toc h2 {


    border:none;


    padding:0;


    margin:0 0 20px;


    font-size:26px;


}





.mend-toc ol {


    margin:0;


    padding-left:25px;


}





.mend-toc li {


    margin-bottom:12px;


}





.mend-toc a {


    color:#0066cc;


    text-decoration:none;


    font-weight:600;


}





.mend-toc a:hover {


    text-decoration:underline;


}





.mend-article section {


    scroll-margin-top:100px;


}







/* =========================

   Highlight Box

========================= */


.mend-highlight {


    background:#eef7ff;


    border-left:6px solid #0066cc;


    border-radius:8px;


    padding:25px 30px;


    margin:35px 0;


    font-size:18px;


    line-height:1.8;


    color:#222;


}






/* =========================

   Checklist

========================= */


.mend-checklist {


    background:#f8fafc;


    border:1px solid #e3e8ef;


    border-radius:10px;


    padding:25px 35px;


    margin:30px 0;


}





.mend-checklist ul,

.mend-checklist ol {


    margin:0;


    padding-left:25px;


}





.mend-checklist li {


    margin-bottom:12px;


}







/* =========================

   Table

========================= */


.mend-table {


    width:100%;


    border-collapse:collapse;


    margin:35px 0;


    font-size:16px;


}





.mend-table th {


    background:#0066cc;


    color:#ffffff;


    padding:15px;


    text-align:left;


    font-weight:700;


}





.mend-table td {


    border:1px solid #ddd;


    padding:15px;


    vertical-align:top;


}





.mend-table tr:nth-child(even) {


    background:#f8fafc;


}








/* =========================

   CTA

========================= */


.mend-cta {


    background:


    linear-gradient(

        135deg,

        #f0f7ff,

        #ffffff

    );


    border:1px solid #cfe3ff;


    border-radius:14px;


    padding:40px 35px;


    margin:55px 0;


    text-align:center;


}





.mend-cta h2 {


    border:none;


    padding:0;


    margin:0 0 20px;


    font-size:28px;


}





.mend-cta p {


    font-size:18px;


    color:#465267;


}






/* =========================

   CTA Button

   Fix WordPress Theme Override

========================= */


.mend-article .mend-cta a {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    margin-top:20px;


    padding:14px 32px;


    background:#0066cc;


    color:#ffffff !important;


    border-radius:6px;


    font-size:16px;


    font-weight:700;


    text-decoration:none !important;


    transition:all .3s ease;


}





.mend-article .mend-cta a:visited {


    color:#ffffff !important;


}





.mend-article .mend-cta a:hover {


    background:#004c99;


    color:#ffffff !important;


    transform:translateY(-2px);


}





.mend-article .mend-cta a:active {


    color:#ffffff !important;


}







/* =========================

   FAQ

========================= */


.mend-faq {


    margin-top:60px;


}





.mend-faq-item {


    border-bottom:1px solid #ddd;


    padding:25px 0;


}





.mend-faq-item h3 {


    margin:0 0 12px;


    font-size:20px;


}





.mend-faq-item p {


    margin-bottom:0;


}







/* =========================

   Article Links

========================= */


.mend-article a {


    color:#0066cc;


}





.mend-article a:hover {


    color:#004c99;


}







/* =========================

   Responsive

========================= */


@media screen and (max-width:768px){



    .mend-article {


        padding:25px 18px;


        font-size:16px;


    }




    .mend-article h2 {


        font-size:25px;


        margin-top:40px;


    }




    .mend-article h3 {


        font-size:20px;


    }




    .mend-toc {


        padding:25px 20px;


    }




    .mend-highlight {


        padding:20px;


        font-size:16px;


    }




    .mend-checklist {


        padding:20px;


    }




    .mend-table {


        display:block;


        overflow-x:auto;


        white-space:nowrap;


    }




    .mend-cta {


        padding:30px 20px;


    }




    .mend-cta h2 {


        font-size:23px;


    }


}






@media screen and (max-width:480px){



    .mend-article h2 {


        font-size:22px;


    }




    .mend-cta a {


        width:100%;


        box-sizing:border-box;


        white-space:normal;


        overflow-wrap:anywhere;


    }


}/* End custom CSS */