.elementor-92062 .elementor-element.elementor-element-ac4d0dd{--display:flex;}.elementor-92062 .elementor-element.elementor-element-246ce08{width:var( --container-widget-width, 103.545% );max-width:103.545%;--container-widget-width:103.545%;--container-widget-flex-grow:0;}.elementor-92062 .elementor-element.elementor-element-7d5dbff{--display:flex;}.elementor-92062 .elementor-element.elementor-element-157de68{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-246ce08 *//* =========================================
   CRA Security Update Article CSS
   WordPress Compatible
   Independent Scope Version
========================================= */


/* =========================
   Article Container
========================= */

.cra-update-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
========================= */

.cra-update-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;

}


.cra-update-article h3 {

    font-size:23px;

    margin-top:35px;

    margin-bottom:18px;

    color:#222;

    font-weight:700;

}


.cra-update-article p {

    margin-bottom:22px;

}


/* =========================
   Table Of Contents
========================= */

.cra-update-toc {

    background:#f6f9fc;

    border:1px solid #dce6f2;

    border-radius:12px;

    padding:30px 35px;

    margin:45px 0;

}


.cra-update-toc h2 {

    border:none;

    padding:0;

    margin:0 0 20px;

    font-size:26px;

}


.cra-update-toc ol {

    margin:0;

    padding-left:25px;

}


.cra-update-toc li {

    margin-bottom:12px;

}


.cra-update-toc a {

    color:#0066cc;

    text-decoration:none;

    font-weight:600;

}


.cra-update-toc a:hover {

    text-decoration:underline;

}


.cra-update-article section {

    scroll-margin-top:100px;

}


/* =========================
   Highlight Box
========================= */

.cra-update-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
========================= */

.cra-update-checklist {

    background:#f8fafc;

    border:1px solid #e3e8ef;

    border-radius:10px;

    padding:25px 35px;

    margin:30px 0;

}


.cra-update-checklist ul,
.cra-update-checklist ol {

    margin:0;

    padding-left:25px;

}


.cra-update-checklist li {

    margin-bottom:12px;

}


/* =========================
   Table
========================= */

.cra-update-table {

    width:100%;

    border-collapse:collapse;

    margin:35px 0;

    font-size:16px;

}


.cra-update-table th {

    background:#0066cc;

    color:#ffffff;

    padding:15px;

    text-align:left;

    font-weight:700;

}


.cra-update-table td {

    border:1px solid #ddd;

    padding:15px;

    vertical-align:top;

}


.cra-update-table tr:nth-child(even) {

    background:#f8fafc;

}


/* =========================
   OneKey CTA
========================= */

.cra-update-cta {

    background:

    linear-gradient(
        135deg,
        #f0f7ff,
        #ffffff
    );

    border:1px solid #cfe3ff;

    border-radius:14px;

    padding:40px 35px;

    margin:55px 0;

    text-align:center;

}


.cra-update-cta h2 {

    border:none;

    padding:0;

    margin:0 0 20px;

    font-size:28px;

}


.cra-update-cta p {

    font-size:18px;

    color:#465267;

}


/* =========================
   CTA Button
   Only affects OneKey CTA
========================= */

.cra-update-article .cra-update-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;

}


.cra-update-article .cra-update-cta a:visited {

    color:#ffffff !important;

}


.cra-update-article .cra-update-cta a:hover {

    background:#004c99;

    color:#ffffff !important;

    transform:translateY(-2px);

}


.cra-update-article .cra-update-cta a:active {

    color:#ffffff !important;

}


/* =========================
   FAQ
========================= */

.cra-update-faq {

    margin-top:60px;

}


.cra-update-faq-item {

    border-bottom:1px solid #ddd;

    padding:25px 0;

}


.cra-update-faq-item h3 {

    margin:0 0 12px;

    font-size:20px;

}


.cra-update-faq-item p {

    margin-bottom:0;

}


/* =========================
   Article Links
   Keep Normal Links
========================= */

.cra-update-article a {

    color:#0066cc;

}


.cra-update-article a:hover {

    color:#004c99;

}


/* =========================
   Mobile Responsive
========================= */

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

    .cra-update-article {

        padding:25px 18px;

        font-size:16px;

    }


    .cra-update-article h2 {

        font-size:25px;

        margin-top:40px;

    }


    .cra-update-article h3 {

        font-size:20px;

    }


    .cra-update-toc {

        padding:25px 20px;

    }


    .cra-update-highlight {

        padding:20px;

        font-size:16px;

    }


    .cra-update-checklist {

        padding:20px;

    }


    .cra-update-table {

        display:block;

        overflow-x:auto;

        white-space:nowrap;

    }


    .cra-update-cta {

        padding:30px 20px;

    }


    .cra-update-cta h2 {

        font-size:23px;

    }

}


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

    .cra-update-article h2 {

        font-size:22px;

    }


    .cra-update-cta a {

        width:100%;

        box-sizing:border-box;

        white-space:normal;

        overflow-wrap:anywhere;

    }

}/* End custom CSS */