.elementor-1626 .elementor-element.elementor-element-ecff86f{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:03%;--padding-bottom:03%;--padding-left:13%;--padding-right:13%;}.elementor-1626 .elementor-element.elementor-element-ecff86f:not(.elementor-motion-effects-element-type-background), .elementor-1626 .elementor-element.elementor-element-ecff86f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #DDE6F2 72%, #DFFFF0 100%);}.elementor-1626 .elementor-element.elementor-element-0ac3919{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1626 .elementor-element.elementor-element-524b091{text-align:center;}.elementor-1626 .elementor-element.elementor-element-524b091 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1626 .elementor-element.elementor-element-f18ee9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 1% 0% 1%;text-align:center;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-f18ee9a p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-962d064{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 1% 0% 1%;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-962d064 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-9f1cdbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:05%;--padding-bottom:05%;--padding-left:13%;--padding-right:13%;}.elementor-1626 .elementor-element.elementor-element-5800fbd{background-color:#DAEAFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2% 2% 2% 2%;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:10px 10px 10px 10px;text-align:left;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-primary );}.elementor-1626 .elementor-element.elementor-element-5800fbd p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-56f3f11{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 1% 0% 1%;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-56f3f11 p{margin-block-end:10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1626 .elementor-element.elementor-element-0f9f007{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 1% 0% 1%;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-0f9f007 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-cc6d11a{background-color:#DAEAFF;padding:1% 1% 1% 1%;border-radius:10px 10px 10px 10px;text-align:left;}.elementor-1626 .elementor-element.elementor-element-cc6d11a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-primary );}.elementor-1626 .elementor-element.elementor-element-7b9f909{--display:flex;}.elementor-1626 .elementor-element.elementor-element-f84070f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-f84070f p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-67b8d2d{--display:flex;}.elementor-1626 .elementor-element.elementor-element-290ba62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-290ba62 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-afb6be2{--display:flex;}.elementor-1626 .elementor-element.elementor-element-e2fed82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-e2fed82 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-a296464{--display:flex;}.elementor-1626 .elementor-element.elementor-element-d60d58d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-d60d58d p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-6465727{--display:flex;}.elementor-1626 .elementor-element.elementor-element-b6756b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-b6756b9 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-9c03955{--display:flex;}.elementor-1626 .elementor-element.elementor-element-919e8b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-919e8b5 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-1fae92d{--display:flex;}.elementor-1626 .elementor-element.elementor-element-c7cea6e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-c7cea6e p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-eb8c61f{--display:flex;}.elementor-1626 .elementor-element.elementor-element-f8c5b70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-f8c5b70 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-92d6e07{--display:flex;}.elementor-1626 .elementor-element.elementor-element-6f665b3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-6f665b3 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-ea0a340{--display:flex;}.elementor-1626 .elementor-element.elementor-element-c6b898e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-c6b898e p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-ae44571{--display:flex;}.elementor-1626 .elementor-element.elementor-element-57105a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#353535;}.elementor-1626 .elementor-element.elementor-element-57105a3 p{margin-block-end:10px;}.elementor-1626 .elementor-element.elementor-element-cc2633d{--n-accordion-title-font-size:1rem;background-color:#FFFFFF;padding:2% 2% 2% 2%;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-1626 .elementor-element.elementor-element-cc2633d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;}.elementor-1626 .elementor-element.elementor-element-54083fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2% 2% 2% 2%;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;text-align:left;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#F1F1F1;}.elementor-1626 .elementor-element.elementor-element-54083fd p{margin-block-end:10px;}@media(max-width:1024px){.elementor-1626 .elementor-element.elementor-element-f18ee9a{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-962d064{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-5800fbd{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-56f3f11{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-0f9f007{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-cc6d11a{padding:2% 2% 2% 2%;}.elementor-1626 .elementor-element.elementor-element-f84070f{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-290ba62{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-e2fed82{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-d60d58d{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-b6756b9{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-919e8b5{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-c7cea6e{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-f8c5b70{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-6f665b3{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-c6b898e{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-57105a3{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-54083fd{line-height:1.5em;}}@media(max-width:767px){.elementor-1626 .elementor-element.elementor-element-ecff86f{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1626 .elementor-element.elementor-element-f18ee9a{padding:0% 0% 0% 2%;line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-962d064{padding:0% 0% 0% 2%;line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-9f1cdbd{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1626 .elementor-element.elementor-element-5800fbd{padding:0% 0% 0% 2%;line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-56f3f11{padding:0% 0% 0% 2%;line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-0f9f007{padding:0% 0% 0% 2%;line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-cc6d11a{padding:3% 3% 3% 3%;}.elementor-1626 .elementor-element.elementor-element-cc6d11a .elementor-heading-title{font-size:24px;}.elementor-1626 .elementor-element.elementor-element-f84070f{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-290ba62{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-e2fed82{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-d60d58d{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-b6756b9{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-919e8b5{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-c7cea6e{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-f8c5b70{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-6f665b3{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-c6b898e{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-57105a3{line-height:1.5em;}.elementor-1626 .elementor-element.elementor-element-54083fd{padding:0% 0% 0% 2%;line-height:1.5em;}}/* Start custom CSS for text-editor, class: .elementor-element-f18ee9a *//* Blog Content Styling - My Easy Calculator */

/* H2 Heading */
.entry-content h2,
.elementor-widget-text-editor h2 {
    font-size: 30px;
    color: #1A73E8;
    background: #DAEAFF;
    padding: 14px 18px;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 18px;
    line-height: 1.4;
}

/* H3 Heading */
.entry-content h3,
.elementor-widget-text-editor h3 {
    font-size: 22px;
    color: #111111;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 12px;
}

/* Paragraph Text */
.entry-content p,
.elementor-widget-text-editor p {
    font-size: 17px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 16px;
}

/* Bullet Lists */
.entry-content ul,
.elementor-widget-text-editor ul {
    padding-left: 20px;
    margin-bottom: 18px;
}

.entry-content ul li,
.elementor-widget-text-editor ul li {
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-962d064 *//* Blog Content Styling - My Easy Calculator */

/* H2 Heading */
.entry-content h2,
.elementor-widget-text-editor h2 {
    font-size: 30px;
    color: #1A73E8;
    background: #DAEAFF;
    padding: 14px 18px;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 18px;
    line-height: 1.4;
}

/* H3 Heading */
.entry-content h3,
.elementor-widget-text-editor h3 {
    font-size: 22px;
    color: #111111;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 12px;
}

/* Paragraph Text */
.entry-content p,
.elementor-widget-text-editor p {
    font-size: 17px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 16px;
}

/* Bullet Lists */
.entry-content ul,
.elementor-widget-text-editor ul {
    padding-left: 20px;
    margin-bottom: 18px;
}

.entry-content ul li,
.elementor-widget-text-editor ul li {
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-56f3f11 *//* Blog Content Styling - My Easy Calculator */

/* H2 Heading */
.entry-content h2,
.elementor-widget-text-editor h2 {
    font-size: 30px;
    color: #1A73E8;
    background: #DAEAFF;
    padding: 14px 18px;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 18px;
    line-height: 1.4;
}

/* H3 Heading */
.entry-content h3,
.elementor-widget-text-editor h3 {
    font-size: 22px;
    color: #111111;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 12px;
}

/* Paragraph Text */
.entry-content p,
.elementor-widget-text-editor p {
    font-size: 17px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 16px;
}

/* Bullet Lists */
.entry-content ul,
.elementor-widget-text-editor ul {
    padding-left: 20px;
    margin-bottom: 18px;
}

.entry-content ul li,
.elementor-widget-text-editor ul li {
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0f9f007 *//* ============================================================
   MyEasyCalculator – Blog CSS
   Auto-targets all elements by tag / Elementor .elementor-1626 .elementor-element.elementor-element-0f9f007 only.
   No custom classes needed in the editor.
   ============================================================ */

/* ── Google Font: Inter ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* ============================================================
   1. BASE
   ============================================================ */
.entry-content,
.elementor-widget-text-editor {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #111111;
    line-height: 1.7;
}

/* ============================================================
   2. HEADINGS
   ============================================================ */

/* H1 */
.entry-content h1,
.elementor-widget-text-editor h1 {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #111111;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 20px;
}

/* H2 — Brand rule: always blue bg + blue text + rounded */
.entry-content h2,
.elementor-widget-text-editor h2 {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #1A73E8;
    background: #DAEAFF;
    padding: 12px 18px;
    border-radius: 10px;
    border-left: 4px solid #1A73E8;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* H3 — green left border accent */
.entry-content h3,
.elementor-widget-text-editor h3 {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #111111;
    border-left: 3px solid #12B76A;
    padding-left: 12px;
    margin-top: 28px;
    margin-bottom: 12px;
    line-height: 1.4;
}

/* H4 */
.entry-content h4,
.elementor-widget-text-editor h4 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #111111;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* ============================================================
   3. BODY TEXT & LINKS
   ============================================================ */

.entry-content p,
.elementor-widget-text-editor p {
    font-size: 16px;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 18px;
}

.entry-content a,
.elementor-widget-text-editor a {
    color: #1A73E8;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: opacity 0.2s ease;
}
.entry-content a:hover,
.elementor-widget-text-editor a:hover {
    opacity: 0.75;
}

/* ============================================================
   4. LISTS
   ============================================================ */

.entry-content ul,
.entry-content ol,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    padding-left: 22px;
    margin-bottom: 20px;
}

.entry-content ul li,
.entry-content ol li,
.elementor-widget-text-editor ul li,
.elementor-widget-text-editor ol li {
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    line-height: 1.7;
}

.entry-content ul li::marker,
.elementor-widget-text-editor ul li::marker {
    color: #1A73E8;
}

.entry-content ol li::marker,
.elementor-widget-text-editor ol li::marker {
    color: #1A73E8;
    font-weight: 600;
}

/* ============================================================
   5. TABLE  — distinct design from callout boxes
   ============================================================ */

.entry-content table,
.elementor-widget-text-editor table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    margin-bottom: 28px;
    font-size: 15px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

/* Table header row — solid blue (intentionally different from H2 bg) */
.entry-content thead tr,
.elementor-widget-text-editor thead tr {
    background: #1A73E8;
}

.entry-content th,
.elementor-widget-text-editor th {
    background: #1A73E8;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 16px;
    text-align: left;
    letter-spacing: 0.03em;
    white-space: nowrap;
    border: none;
}

.entry-content td,
.elementor-widget-text-editor td {
    padding: 11px 16px;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    color: #333333;
    font-size: 15px;
    white-space: nowrap;
    vertical-align: middle;
}

/* Zebra rows */
.entry-content tbody tr:nth-child(even),
.elementor-widget-text-editor tbody tr:nth-child(even) {
    background-color: #F5F9FF;
}

.entry-content tbody tr:nth-child(odd),
.elementor-widget-text-editor tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Remove border from last row */
.entry-content tbody tr:last-child td,
.elementor-widget-text-editor tbody tr:last-child td {
    border-bottom: none;
}

/* Row hover */
.entry-content tbody tr:hover,
.elementor-widget-text-editor tbody tr:hover {
    background-color: #DAEAFF;
    transition: background-color 0.15s ease;
}

/* ============================================================
   6. BLOCKQUOTE  →  Auto-styled as KEY INSIGHT box
      Any <blockquote> in the editor becomes a callout.
      Editors simply highlight text → Format → Blockquote.
   ============================================================ */

.entry-content blockquote,
.elementor-widget-text-editor blockquote {
    position: relative;
    background: #EBF3FE;
    border: 1px solid #BFDBFE;
    border-left: 5px solid #1A73E8;
    border-radius: 0 10px 10px 0;
    padding: 16px 20px 16px 52px;
    margin: 28px 0;
    font-style: normal;
}

/* Lightbulb icon via pseudo-element */
.entry-content blockquote::before,
.elementor-widget-text-editor blockquote::before {
    content: '💡';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
}

.entry-content blockquote p,
.elementor-widget-text-editor blockquote p {
    margin-bottom: 0;
    font-size: 15px;
    color: #111111;
    line-height: 1.7;
}

/* Bold label at start of blockquote (e.g. **Key Insight:**) */
.entry-content blockquote p strong:first-child,
.elementor-widget-text-editor blockquote p strong:first-child {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #1A73E8;
    margin-bottom: 5px;
}

/* ============================================================
   7. <hr> VARIANTS — auto-styled by position/context
      Standard <hr> = divider.
      TIP box: wrap content in <hr> above + <hr> below trick
      is fragile; instead we use <hr> + <p> pattern detection
      via adjacent sibling. Simpler approach: use data-type
      attribute on <hr> if your theme supports it.
      
      Practical solution below — color the <hr> based on
      its sibling paragraph's opening bold keyword.
   ============================================================ */

.entry-content hr,
.elementor-widget-text-editor hr {
    border: none;
    border-top: 1px solid #E5E7EB;
    margin: 36px 0;
}

/* ============================================================
   8. STRONG-KEYWORD PATTERN BOXES
      Works when you wrap a paragraph in a <p> that starts
      with a bold keyword label. Use these native HTML
      patterns in your Gutenberg / Elementor editor:

      KEY INSIGHT  → <p><strong>Key Insight:</strong> …</p>
      TIP          → <p><strong>Tip:</strong> …</p>
      WARNING      → <p><strong>Warning:</strong> …</p>
      COMMON MISTAKE → <p><strong>Common Mistake:</strong> …</p>
      RESULT       → <p><strong>Result:</strong> …</p>

      CSS :has() targets these automatically in modern browsers.
      Fallback: the paragraph still reads fine without the box.
   ============================================================ */

/* KEY INSIGHT */
.entry-content p:has(> strong:first-child:-webkit-any(
    [data-key], strong)),
.entry-content p:has(strong:first-child),
.elementor-widget-text-editor p:has(strong:first-child) {
    /* base reset — only visually enhanced by keyword rules below */
}

/* Using :has() with text-content matching is not natively
   possible in CSS alone. The reliable cross-browser approach
   is the <blockquote> method above for Key Insight, and
   native <details> for collapsible FAQs.

   For TIP / WARNING / RESULT boxes, use these specific
   HTML wrappers that editors can produce with one click:

   TIP    → use <aside> tag (available in raw HTML block)
   WARNING→ use <figure> tag
   RESULT → use <cite> tag

   Styled below:                                           */

/* ── TIP box  (editor: insert <aside>…</aside>) ── */
.entry-content aside,
.elementor-widget-text-editor aside {
    position: relative;
    background: #EDFAF3;
    border: 1px solid #A7F3D0;
    border-left: 5px solid #12B76A;
    border-radius: 0 10px 10px 0;
    padding: 16px 20px 16px 52px;
    margin: 28px 0;
}
.entry-content aside::before,
.elementor-widget-text-editor aside::before {
    content: '✅';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}
.entry-content aside p,
.elementor-widget-text-editor aside p {
    margin-bottom: 0;
    font-size: 15px;
    color: #111111;
}
.entry-content aside p strong:first-child,
.elementor-widget-text-editor aside p strong:first-child {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #12B76A;
    margin-bottom: 5px;
}

/* ── WARNING box  (editor: insert <figure>…</figure>) ── */
.entry-content figure:not(:has(img)):not(:has(video)):not(:has(canvas)),
.elementor-widget-text-editor figure:not(:has(img)):not(:has(video)):not(:has(canvas)) {
    position: relative;
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    border-left: 5px solid #F59E0B;
    border-radius: 0 10px 10px 0;
    padding: 16px 20px 16px 52px;
    margin: 28px 0;
}
.entry-content figure:not(:has(img))::before,
.elementor-widget-text-editor figure:not(:has(img))::before {
    content: '⚠️';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}
.entry-content figure:not(:has(img)) p,
.elementor-widget-text-editor figure:not(:has(img)) p {
    margin-bottom: 0;
    font-size: 15px;
    color: #111111;
}
.entry-content figure:not(:has(img)) figcaption,
.elementor-widget-text-editor figure:not(:has(img)) figcaption {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #B45309;
    margin-bottom: 5px;
}
.entry-content figure:not(:has(img)) p strong:first-child,
.elementor-widget-text-editor figure:not(:has(img)) p strong:first-child {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #B45309;
    margin-bottom: 5px;
}

/* ── RESULT / SUCCESS box  (editor: insert <cite>…</cite>) ── */
.entry-content cite,
.elementor-widget-text-editor cite {
    display: block;
    position: relative;
    background: #F0FDF4;
    border: 1px solid #86EFAC;
    border-left: 5px solid #12B76A;
    border-radius: 0 10px 10px 0;
    padding: 16px 20px 16px 52px;
    margin: 28px 0;
    font-style: normal;
}
.entry-content cite::before,
.elementor-widget-text-editor cite::before {
    content: '🎯';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}
.entry-content cite p,
.elementor-widget-text-editor cite p {
    margin-bottom: 0;
    font-size: 15px;
    color: #111111;
}
.entry-content cite p strong:first-child,
.elementor-widget-text-editor cite p strong:first-child {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #15803D;
    margin-bottom: 5px;
}

/* ── DANGER / MISTAKE box  (editor: insert <mark>…</mark>
       or wrap paragraph in <del>…</del>)
       Using <del> as it's the most unused semantic block. ── */
.entry-content del,
.elementor-widget-text-editor del {
    display: block;
    position: relative;
    background: #FEF2F2;
    border: 1px solid #FECACA;
    border-left: 5px solid #EF4444;
    border-radius: 0 10px 10px 0;
    padding: 16px 20px 16px 52px;
    margin: 28px 0;
    text-decoration: none;
}
.entry-content del::before,
.elementor-widget-text-editor del::before {
    content: '🚫';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}
.entry-content del p,
.elementor-widget-text-editor del p {
    margin-bottom: 0;
    font-size: 15px;
    color: #111111;
    text-decoration: none;
}
.entry-content del p strong:first-child,
.elementor-widget-text-editor del p strong:first-child {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #B91C1C;
    margin-bottom: 5px;
}

/* ============================================================
   9. FAQ — native <details> + <summary>
      Editor: insert an HTML block with <details><summary>
      Most WordPress / Elementor HTML blocks support this.
   ============================================================ */

.entry-content details,
.elementor-widget-text-editor details {
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}

.entry-content details summary,
.elementor-widget-text-editor details summary {
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    background: #F5F9FF;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid transparent;
    transition: background 0.15s ease;
}

.entry-content details summary::-webkit-details-marker,
.elementor-widget-text-editor details summary::-webkit-details-marker {
    display: none;
}

/* Chevron icon */
.entry-content details summary::after,
.elementor-widget-text-editor details summary::after {
    content: '+';
    font-size: 20px;
    font-weight: 400;
    color: #1A73E8;
    flex-shrink: 0;
    margin-left: 12px;
    transition: transform 0.2s ease;
}

.entry-content details[open] summary,
.elementor-widget-text-editor details[open] summary {
    background: #DAEAFF;
    border-bottom: 1px solid #BFDBFE;
    color: #1A73E8;
}

.entry-content details[open] summary::after,
.elementor-widget-text-editor details[open] summary::after {
    content: '−';
}

/* Answer content inside <details> */
.entry-content details > *:not(summary),
.elementor-widget-text-editor details > *:not(summary) {
    padding: 14px 18px;
    font-size: 15px;
    color: #333333;
    line-height: 1.7;
    background: #ffffff;
    margin: 0;
}

.entry-content details p,
.elementor-widget-text-editor details p {
    margin-bottom: 0;
}

/* ============================================================
   10. INLINE CODE & CODE BLOCKS
   ============================================================ */

.entry-content code,
.elementor-widget-text-editor code {
    background: #F1F5F9;
    color: #1A73E8;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Courier New', monospace;
}

.entry-content pre,
.elementor-widget-text-editor pre {
    background: #1E293B;
    color: #E2E8F0;
    padding: 18px 20px;
    border-radius: 10px;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 24px;
}

/* ============================================================
   11. HORIZONTAL RULE
   ============================================================ */

.entry-content hr,
.elementor-widget-text-editor hr {
    border: none;
    border-top: 1px solid #E5E7EB;
    margin: 36px 0;
}

/* ============================================================
   12. RESPONSIVE BREAKPOINTS
   ============================================================ */

/* Tablet */
@media (max-width: 992px) {
    .entry-content h1,
    .elementor-widget-text-editor h1 { font-size: 30px; }

    .entry-content h2,
    .elementor-widget-text-editor h2 { font-size: 26px; padding: 11px 16px; }

    .entry-content h3,
    .elementor-widget-text-editor h3 { font-size: 20px; }
}

/* Mobile */
@media (max-width: 768px) {
    .entry-content h1,
    .elementor-widget-text-editor h1 { font-size: 26px; }

    .entry-content h2,
    .elementor-widget-text-editor h2 {
        font-size: 22px;
        padding: 10px 14px;
        margin-top: 30px;
    }

    .entry-content h3,
    .elementor-widget-text-editor h3 { font-size: 19px; }

    .entry-content p,
    .elementor-widget-text-editor p { font-size: 15px; }

    .entry-content ul li,
    .entry-content ol li,
    .elementor-widget-text-editor ul li,
    .elementor-widget-text-editor ol li { font-size: 15px; }

    /* Tables already have overflow-x: auto — just tighten padding */
    .entry-content th,
    .elementor-widget-text-editor th,
    .entry-content td,
    .elementor-widget-text-editor td {
        padding: 9px 11px;
        font-size: 13px;
    }

    /* All box types — tighten on mobile */
    .entry-content blockquote,
    .entry-content aside,
    .entry-content figure:not(:has(img)):not(:has(video)):not(:has(canvas)),
    .entry-content cite,
    .entry-content del,
    .elementor-widget-text-editor blockquote,
    .elementor-widget-text-editor aside,
    .elementor-widget-text-editor figure:not(:has(img)):not(:has(video)):not(:has(canvas)),
    .elementor-widget-text-editor cite,
    .elementor-widget-text-editor del {
        padding: 13px 14px 13px 44px;
        font-size: 14px;
    }

    .entry-content blockquote::before,
    .entry-content aside::before,
    .entry-content figure:not(:has(img))::before,
    .entry-content cite::before,
    .entry-content del::before,
    .elementor-widget-text-editor blockquote::before,
    .elementor-widget-text-editor aside::before,
    .elementor-widget-text-editor figure:not(:has(img))::before,
    .elementor-widget-text-editor cite::before,
    .elementor-widget-text-editor del::before {
        left: 12px;
        font-size: 15px;
    }

    .entry-content details summary,
    .elementor-widget-text-editor details summary {
        font-size: 15px;
        padding: 12px 14px;
    }

    .entry-content details > *:not(summary),
    .elementor-widget-text-editor details > *:not(summary) {
        padding: 12px 14px;
        font-size: 14px;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .entry-content h1,
    .elementor-widget-text-editor h1 { font-size: 22px; }

    .entry-content h2,
    .elementor-widget-text-editor h2 { font-size: 20px; padding: 10px 12px; }

    .entry-content h3,
    .elementor-widget-text-editor h3 { font-size: 17px; }
}/* End custom CSS */