.elementor-7075 .elementor-element.elementor-element-6fca9f26{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;overflow:visible;}.elementor-7075 .elementor-element.elementor-element-6fca9f26:not(.elementor-motion-effects-element-type-background), .elementor-7075 .elementor-element.elementor-element-6fca9f26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tecveq.com/wp-content/uploads/2026/01/bg_pattern.jpg");}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Raleway;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7075 .elementor-element.elementor-element-4c541a4d{text-align:center;}.elementor-7075 .elementor-element.elementor-element-4c541a4d .elementor-heading-title{font-family:"Raleway", Raleway;font-size:clamp(2.25rem, 1.25rem + 4.78vw, 4.75rem);font-weight:600;text-transform:capitalize;line-height:1.2;color:#ffffff;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Raleway;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7075 .elementor-element.elementor-element-b67019e{font-family:"Raleway", Raleway;font-size:15px;font-weight:500;line-height:1.3;color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-b67019e a{color:var( --e-global-color-0f6483e );}.elementor-7075 .elementor-element.elementor-element-aaf195f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:100px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-7075 .elementor-element.elementor-element-aaf195f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7075 .elementor-element.elementor-element-1850b5ce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;overflow:visible;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-item:not(:last-child):after{content:"";height:18%;border-color:#4a4a4a;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:dotted;border-top-width:5px;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:dotted;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:5px;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-icon{width:0px;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-icon i{font-size:0px;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-icon svg{--e-icon-list-icon-size:0px;}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-text, .elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-7075 .elementor-element.elementor-element-1c16754a .elementor-icon-list-item{font-family:"Plus Jakarta Sans", Raleway;font-size:15px;font-weight:600;text-transform:capitalize;}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7075 .elementor-element.elementor-element-66411948{padding:0px 0px 0px 30px;border-style:solid;border-width:0px 0px 0px 4px;border-color:#d3b574;font-family:"Plus Jakarta Sans", Raleway;font-size:28px;font-weight:400;text-transform:capitalize;line-height:1.4em;color:#16163f;}.elementor-7075 .elementor-element.elementor-element-119fca9{--display:flex;--border-radius:20px 20px 20px 20px;overflow:visible;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7075 .elementor-element.elementor-element-72be3b00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:20px 20px 20px 20px;text-align:start;}.elementor-7075 .elementor-element.elementor-element-72be3b00 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7075 .elementor-element.elementor-element-25197699{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;color:var( --e-global-color-11e6709 );font-family:"Plus Jakarta Sans", Raleway;font-size:16px;font-weight:400;}.elementor-7075 .elementor-element.elementor-element-ea8f8e{--display:flex;overflow:visible;}.elementor-7075 .elementor-element.elementor-element-6bc23113{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(22,22,63,0.2);--border-color:rgba(22,22,63,0.2);--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Raleway;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7075 .elementor-element.elementor-element-480b9c12 .elementor-heading-title{font-family:"Raleway", Raleway;font-size:clamp(1.5rem, .2868vw + 1.4082rem, 1.8rem);font-weight:700;text-transform:capitalize;color:#16163f;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-icon i{color:var( --e-global-color-0cb7a04 );transition:color 0.3s;}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-icon svg{fill:var( --e-global-color-0cb7a04 );transition:fill 0.3s;}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-0f6483e );}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-0f6483e );}.elementor-7075 .elementor-element.elementor-element-31c53582{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7075 .elementor-element.elementor-element-31c53582 .elementor-icon-list-text{transition:color 0.3s;}.elementor-7075 .elementor-element.elementor-element-755d24db .elementor-heading-title{font-family:"Raleway", Raleway;font-size:clamp(1.8rem, .1912vw + 1.7388rem, 2rem);font-weight:700;text-transform:capitalize;color:#16163f;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Raleway;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Raleway;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Raleway;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Raleway;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Raleway;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Raleway;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Raleway;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7075 .elementor-element.elementor-element-643fd15{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-7075 .elementor-element.elementor-element-643fd15 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-7075 .elementor-element.elementor-element-643fd15:after{content:"0.66";}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__thumbnail__link{width:30%;}.elementor-7075 .elementor-element.elementor-element-643fd15.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:18px;}.elementor-7075 .elementor-element.elementor-element-643fd15.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:18px;}.elementor-7075 .elementor-element.elementor-element-643fd15.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:18px;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__title, .elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__title a{color:var( --e-global-color-0cb7a04 );font-family:"Raleway", Raleway;font-size:16px;font-weight:600;text-transform:capitalize;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__title{margin-bottom:9px;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination{text-align:center;font-family:"Raleway", Raleway;font-size:15px;font-weight:600;line-height:36px;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-0f6483e );}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination .page-numbers.current{color:var( --e-global-color-0cb7a04 );}body:not(.rtl) .elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-7075 .elementor-element.elementor-element-5e5b1cf9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-0f6483e );--border-color:var( --e-global-color-0f6483e );box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:45px;--padding-right:45px;overflow:visible;}.elementor-7075 .elementor-element.elementor-element-5e5b1cf9:not(.elementor-motion-effects-element-type-background), .elementor-7075 .elementor-element.elementor-element-5e5b1cf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-7075 .elementor-element.elementor-element-7578c026{text-align:center;}.elementor-7075 .elementor-element.elementor-element-7578c026 .elementor-heading-title{font-family:"Raleway", Raleway;font-size:30px;font-weight:600;text-transform:capitalize;color:#16163f;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Raleway;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Raleway;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Raleway;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Raleway;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7075 .elementor-element.elementor-element-7cfa0880{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button span{gap:10px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group > label{font-family:var( --e-global-typography-145708e-font-family ), Raleway;font-size:var( --e-global-typography-145708e-font-size );font-weight:var( --e-global-typography-145708e-font-weight );line-height:var( --e-global-typography-145708e-line-height );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-type-html{padding-bottom:0px;font-family:var( --e-global-typography-145708e-font-family ), Raleway;font-size:var( --e-global-typography-145708e-font-size );font-weight:var( --e-global-typography-145708e-font-weight );line-height:var( --e-global-typography-145708e-line-height );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group .elementor-field{color:#211f40;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group .elementor-field, .elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-subgroup label{font-family:"Raleway", Raleway;font-size:15px;font-weight:400;text-transform:capitalize;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#d7d7d9;border-radius:0px 0px 0px 0px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#d7d7d9;border-radius:0px 0px 0px 0px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group .elementor-select-wrapper::before{color:#d7d7d9;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button{font-family:"Raleway", Raleway;font-size:16px;font-weight:500;text-transform:capitalize;border-radius:0px 0px 0px 0px;padding:15px 50px 15px 50px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-0f6483e );color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button[type="submit"]{background-color:var( --e-global-color-0f6483e );color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .e-form__buttons__wrapper__button-previous{color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .e-form__buttons__wrapper__button-next:hover{background-color:#16163f;color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button[type="submit"]:hover{background-color:#16163f;color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .e-form__buttons__wrapper__button-previous:hover{color:var( --e-global-color-373f41a );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-message{font-family:"Raleway", Raleway;font-size:15;font-weight:700;line-height:1.2;}.elementor-7075 .elementor-element.elementor-element-364917df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Raleway;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Raleway;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7075 .elementor-element.elementor-element-294bf4f8 span.post-navigation__prev--label{color:#4a4a4a;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 span.post-navigation__next--label{color:#4a4a4a;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 span.post-navigation__prev--label, .elementor-7075 .elementor-element.elementor-element-294bf4f8 span.post-navigation__next--label{font-family:"Plus Jakarta Sans", Raleway;font-size:16px;font-weight:500;text-transform:capitalize;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 span.post-navigation__prev--title, .elementor-7075 .elementor-element.elementor-element-294bf4f8 span.post-navigation__next--title{color:var( --e-global-color-0cb7a04 );font-family:"Raleway", Raleway;font-size:20px;font-weight:500;text-transform:capitalize;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 .post-navigation__arrow-wrapper{color:var( --e-global-color-0cb7a04 );fill:var( --e-global-color-0cb7a04 );font-size:21px;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 .elementor-post-navigation__link a {gap:20px;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 .elementor-post-navigation__separator{background-color:#d2d1d8;width:1px;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 .elementor-post-navigation{color:#d2d1d8;border-block-width:1px;padding:40px 0;}.elementor-7075 .elementor-element.elementor-element-294bf4f8 .elementor-post-navigation__next.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-7075 .elementor-element.elementor-element-294bf4f8 .elementor-post-navigation__prev.elementor-post-navigation__link{width:calc(50% - (1px / 2));}@media(max-width:1024px){.elementor-7075 .elementor-element.elementor-element-6fca9f26{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-7075 .elementor-element.elementor-element-4c541a4d .elementor-heading-title{font-size:38px;}.elementor-7075 .elementor-element.elementor-element-aaf195f{--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7075 .elementor-element.elementor-element-1850b5ce{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7075 .elementor-element.elementor-element-66411948{font-size:38px;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__title, .elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__title a{font-size:14px;}.elementor-7075 .elementor-element.elementor-element-7578c026 .elementor-heading-title{font-size:45px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group > label{font-size:var( --e-global-typography-145708e-font-size );line-height:var( --e-global-typography-145708e-line-height );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-type-html{font-size:var( --e-global-typography-145708e-font-size );line-height:var( --e-global-typography-145708e-line-height );}.elementor-7075 .elementor-element.elementor-element-364917df{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-7075 .elementor-element.elementor-element-6fca9f26{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7075 .elementor-element.elementor-element-4c541a4d .elementor-heading-title{font-size:30px;}.elementor-7075 .elementor-element.elementor-element-66411948{font-size:25px;}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-7075 .elementor-element.elementor-element-643fd15:after{content:"0.66";}.elementor-7075 .elementor-element.elementor-element-643fd15 .elementor-post__thumbnail__link{width:32%;}.elementor-7075 .elementor-element.elementor-element-5e5b1cf9{--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-7075 .elementor-element.elementor-element-7578c026 .elementor-heading-title{font-size:40px;}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-group > label{font-size:var( --e-global-typography-145708e-font-size );line-height:var( --e-global-typography-145708e-line-height );}.elementor-7075 .elementor-element.elementor-element-7cfa0880 .elementor-field-type-html{font-size:var( --e-global-typography-145708e-font-size );line-height:var( --e-global-typography-145708e-line-height );}}@media(min-width:768px){.elementor-7075 .elementor-element.elementor-element-6fca9f26{--content-width:650px;}.elementor-7075 .elementor-element.elementor-element-aaf195f{--content-width:1200px;}.elementor-7075 .elementor-element.elementor-element-1850b5ce{--width:65%;}.elementor-7075 .elementor-element.elementor-element-ea8f8e{--width:35%;}.elementor-7075 .elementor-element.elementor-element-364917df{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7075 .elementor-element.elementor-element-1850b5ce{--width:100%;}.elementor-7075 .elementor-element.elementor-element-ea8f8e{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-119fca9 */.featured-img-wrapper {
  position: relative;
  overflow: hidden;
}

.featured-img-wrapper::before,
.featured-img-wrapper::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 2px solid white;
  box-shadow: 0 0 6px rgba(0,0,0,0.6);
  transition: all 0.45s ease;
  z-index: 2;
}

.featured-img-wrapper::before {
  top: 12px;
  left: 12px;
  border-right: none;
  border-bottom: none;
}

.featured-img-wrapper::after {
  bottom: 12px;
  right: 12px;
  border-left: none;
  border-top: none;
}

.featured-img-wrapper:hover::before,
.featured-img-wrapper:hover::after {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-25197699 *//* ================================================================
   🎨 PREMIUM POST CONTENT STYLESHEET
   Version: 3.0 — Ultra Premium Design
   Responsive: 320px to 1920px+
   ================================================================ */

/* ================================================================
   1. DESIGN TOKENS
   ================================================================ */
.post-content {
  /* Fonts */
  --pc-font-heading  : 'Raleway', system-ui, sans-serif;
  --pc-font-body     : 'Plus Jakarta Sans', system-ui, sans-serif;
  --pc-font-mono     : 'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* Colours — WCAG AA on white */
  --pc-clr-heading   : #0a0e1a;
  --pc-clr-body      : #1e2535;
  --pc-clr-muted     : #52607a;
  --pc-clr-accent    : #1d4ed8;
  --pc-clr-accent-hv : #1e40af;
  --pc-clr-accent-lt : #eff6ff;
  --pc-clr-border    : #e2e8f0;
  --pc-clr-border-dk : #cbd5e1;
  --pc-clr-surface   : #f8fafc;
  --pc-clr-surface-2 : #f1f5f9;
  --pc-clr-code-bg   : #0f172a;
  --pc-clr-code-txt  : #e2e8f0;
  --pc-clr-mark      : #fef08a;
  --pc-clr-white     : #ffffff;

  /* Spacing */
  --pc-sp-xs  : 0.375rem;
  --pc-sp-sm  : 0.625rem;
  --pc-sp-md  : 1.125rem;
  --pc-sp-lg  : 1.75rem;
  --pc-sp-xl  : 2.25rem;
  --pc-sp-2xl : 3rem;
  --pc-sp-3xl : 4.5rem;

  /* Radii */
  --pc-r-sm  :  6px;
  --pc-r-md  : 10px;
  --pc-r-lg  : 14px;
  --pc-r-xl  : 20px;
  --pc-r-pill: 100px;

  /* Shadows */
  --pc-shadow-xs : 0 1px 3px rgba(0,0,0,.05);
  --pc-shadow-sm : 0 2px 8px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);
  --pc-shadow-md : 0 6px 20px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.05);
  --pc-shadow-lg : 0 16px 48px rgba(0,0,0,.11), 0 4px 12px rgba(0,0,0,.06);
  --pc-shadow-img: 0 8px 30px rgba(0,0,0,.13), 0 2px 8px rgba(0,0,0,.07);

  /* Motion */
  --pc-ease       : cubic-bezier(0.23, 1, 0.32, 1);
  --pc-ease-out   : cubic-bezier(0.16, 1, 0.3, 1);
  --pc-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Base Layout ── */
  font-family             : var(--pc-font-body);
  font-size               : clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  font-weight             : 400;
  line-height             : 1.9;
  color                   : var(--pc-clr-body);
  max-width               : 800px;
  width                   : 100%;
  margin-inline           : auto;
  padding-inline          : 16px;
  word-break              : break-word;
  overflow-wrap           : break-word;
  -webkit-font-smoothing  : antialiased;
  -moz-osx-font-smoothing : grayscale;
  text-rendering          : optimizeLegibility;
  box-sizing              : border-box;
}

.post-content *, 
.post-content *::before, 
.post-content *::after {
  box-sizing: border-box;
}

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

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  font-family     : var(--pc-font-heading);
  color           : var(--pc-clr-heading);
  font-style      : normal;
  margin-top      : var(--pc-sp-3xl);
  margin-bottom   : var(--pc-sp-md);
  line-height     : 1.2;
  scroll-margin-top: 90px;
}

.post-content h1 {
  font-size      : clamp(1.75rem, 1.2rem + 2.8vw, 3.5rem);
  font-weight    : 800;
  line-height    : 1.1;
  letter-spacing : -0.03em;
  margin-top     : 0;
}

.post-content h2 {
  font-size      : clamp(1.5rem, 1rem + 2.5vw, 2.75rem);
  font-weight    : 800;
  letter-spacing : -0.025em;
  padding-bottom : var(--pc-sp-sm);
  border-bottom  : 2px solid var(--pc-clr-border);
}

.post-content h3 {
  font-size      : clamp(1.25rem, 0.9rem + 1.8vw, 2rem);
  font-weight    : 700;
  letter-spacing : -0.02em;
}

.post-content h4 {
  font-size      : clamp(1.125rem, 0.85rem + 1.4vw, 1.625rem);
  font-weight    : 700;
  letter-spacing : -0.015em;
}

.post-content h5 {
  font-size      : clamp(1rem, 0.85rem + 0.8vw, 1.375rem);
  font-weight    : 600;
}

.post-content h6 {
  font-size      : clamp(0.875rem, 0.8rem + 0.4vw, 1.125rem);
  font-weight    : 700;
  letter-spacing : 0.08em;
  text-transform : uppercase;
  color          : var(--pc-clr-accent);
  margin-top     : var(--pc-sp-xl);
}

.post-content > :first-child { margin-top: 0 !important; }

/* Heading anchor */
.post-content h2 .anchor,
.post-content h3 .anchor,
.post-content h4 .anchor {
  opacity         : 0;
  margin-left     : 0.35em;
  color           : var(--pc-clr-accent);
  text-decoration : none;
  font-size       : 0.7em;
  transition      : opacity 0.2s ease;
  user-select     : none;
}
.post-content h2:hover .anchor,
.post-content h3:hover .anchor,
.post-content h4:hover .anchor { opacity: 1; }

/* ================================================================
   3. PARAGRAPHS
   ================================================================ */

.post-content p {
  margin-top    : 0;
  margin-bottom : var(--pc-sp-lg);
  font-size     : inherit;
  line-height   : 1.85;
  font-weight   : 400;
  letter-spacing: 0.005em;
}

.post-content > p:first-of-type,
.post-content .lead {
  font-size   : clamp(1.0625rem, 0.95rem + 0.6vw, 1.375rem);
  font-weight : 500;
  line-height : 1.75;
  color       : var(--pc-clr-heading);
}

/* ================================================================
   4. LINKS
   ================================================================ */

.post-content a {
  color                   : var(--pc-clr-accent);
  font-weight             : 600;
  text-decoration         : underline;
  text-decoration-color   : rgba(29,78,216,0.3);
  text-underline-offset   : 3px;
  text-decoration-thickness: 2px;
  transition              :
    color 0.2s var(--pc-ease),
    text-decoration-color 0.2s var(--pc-ease);
  border-radius: 3px;
  outline      : none;
}
.post-content a:hover {
  color                 : var(--pc-clr-accent-hv);
  text-decoration-color : var(--pc-clr-accent-hv);
}
.post-content a:focus-visible {
  outline        : 3px solid var(--pc-clr-accent);
  outline-offset : 3px;
  text-decoration: none;
}
.post-content a[target="_blank"]::after {
  content    : " ↗";
  font-size  : 0.72em;
  opacity    : 0.6;
  font-weight: 400;
  transition : opacity 0.2s ease;
}
.post-content a[target="_blank"]:hover::after { opacity: 1; }

.post-content h1 a, .post-content h2 a,
.post-content h3 a, .post-content h4 a,
.post-content h5 a, .post-content h6 a {
  color: inherit; text-decoration: none; font-weight: inherit;
}
.post-content h2 a:hover,
.post-content h3 a:hover { color: var(--pc-clr-accent); }

/* ================================================================
   5. LISTS
   ================================================================ */

.post-content ul,
.post-content ol {
  margin       : 0 0 var(--pc-sp-lg) 0;
  padding-left : 1.5em;
  line-height  : 1.85;
}
.post-content ul { list-style-type: disc; }
.post-content ol { list-style-type: decimal; }

.post-content li {
  margin-bottom : 0.5em;
  padding-left  : 0.25em;
  font-size     : inherit;
  line-height   : 1.8;
  color         : var(--pc-clr-body);
  font-weight   : 400;
}

.post-content ul ul,
.post-content ol ol,
.post-content ul ol,
.post-content ol ul { margin: 0.4em 0 0.4em 1.2em; }
.post-content ul ul    { list-style-type: circle; }
.post-content ul ul ul { list-style-type: square; }

/* Styled bullet list */
.post-content ul.styled-list { list-style: none; padding: 0; }
.post-content ul.styled-list li {
  position    : relative;
  padding-left: 1.5em;
}
.post-content ul.styled-list li::before {
  content    : "▸";
  position   : absolute;
  left       : 0;
  color      : var(--pc-clr-accent);
  font-size  : 0.85em;
  line-height: 2;
  font-weight: 700;
}

/* Definition list */
.post-content dl { margin: 0 0 var(--pc-sp-lg) 0; }
.post-content dt {
  font-family : var(--pc-font-heading);
  font-weight : 700;
  font-size   : 1em;
  color       : var(--pc-clr-heading);
  margin-top  : var(--pc-sp-md);
}
.post-content dd {
  margin-left  : var(--pc-sp-lg);
  color        : var(--pc-clr-body);
  margin-bottom: var(--pc-sp-sm);
}

/* ================================================================
   6. BLOCKQUOTE
   ================================================================ */

.post-content blockquote {
  position      : relative;
  margin        : var(--pc-sp-xl) 0;
  padding       : var(--pc-sp-lg) var(--pc-sp-xl);
  padding-left  : calc(var(--pc-sp-xl) + 4px);
  background    : var(--pc-clr-accent-lt);
  border-left   : 4px solid var(--pc-clr-accent);
  border-radius : 0 var(--pc-r-lg) var(--pc-r-lg) 0;
  box-shadow    : var(--pc-shadow-sm);
  font-family   : var(--pc-font-heading);
  font-size     : clamp(1rem, 0.9rem + 0.5vw, 1.3125rem);
  font-weight   : 600;
  font-style    : italic;
  line-height   : 1.7;
  color         : var(--pc-clr-heading);
}
.post-content blockquote::before {
  content      : "\201C";
  position     : absolute;
  top          : -6px;
  left         : 12px;
  font-size    : clamp(3rem, 2.5rem + 2.5vw, 5rem);
  line-height  : 1;
  font-family  : var(--pc-font-heading);
  color        : var(--pc-clr-accent);
  opacity      : 0.12;
  font-style   : normal;
  font-weight  : 900;
  pointer-events: none;
  user-select  : none;
}
.post-content blockquote p { margin: 0 0 var(--pc-sp-sm); }
.post-content blockquote p:last-child { margin-bottom: 0; }
.post-content blockquote cite,
.post-content blockquote footer {
  display      : block;
  margin-top   : var(--pc-sp-sm);
  font-family  : var(--pc-font-body);
  font-size    : 0.8125rem;
  font-weight  : 700;
  font-style   : normal;
  color        : var(--pc-clr-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.post-content blockquote cite::before { content: "— "; }

/* ================================================================
   7. INLINE ELEMENTS
   ================================================================ */

.post-content strong, .post-content b { font-weight: 700; color: var(--pc-clr-heading); }
.post-content em,     .post-content i { font-style: italic; }

.post-content code:not(pre code) {
  font-family    : var(--pc-font-mono);
  font-size      : 0.85em;
  font-weight    : 500;
  color          : #be185d;
  background     : #fdf2f8;
  border         : 1px solid #fce7f3;
  padding        : 0.15em 0.4em;
  border-radius  : var(--pc-r-sm);
  white-space    : nowrap;
}
.post-content kbd {
  font-family  : var(--pc-font-mono);
  font-size    : 0.8em;
  font-weight  : 600;
  color        : var(--pc-clr-heading);
  background   : var(--pc-clr-surface);
  border       : 1px solid var(--pc-clr-border-dk);
  border-bottom: 3px solid var(--pc-clr-border-dk);
  padding      : 0.1em 0.5em;
  border-radius: var(--pc-r-sm);
}
.post-content abbr[title] {
  text-decoration : underline dotted var(--pc-clr-muted);
  cursor          : help;
  border-bottom   : none;
}
.post-content mark {
  background    : var(--pc-clr-mark);
  color         : #713f12;
  padding       : 0.1em 0.3em;
  border-radius : 3px;
  font-weight   : 600;
}
.post-content small { font-size: 0.8125em; color: var(--pc-clr-muted); line-height: 1.6; }

.post-content sup, .post-content sub { font-size: 0.72em; line-height: 0; position: relative; vertical-align: baseline; }
.post-content sup { top: -0.55em; }
.post-content sub { bottom: -0.25em; }

.post-content ins {
  background: #dcfce7; color: #166534;
  text-decoration: none; padding: 0.1em 0.3em; border-radius: 3px;
}
.post-content del {
  background: #fee2e2; color: #991b1b;
  text-decoration: line-through; padding: 0.1em 0.3em; border-radius: 3px;
}

/* ================================================================
   8. CODE BLOCKS
   ================================================================ */

.post-content pre {
  position      : relative;
  margin        : var(--pc-sp-xl) 0;
  padding       : var(--pc-sp-lg);
  background    : var(--pc-clr-code-bg);
  border-radius : var(--pc-r-lg);
  border        : 1px solid rgba(255,255,255,0.06);
  box-shadow    : var(--pc-shadow-lg);
  overflow-x    : auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.15) transparent;
  tab-size      : 2;
}
.post-content pre::-webkit-scrollbar       { height: 5px; }
.post-content pre::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 100px; }
.post-content pre[data-lang]::before {
  content      : attr(data-lang);
  position     : absolute;
  top          : 12px;
  right        : 14px;
  font-family  : var(--pc-font-body);
  font-size    : 0.625rem;
  font-weight  : 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color        : rgba(255,255,255,0.3);
  pointer-events: none;
  user-select  : none;
}
.post-content pre code {
  font-family : var(--pc-font-mono);
  font-size   : clamp(0.8125rem, 0.75rem + 0.3vw, 0.9375rem);
  font-weight : 400;
  color       : var(--pc-clr-code-txt);
  background  : transparent;
  border      : none;
  padding     : 0;
  white-space : pre;
  line-height : 1.75;
  display     : block;
}

/* ================================================================
   9. HORIZONTAL RULE
   ================================================================ */

.post-content hr {
  border    : none;
  margin    : var(--pc-sp-2xl) 0;
  height    : 1px;
  background: linear-gradient(to right, transparent 0%, var(--pc-clr-border) 20%, var(--pc-clr-border) 80%, transparent 100%);
}

/* ================================================================
   10. IMAGES
   ================================================================ */

.post-content figure,
.post-content .img-wrap {
  margin        : var(--pc-sp-xl) 0;
  padding       : 0;
  position      : relative;
  display       : block;
  border-radius : var(--pc-r-lg);
  overflow      : hidden;
  background    : var(--pc-clr-surface);
  box-shadow    :
    0 2px 4px rgba(0,0,0,.04),
    0 8px 20px rgba(0,0,0,.08),
    0 20px 40px rgba(0,0,0,.08);
  will-change   : transform, box-shadow;
  transform     : translateZ(0);
  transition    :
    transform 0.5s var(--pc-ease),
    box-shadow 0.5s var(--pc-ease);
}

.post-content figure:hover,
.post-content .img-wrap:hover {
  transform  : translateY(-4px) scale(1.003);
  box-shadow :
    0 4px 8px rgba(0,0,0,.05),
    0 16px 32px rgba(0,0,0,.1),
    0 32px 64px rgba(29,78,216,.06);
}

.post-content figure img,
.post-content .img-wrap img,
.post-content img {
  display      : block;
  max-width    : 100%;
  width        : 100%;
  height       : auto;
  border-radius: var(--pc-r-lg);
  object-fit   : cover;
  filter       : contrast(1.02) saturate(1.05);
  transition   :
    transform 0.55s var(--pc-ease),
    filter 0.55s var(--pc-ease);
  will-change  : transform, filter;
  margin       : 0;
}

.post-content figure:hover img,
.post-content .img-wrap:hover img {
  transform : scale(1.03);
  filter    : contrast(1.04) saturate(1.1) brightness(1.01);
}

.post-content figure::after,
.post-content .img-wrap::after {
  content    : '';
  position   : absolute;
  inset      : 0;
  background : linear-gradient(120deg, rgba(255,255,255,0.15) 0%, transparent 50%);
  opacity    : 0;
  transform  : translateX(-15px);
  transition : opacity 0.45s ease, transform 0.45s var(--pc-ease);
  pointer-events: none;
  border-radius : inherit;
}
.post-content figure:hover::after,
.post-content .img-wrap:hover::after {
  opacity   : 1;
  transform : translateX(0);
}

.post-content > img {
  border-radius : var(--pc-r-lg);
  box-shadow    : var(--pc-shadow-img);
  margin        : var(--pc-sp-xl) auto;
  display       : block;
  max-width     : 100%;
  transition    :
    transform 0.5s var(--pc-ease),
    box-shadow 0.5s var(--pc-ease),
    filter 0.5s var(--pc-ease);
  filter        : contrast(1.02) saturate(1.05);
}
.post-content > img:hover {
  transform  : translateY(-3px) scale(1.015);
  box-shadow :
    0 6px 16px rgba(0,0,0,.1),
    0 20px 44px rgba(29,78,216,.07);
  filter     : contrast(1.04) saturate(1.1) brightness(1.01);
}

/* WordPress align classes */
.post-content .alignleft  { float: left;  margin-right: var(--pc-sp-lg); margin-bottom: var(--pc-sp-md); max-width: 45%; }
.post-content .alignright { float: right; margin-left:  var(--pc-sp-lg); margin-bottom: var(--pc-sp-md); max-width: 45%; }
.post-content .aligncenter { margin-inline: auto; display: block; }
.post-content .alignfull, .post-content .alignwide { width: 100%; border-radius: var(--pc-r-lg); }

/* Figcaption */
.post-content figcaption {
  font-family  : var(--pc-font-body);
  font-size    : clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  font-weight  : 400;
  color        : var(--pc-clr-muted);
  font-style   : italic;
  text-align   : center;
  padding      : var(--pc-sp-sm) var(--pc-sp-md);
  line-height  : 1.5;
  background   : var(--pc-clr-white);
}

/* Video embed */
.post-content .video-embed,
.post-content .wp-block-embed__wrapper {
  position     : relative;
  width        : 100%;
  border-radius: var(--pc-r-lg);
  overflow     : hidden;
  margin       : var(--pc-sp-xl) 0;
  box-shadow   : var(--pc-shadow-lg);
  aspect-ratio : 16 / 9;
}
.post-content .video-embed iframe,
.post-content .wp-block-embed__wrapper iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: none;
}

/* ================================================================
   11. 🆕 TABLES — PREMIUM DESIGN WITH PROPER BORDERS
   ================================================================ */

/* ================================================================
   POST CONTENT — PREMIUM TABLE STYLES
   4 Variants — Pick one, rest ko comment out karo
   
   BORDER RADIUS FIX (Root Cause):
   border-collapse:collapse ke saath border-radius kaam nahi karta
   table ya thead th pe. Asli fix: .table-wrap pe overflow:hidden
   lagao aur wahan radius rakho — wrapper sab kuch clip kar deta hai.
   
   Elementor Compatible  ✓
   Theme Independent     ✓
   Cross-Browser         ✓  (Chrome, Firefox, Safari, Edge)
   Mobile Responsive     ✓
   ================================================================ */


/* ================================================================
   SHARED BASE — Har style ke saath yeh zaroori hai
   ================================================================ */

.post-content .table-wrap {
  width          : 100%;
  overflow-x     : auto;
  overflow-y     : visible;
  -webkit-overflow-scrolling: touch;
  margin         : 2rem 0;
  /* ✦ THE REAL FIX: radius yahaan lagao, table pe nahi */
  border-radius  : 14px;
  /* overflow:hidden table ke corners ko clip karta hai */
  overflow       : hidden;
  background     : #ffffff;
  /* Scrollbar hint for horizontal scroll */
  position       : relative;
}

/* Scrollbar — thin & clean */
.post-content .table-wrap::-webkit-scrollbar        { height: 5px; }
.post-content .table-wrap::-webkit-scrollbar-track  { background: #f1f5f9; }
.post-content .table-wrap::-webkit-scrollbar-thumb  { background: #cbd5e1; border-radius: 10px; }
.post-content .table-wrap::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Table Reset */
.post-content table {
  width          : 100%;
  min-width      : 100%;
  border-collapse: collapse;  /* collapse raho — spacing mat karo */
  border-spacing : 0;
  font-family    : var(--pc-font-body, 'Plus Jakarta Sans', system-ui, sans-serif);
  background     : #ffffff;
  table-layout   : auto;
}

/* Sticky header */
.post-content thead {
  position: sticky;
  top     : 0;
  z-index : 10;
}

/* Common cell resets */
.post-content thead th,
.post-content td,
.post-content tbody th {
  text-align    : left;
  vertical-align: middle;
  white-space   : nowrap;
  word-break    : normal;
}

/* Status badges */
.post-content td .status,
.post-content td .badge {
  display       : inline-flex;
  align-items   : center;
  padding       : 3px 10px;
  border-radius : 100px;
  font-size     : 11.5px;
  font-weight   : 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space   : nowrap;
  line-height   : 1;
}
.post-content td .status-success,
.post-content td .badge-success { background: #dcfce7; color: #15803d; }
.post-content td .status-warning,
.post-content td .badge-warning { background: #fef9c3; color: #92400e; }
.post-content td .status-danger,
.post-content td .badge-danger  { background: #fee2e2; color: #b91c1c; }
.post-content td .status-info,
.post-content td .badge-info    { background: #dbeafe; color: #1d4ed8; }
.post-content td .status-neutral,
.post-content td .badge-neutral { background: #f1f5f9; color: #475569; }

/* Number cells */
.post-content td.number,
.post-content th.number {
  text-align           : right;
  font-family          : var(--pc-font-mono, 'JetBrains Mono', monospace);
  font-weight          : 600;
  font-variant-numeric : tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* Caption */
.post-content table caption {
  font-family  : var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-size    : 0.75rem;
  font-weight  : 700;
  color        : #52607a;
  text-align   : left;
  padding      : 12px 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background   : #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}


/* ================================================================
   STYLE 1 — DARK PRESTIGE  (Default — currently active)
   Dark gradient header + blue bottom border + left-accent hover
   Best for: Professional blogs, premium content sites
   ================================================================ */

.post-content .table-wrap {
  box-shadow:
    0 0   0   1px #e2e8f0,
    0 4px 6px -1px rgba(0,0,0,.05),
    0 10px 20px -2px rgba(0,0,0,.07);
}

.post-content thead tr {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
}

.post-content thead th {
  font-family   : var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-weight   : 700;
  font-size     : 12px;       /* ✦ Fixed — uppercase labels ke liye perfect */
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color         : #e2e8f0;
  padding       : 15px 20px;
  border-right  : 1px solid rgba(255,255,255,.06);
  border-bottom : 3px solid #1d4ed8;
}
.post-content thead th:last-child { border-right: none; }

.post-content tbody tr {
  border-bottom: 1px solid #f1f5f9;
  transition   : background-color 0.15s ease;
}
.post-content tbody tr:last-child    { border-bottom: none; }
.post-content tbody tr:nth-child(even) { background-color: #f8fafc; }

/* ✦ Hover: NO blur, NO glow — clean left accent bar */
.post-content tbody tr:hover {
  background-color: #eff6ff;
  box-shadow      : inset 3px 0 0 #1d4ed8;
}

.post-content td,
.post-content tbody th {
  font-size    : 15px;        /* ✦ Increased — readable at a glance */
  padding      : 14px 20px;
  color        : #1e2535;
  line-height  : 1.58;
  font-weight  : 400;
  border-right : 1px solid #f1f5f9;
}
.post-content td:last-child,
.post-content tbody th:last-child { border-right: none; }

.post-content tbody th {
  font-family: var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-weight: 600;
  font-size  : 14px;
  color      : #0a0e1a;
  background : #f8fafc;
}

.post-content tfoot tr    { background: #f1f5f9; }
.post-content tfoot td    {
  font-family : var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-weight : 700;
  font-size   : 14px;
  color       : #0a0e1a;
  padding     : 14px 20px;
  border-top  : 2px solid #cbd5e1;
  border-bottom: none;
}


/* ================================================================
   STYLE 2 — CLEAN MINIMAL
   Light grey header + hairline borders + hover first-cell accent
   Best for: News sites, editorial blogs, light themes
   Uncomment this block aur Style 1 ko comment karo
   ================================================================ */

/*
.post-content .table-wrap {
  box-shadow: 0 0 0 1px #e2e8f0;
}
.post-content thead tr {
  background: #f8fafc;
}
.post-content thead th {
  font-family   : var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-weight   : 700;
  font-size     : 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color         : #52607a;
  padding       : 14px 20px;
  border-bottom : 2px solid #e2e8f0;
  border-right  : 1px solid #e2e8f0;
}
.post-content thead th:last-child { border-right: none; }
.post-content tbody tr {
  border-bottom: 1px solid #f1f5f9;
  transition   : background-color 0.15s ease;
}
.post-content tbody tr:last-child { border-bottom: none; }
.post-content tbody tr:hover { background-color: #f8fafc; }
.post-content tbody tr:hover td:first-child {
  font-weight: 600;
  color      : #1d4ed8;
}
.post-content td,
.post-content tbody th {
  font-size  : 15px;
  padding    : 14px 20px;
  color      : #1e2535;
  line-height: 1.58;
  font-weight: 400;
  border-right: 1px solid #f1f5f9;
}
.post-content td:last-child,
.post-content tbody th:last-child { border-right: none; }
.post-content tfoot tr { background: #f8fafc; }
.post-content tfoot td {
  font-weight  : 700;
  font-size    : 14px;
  color        : #0a0e1a;
  padding      : 14px 20px;
  border-top   : 2px solid #e2e8f0;
  border-bottom: none;
}
*/


/* ================================================================
   STYLE 3 — BLUE ACCENT HEADER
   Solid brand-blue header + clean rows
   Best for: Branded sites, saath mein accent color blue ho
   Uncomment this block aur Style 1 ko comment karo
   ================================================================ */

/*
.post-content .table-wrap {
  box-shadow:
    0 0   0   1px #e2e8f0,
    0 8px 24px rgba(29,78,216,.08);
}
.post-content thead tr {
  background: #1d4ed8;
}
.post-content thead th {
  font-family   : var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-weight   : 700;
  font-size     : 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color         : #ffffff;
  padding       : 15px 20px;
  border-right  : 1px solid rgba(255,255,255,.12);
  border-bottom : none;
}
.post-content thead th:last-child { border-right: none; }
.post-content tbody tr {
  border-bottom: 1px solid #f1f5f9;
  transition   : background-color 0.15s ease;
}
.post-content tbody tr:last-child { border-bottom: none; }
.post-content tbody tr:nth-child(even) { background-color: #f8fafc; }
.post-content tbody tr:hover { background-color: #eff6ff; }
.post-content td,
.post-content tbody th {
  font-size  : 15px;
  padding    : 14px 20px;
  color      : #1e2535;
  line-height: 1.58;
  font-weight: 400;
  border-right: 1px solid #f1f5f9;
}
.post-content td:last-child,
.post-content tbody th:last-child { border-right: none; }
.post-content tfoot tr { background: #eff6ff; }
.post-content tfoot td {
  font-weight  : 700;
  font-size    : 14px;
  color        : #1e3a8a;
  padding      : 14px 20px;
  border-top   : 2px solid #bfdbfe;
  border-bottom: none;
}
*/


/* ================================================================
   STYLE 4 — ROW CARDS
   Har row alag card — floating rows with lift on hover
   Best for: Modern SaaS, dashboard feel, unique look
   
   NOTE: Yeh style border-collapse:separate use karta hai
   Uncomment this block aur Style 1 ko comment karo
   ================================================================ */

/*
.post-content .table-wrap {
  box-shadow : none;
  background : transparent;
  overflow   : visible;
  border-radius: 0;
}
.post-content table {
  border-collapse: separate;
  border-spacing : 0 6px;
}
.post-content thead th {
  font-family   : var(--pc-font-heading, 'Raleway', system-ui, sans-serif);
  font-weight   : 700;
  font-size     : 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color         : #94a3b8;
  padding       : 6px 18px 10px;
  border-bottom : none;
  background    : transparent;
}
.post-content tbody tr {
  background: #ffffff;
  box-shadow:
    0 1px 3px rgba(0,0,0,.06),
    0 0   0 1px #e2e8f0;
  border-radius: 10px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.post-content tbody tr:hover {
  box-shadow :
    0 4px 16px rgba(29,78,216,.10),
    0 0   0   1px #bfdbfe;
  transform  : translateY(-2px);
}
.post-content td {
  font-size    : 15px;
  padding      : 14px 18px;
  color        : #1e2535;
  line-height  : 1.58;
  font-weight  : 400;
  border       : none;
  background   : transparent;
}
.post-content tbody tr td:first-child { border-radius: 10px 0 0 10px; }
.post-content tbody tr td:last-child  { border-radius: 0 10px 10px 0; }
*/


/* ================================================================
   MOBILE RESPONSIVE — Sab styles ke saath kaam karta hai
   ================================================================ */

@media (max-width: 768px) {
  .post-content thead th { font-size: 11px;  padding: 12px 14px; }
  .post-content td,
  .post-content tbody th { font-size: 14px;  padding: 12px 14px; }
  .post-content tfoot td { font-size: 13px;  padding: 12px 14px; }
}

@media (max-width: 480px) {
  .post-content .table-wrap { border-radius: 10px; margin: 1.5rem 0; }
  .post-content thead th    { font-size: 10.5px; padding: 10px 12px; letter-spacing: .04em; }
  .post-content td,
  .post-content tbody th    { font-size: 13.5px; padding: 10px 12px; white-space: normal; word-break: break-word; }
  .post-content td .status,
  .post-content td .badge   { font-size: 10px; padding: 2px 8px; }
  .post-content tfoot td    { font-size: 12.5px; padding: 10px 12px; }
}

/* ================================================================
   12. CALLOUT BOXES
   ================================================================ */

.post-content .callout {
  display       : flex;
  gap           : var(--pc-sp-md);
  align-items   : flex-start;
  margin        : var(--pc-sp-xl) 0;
  padding       : var(--pc-sp-md) var(--pc-sp-lg);
  border-radius : var(--pc-r-lg);
  border        : 1px solid transparent;
  font-size     : clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  line-height   : 1.7;
}
.post-content .callout-icon { font-size: 1.25rem; flex-shrink: 0; line-height: 1.5; }
.post-content .callout-info    { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }
.post-content .callout-success { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.post-content .callout-warn    { background: #fefce8; border-color: #fde68a; color: #92400e; }
.post-content .callout-danger  { background: #fff1f2; border-color: #fecdd3; color: #be123c; }
.post-content .callout strong  { font-weight: 800; }

/* ================================================================
   13. DETAILS / SUMMARY (FAQ)
   ================================================================ */

.post-content details {
  border       : 1px solid var(--pc-clr-border);
  border-radius: var(--pc-r-md);
  margin       : var(--pc-sp-sm) 0;
  overflow     : hidden;
  transition   : box-shadow 0.2s ease, border-color 0.2s ease;
}
.post-content details:hover { 
  box-shadow: var(--pc-shadow-sm);
  border-color: var(--pc-clr-border-dk);
}
.post-content details[open] { 
  border-color: var(--pc-clr-accent); 
  box-shadow: 0 0 0 3px rgba(29,78,216,.08); 
}

.post-content summary {
  font-family   : var(--pc-font-heading);
  font-weight   : 700;
  font-size     : clamp(0.9375rem, 0.875rem + 0.3vw, 1.125rem);
  color         : var(--pc-clr-heading);
  padding       : var(--pc-sp-md) var(--pc-sp-lg);
  cursor        : pointer;
  list-style    : none;
  display       : flex;
  justify-content: space-between;
  align-items   : center;
  gap           : var(--pc-sp-sm);
  background    : var(--pc-clr-surface);
  user-select   : none;
  transition    : background 0.2s ease, color 0.2s ease;
}
.post-content summary::-webkit-details-marker { display: none; }
.post-content summary:hover { background: var(--pc-clr-accent-lt); color: var(--pc-clr-accent); }
.post-content summary::after { 
  content: "+"; 
  font-size: 1.25rem; 
  font-weight: 300; 
  color: var(--pc-clr-accent); 
  transition: transform 0.3s var(--pc-ease); 
  flex-shrink: 0; 
}
.post-content details[open] > summary::after { transform: rotate(45deg); }
.post-content details > *:not(summary) { 
  padding: var(--pc-sp-md) var(--pc-sp-lg); 
  border-top: 1px solid var(--pc-clr-border); 
}
.post-content details p:last-child { margin-bottom: 0; }

/* ================================================================
   14. 🆕 BUTTONS — ULTRA PREMIUM DESIGN
   ================================================================ */

/* ── Base Button Styles ── */
.post-content .btn {
  /* Layout */
  position       : relative;
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  gap            : 0.45em;
  
  /* Typography */
  font-family    : var(--pc-font-heading);
  font-weight    : 700;
  font-size      : clamp(0.8125rem, 0.75rem + 0.3vw, 0.9375rem);
  letter-spacing : 0.015em;
  text-decoration: none;
  text-align     : center;
  line-height    : 1.2;
  white-space    : nowrap;
  
  /* Sizing */
  padding        : 0.9em 1.8em;
  min-height     : 46px;
  border         : 2px solid transparent;
  border-radius  : var(--pc-r-md);
  
  /* Interaction */
  cursor         : pointer;
  user-select    : none;
  outline        : none;
  touch-action   : manipulation;
  -webkit-tap-highlight-color: transparent;
  
  /* Transition */
  transition     : 
    transform 0.25s var(--pc-ease-out),
    box-shadow 0.25s var(--pc-ease-out),
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

/* Remove external link icon */
.post-content .btn::after,
.post-content .btn[target="_blank"]::after {
  display: none !important;
  content: none !important;
}

/* Button icon */
.post-content .btn svg,
.post-content .btn .btn-icon {
  width: 1.1em;
  height: 1.1em;
  flex-shrink: 0;
  transition: transform 0.25s var(--pc-ease);
}

/* Arrow animation on hover */
.post-content .btn:hover svg,
.post-content .btn:hover .btn-icon,
.post-content .btn:hover .arrow {
  transform: translateX(3px);
}

/* Focus state */
.post-content .btn:focus-visible {
  outline: 3px solid var(--pc-clr-accent);
  outline-offset: 3px;
}

/* Disabled state */
.post-content .btn:disabled,
.post-content .btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* ────────────────────────────────────────
   PRIMARY BUTTON — Solid Blue with Depth
   ──────────────────────────────────────── */
.post-content .btn-primary {
  background   : var(--pc-clr-accent);
  color        : #ffffff;
  border-color : var(--pc-clr-accent);
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 12px rgba(29,78,216,0.25),
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -2px 0 rgba(0,0,0,0.1);
}

.post-content .btn-primary:hover {
  background   : var(--pc-clr-accent-hv);
  border-color : var(--pc-clr-accent-hv);
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.08),
    0 8px 24px rgba(29,78,216,0.35),
    inset 0 1px 0 rgba(255,255,255,0.2),
    inset 0 -2px 0 rgba(0,0,0,0.1);
}

.post-content .btn-primary:active {
  transform    : translateY(0);
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.1),
    0 2px 8px rgba(29,78,216,0.2),
    inset 0 2px 4px rgba(0,0,0,0.15);
}

/* ────────────────────────────────────────
   SECONDARY BUTTON — Dark Slate
   ──────────────────────────────────────── */
.post-content .btn-secondary {
  background   : #1e293b;
  color        : #ffffff;
  border-color : #1e293b;
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 12px rgba(30,41,59,0.25),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -2px 0 rgba(0,0,0,0.15);
}

.post-content .btn-secondary:hover {
  background   : #334155;
  border-color : #334155;
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.1),
    0 8px 24px rgba(30,41,59,0.3),
    inset 0 1px 0 rgba(255,255,255,0.1),
    inset 0 -2px 0 rgba(0,0,0,0.15);
}

.post-content .btn-secondary:active {
  transform    : translateY(0);
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.1),
    inset 0 2px 4px rgba(0,0,0,0.2);
}

/* ────────────────────────────────────────
   OUTLINE BUTTON — Bordered Style
   ──────────────────────────────────────── */
.post-content .btn-outline {
  background   : transparent;
  color        : var(--pc-clr-accent);
  border-color : var(--pc-clr-accent);
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.03),
    inset 0 0 0 0 var(--pc-clr-accent);
}

.post-content .btn-outline:hover {
  background   : var(--pc-clr-accent);
  color        : #ffffff;
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.08),
    0 8px 20px rgba(29,78,216,0.25);
}

.post-content .btn-outline:active {
  transform    : translateY(0);
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.1),
    inset 0 2px 4px rgba(0,0,0,0.1);
}

/* ────────────────────────────────────────
   GHOST BUTTON — Minimal Style
   ──────────────────────────────────────── */
.post-content .btn-ghost {
  background   : transparent;
  color        : var(--pc-clr-accent);
  border-color : transparent;
  box-shadow   : none;
}

.post-content .btn-ghost:hover {
  background   : var(--pc-clr-accent-lt);
  color        : var(--pc-clr-accent-hv);
  transform    : translateY(-1px);
  box-shadow   : 0 2px 8px rgba(29,78,216,0.1);
}

.post-content .btn-ghost:active {
  transform    : translateY(0);
  background   : rgba(29,78,216,0.12);
}

/* ────────────────────────────────────────
   SUCCESS BUTTON — Green
   ──────────────────────────────────────── */
.post-content .btn-success {
  background   : #059669;
  color        : #ffffff;
  border-color : #059669;
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 12px rgba(5,150,105,0.25),
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -2px 0 rgba(0,0,0,0.1);
}

.post-content .btn-success:hover {
  background   : #047857;
  border-color : #047857;
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.08),
    0 8px 24px rgba(5,150,105,0.35);
}

.post-content .btn-success:active {
  transform    : translateY(0);
  box-shadow   : inset 0 2px 4px rgba(0,0,0,0.15);
}

/* ────────────────────────────────────────
   DANGER BUTTON — Red
   ──────────────────────────────────────── */
.post-content .btn-danger {
  background   : #dc2626;
  color        : #ffffff;
  border-color : #dc2626;
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 12px rgba(220,38,38,0.25),
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -2px 0 rgba(0,0,0,0.1);
}

.post-content .btn-danger:hover {
  background   : #b91c1c;
  border-color : #b91c1c;
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.08),
    0 8px 24px rgba(220,38,38,0.35);
}

.post-content .btn-danger:active {
  transform    : translateY(0);
  box-shadow   : inset 0 2px 4px rgba(0,0,0,0.15);
}

/* ────────────────────────────────────────
   WARNING BUTTON — Orange/Amber
   ──────────────────────────────────────── */
.post-content .btn-warning {
  background   : #d97706;
  color        : #ffffff;
  border-color : #d97706;
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 12px rgba(217,119,6,0.25),
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -2px 0 rgba(0,0,0,0.1);
}

.post-content .btn-warning:hover {
  background   : #b45309;
  border-color : #b45309;
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.08),
    0 8px 24px rgba(217,119,6,0.35);
}

/* ────────────────────────────────────────
   LIGHT BUTTON — Light Gray
   ──────────────────────────────────────── */
.post-content .btn-light {
  background   : var(--pc-clr-surface);
  color        : var(--pc-clr-heading);
  border-color : var(--pc-clr-border);
  box-shadow   : 
    0 1px 2px rgba(0,0,0,0.04),
    inset 0 1px 0 rgba(255,255,255,0.8),
    inset 0 -1px 0 rgba(0,0,0,0.03);
}

.post-content .btn-light:hover {
  background   : var(--pc-clr-white);
  border-color : var(--pc-clr-border-dk);
  transform    : translateY(-2px);
  box-shadow   : 
    0 2px 4px rgba(0,0,0,0.06),
    0 6px 16px rgba(0,0,0,0.08);
}

/* ────────────────────────────────────────
   SIZE VARIANTS
   ──────────────────────────────────────── */
   
/* Extra Small */
.post-content .btn-xs {
  font-size  : 0.6875rem;
  padding    : 0.55em 1em;
  min-height : 32px;
  border-radius: var(--pc-r-sm);
}

/* Small */
.post-content .btn-sm {
  font-size  : 0.75rem;
  padding    : 0.7em 1.3em;
  min-height : 38px;
}

/* Large */
.post-content .btn-lg {
  font-size  : clamp(0.875rem, 0.8rem + 0.35vw, 1.0625rem);
  padding    : 1em 2.2em;
  min-height : 54px;
  border-radius: var(--pc-r-lg);
}

/* Extra Large */
.post-content .btn-xl {
  font-size  : clamp(0.9375rem, 0.85rem + 0.4vw, 1.125rem);
  padding    : 1.15em 2.8em;
  min-height : 62px;
  border-radius: var(--pc-r-lg);
}

/* ────────────────────────────────────────
   SHAPE VARIANTS
   ──────────────────────────────────────── */
   
/* Pill shape */
.post-content .btn-pill {
  border-radius: var(--pc-r-pill);
}

/* Square shape */
.post-content .btn-square {
  border-radius: 0;
}

/* Full width */
.post-content .btn-full,
.post-content .btn-block {
  width: 100%;
  display: flex;
}

/* ────────────────────────────────────────
   BUTTON GROUP
   ──────────────────────────────────────── */
.post-content .btn-group {
  display  : flex;
  flex-wrap: wrap;
  gap      : 10px;
  margin   : var(--pc-sp-lg) 0;
}

.post-content .btn-group-center {
  justify-content: center;
}

.post-content .btn-group-stack {
  flex-direction: column;
}

/* ================================================================
   15. BADGES
   ================================================================ */

.post-content .badge {
  display      : inline-flex;
  align-items  : center;
  font-family  : var(--pc-font-body);
  font-size    : clamp(0.5625rem, 0.5rem + 0.3vw, 0.6875rem);
  font-weight  : 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding      : 4px 10px;
  border-radius: var(--pc-r-pill);
  text-decoration: none;
  white-space  : nowrap;
  line-height  : 1;
}
.post-content .badge::after { display: none; }
.post-content .badge-blue   { background: #dbeafe; color: #1d4ed8; }
.post-content .badge-green  { background: #dcfce7; color: #15803d; }
.post-content .badge-orange { background: #ffedd5; color: #c2410c; }
.post-content .badge-red    { background: #fee2e2; color: #dc2626; }
.post-content .badge-purple { background: #f3e8ff; color: #7e22ce; }
.post-content .badge-grey   { background: #f1f5f9; color: #475569; }

/* ================================================================
   16. TABLE OF CONTENTS
   ================================================================ */

.post-content .toc {
  background  : var(--pc-clr-surface);
  border      : 1px solid var(--pc-clr-border);
  border-left : 4px solid var(--pc-clr-accent);
  border-radius: 0 var(--pc-r-md) var(--pc-r-md) 0;
  padding     : var(--pc-sp-md) var(--pc-sp-lg);
  margin      : var(--pc-sp-xl) 0;
  box-shadow  : var(--pc-shadow-sm);
}
.post-content .toc-title {
  font-family  : var(--pc-font-heading);
  font-size    : clamp(0.6875rem, 0.65rem + 0.2vw, 0.8125rem);
  font-weight  : 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color        : var(--pc-clr-muted);
  margin-bottom: var(--pc-sp-md);
}
.post-content .toc ol, .post-content .toc ul { margin: 0; padding: 0 0 0 1.2em; }
.post-content .toc li { margin-bottom: 0.35em; }
.post-content .toc a { 
  font-weight: 500; 
  font-size: clamp(0.875rem, 0.8rem + 0.25vw, 1rem); 
  color: var(--pc-clr-body); 
  text-decoration: none; 
  transition: color 0.15s ease; 
}
.post-content .toc a:hover { color: var(--pc-clr-accent); }

/* ================================================================
   17. SPACING RHYTHM
   ================================================================ */

.post-content > * + *             { margin-top: var(--pc-sp-lg); }
.post-content > h2,
.post-content > h3                { margin-top: var(--pc-sp-3xl); }
.post-content > h4,
.post-content > h5,
.post-content > h6                { margin-top: var(--pc-sp-xl); }
.post-content > h2 + *,
.post-content > h3 + *,
.post-content > h4 + *,
.post-content > h5 + *,
.post-content > h6 + *            { margin-top: var(--pc-sp-sm); }

/* ================================================================
   18. PRINT STYLES
   ================================================================ */

@media print {
  .post-content { 
    max-width: 100%; 
    font-size: 12pt; 
    color: #000; 
    background: #fff;
    padding: 0;
  }
  .post-content a::after { content: " (" attr(href) ")"; font-size: 0.7em; color: #555; }
  .post-content pre, .post-content blockquote { page-break-inside: avoid; }
  .post-content h2, .post-content h3 { page-break-after: avoid; }
  .post-content .btn, .post-content .toc { display: none; }
  .post-content figure, .post-content .img-wrap { box-shadow: none; transform: none; }
  .post-content table { min-width: auto; font-size: 10pt; border: 1px solid #ccc; }
  .post-content thead th { background: #f0f0f0; color: #000; }
}

/* ================================================================
   19. REDUCED MOTION
   ================================================================ */

@media (prefers-reduced-motion: reduce) {
  .post-content *,
  .post-content *::before,
  .post-content *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  
  .post-content .btn:hover,
  .post-content .btn:active,
  .post-content figure:hover,
  .post-content .img-wrap:hover {
    transform: none !important;
  }
}

/* ================================================================
   20. 🆕 RESPONSIVE BREAKPOINTS (320px to 1920px+)
   ================================================================ */

/* ── Extra Large Screens (1440px+) ── */
@media (min-width: 1440px) {
  .post-content {
    max-width: 860px;
  }
}

/* ── Large Tablets / Small Laptops (768px - 1024px) ── */
@media (min-width: 768px) and (max-width: 1024px) {
  .post-content {
    padding-inline: 24px;
  }
  
  .post-content table {
    font-size: 0.9375rem;
  }
  
  .post-content thead th {
    padding: 14px 16px;
  }
  
  .post-content td {
    padding: 12px 16px;
  }
}

/* ── Tablets (641px - 767px) ── */
@media (min-width: 641px) and (max-width: 767px) {
  .post-content {
    padding-inline: 20px;
  }
  
  .post-content table {
    font-size: 0.875rem;
  }
}

/* ── Large Mobile (481px - 640px) ── */
@media (min-width: 481px) and (max-width: 640px) {
  .post-content {
    padding-inline: 16px;
    line-height: 1.8;
  }
  
  .post-content blockquote {
    padding: var(--pc-sp-md);
    margin-inline: 0;
  }
  .post-content blockquote::before { 
    font-size: 3rem; 
    top: -4px;
    left: 8px;
  }
  
  .post-content .alignleft,
  .post-content .alignright { 
    float: none; 
    max-width: 100%; 
    margin: var(--pc-sp-md) auto; 
  }
  
  /* Table adjustments */
  .post-content table {
    font-size: 0.8125rem;
    min-width: 480px;
  }
  
  .post-content thead th {
    font-size: 0.6875rem;
    padding: 10px 12px;
  }
  
  .post-content td,
  .post-content tbody th {
    padding: 8px 12px;
    font-size: 0.8125rem;
  }
  
  /* Button adjustments */
  .post-content .btn {
    padding: 0.8em 1.5em;
    min-height: 42px;
  }
  
  .post-content .btn-lg {
    padding: 0.9em 1.8em;
    min-height: 48px;
  }
  
  .post-content .btn-group {
    gap: 8px;
  }
}

/* ── Medium Mobile (376px - 480px) ── */
@media (min-width: 376px) and (max-width: 480px) {
  .post-content {
    padding-inline: 14px;
    line-height: 1.75;
  }
  
  .post-content h1 {
    font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  }
  
  .post-content h2 {
    font-size: clamp(1.3125rem, 1.1rem + 1.1vw, 1.75rem);
  }
  
  .post-content h3 {
    font-size: clamp(1.125rem, 1rem + 0.6vw, 1.4375rem);
  }
  
  .post-content blockquote {
    padding: var(--pc-sp-sm) var(--pc-sp-md);
    font-size: 0.9375rem;
  }
  .post-content blockquote::before {
    font-size: 2.5rem;
    left: 6px;
  }
  
  /* Table */
  .post-content table {
    font-size: 0.75rem;
    min-width: 420px;
  }
  
  .post-content thead th {
    font-size: 0.625rem;
    padding: 8px 10px;
    letter-spacing: 0.01em;
  }
  
  .post-content td,
  .post-content tbody th {
    padding: 7px 10px;
    font-size: 0.75rem;
  }
  
  .post-content td .status {
    font-size: 0.5625rem;
    padding: 2px 6px;
  }
  
  /* Buttons */
  .post-content .btn {
    font-size: 0.75rem;
    padding: 0.75em 1.3em;
    min-height: 40px;
    border-radius: var(--pc-r-sm);
  }
  
  .post-content .btn-lg {
    font-size: 0.8125rem;
    padding: 0.85em 1.6em;
    min-height: 44px;
  }
  
  .post-content .btn-xl {
    font-size: 0.875rem;
    padding: 0.9em 1.8em;
    min-height: 50px;
  }
  
  .post-content .btn-group {
    gap: 6px;
  }
  
  /* Callouts */
  .post-content .callout {
    padding: var(--pc-sp-sm) var(--pc-sp-md);
    gap: var(--pc-sp-sm);
    flex-direction: column;
  }
  
  .post-content .callout-icon {
    font-size: 1.1rem;
  }
  
  /* Code blocks */
  .post-content pre {
    padding: var(--pc-sp-md);
    border-radius: var(--pc-r-md);
  }
  
  .post-content pre code {
    font-size: 0.75rem;
  }
  
  /* FAQ/Details */
  .post-content summary {
    padding: var(--pc-sp-sm) var(--pc-sp-md);
    font-size: 0.875rem;
  }
  
  .post-content details > *:not(summary) {
    padding: var(--pc-sp-sm) var(--pc-sp-md);
  }
}

/* ── Small Mobile (320px - 375px) ── */
@media (max-width: 375px) {
  .post-content {
    padding-inline: 12px;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
  
  /* Spacing adjustments */
  --pc-sp-md: 0.875rem;
  --pc-sp-lg: 1.25rem;
  --pc-sp-xl: 1.5rem;
  --pc-sp-2xl: 2rem;
  --pc-sp-3xl: 2.5rem;
  
  .post-content h1 {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
  
  .post-content h2 {
    font-size: 1.25rem;
    padding-bottom: 6px;
  }
  
  .post-content h3 {
    font-size: 1.125rem;
  }
  
  .post-content h4 {
    font-size: 1rem;
  }
  
  .post-content h5, 
  .post-content h6 {
    font-size: 0.9375rem;
  }
  
  .post-content p {
    margin-bottom: 1rem;
  }
  
  .post-content > p:first-of-type,
  .post-content .lead {
    font-size: 1rem;
  }
  
  /* Lists */
  .post-content ul,
  .post-content ol {
    padding-left: 1.25em;
  }
  
  .post-content li {
    margin-bottom: 0.4em;
    font-size: 0.9375rem;
    line-height: 1.65;
  }
  
  /* Blockquote */
  .post-content blockquote {
    padding: 12px 14px;
    padding-left: 16px;
    font-size: 0.875rem;
    margin: 1rem 0;
  }
  .post-content blockquote::before {
    font-size: 2rem;
    top: -3px;
    left: 4px;
  }
  
  /* Inline code */
  .post-content code:not(pre code) {
    font-size: 0.8em;
    padding: 0.1em 0.3em;
  }
  
  /* Table — Compact mode */
  .post-content .table-wrap {
    margin: 1rem 0;
    border-radius: var(--pc-r-md);
  }
  
  .post-content table {
    font-size: 0.6875rem;
    min-width: 360px;
  }
  
  .post-content table caption {
    font-size: 0.625rem;
    padding: 8px 10px;
  }
  
  .post-content thead th {
    font-size: 0.5625rem;
    padding: 6px 8px;
    letter-spacing: 0;
  }
  
  .post-content .table-wrap thead th:first-child {
    border-radius: var(--pc-r-md) 0 0 0;
  }
  .post-content .table-wrap thead th:last-child {
    border-radius: 0 var(--pc-r-md) 0 0;
  }
  
  .post-content td,
  .post-content tbody th {
    padding: 6px 8px;
    font-size: 0.6875rem;
    line-height: 1.45;
  }
  
  .post-content td .status {
    font-size: 0.5rem;
    padding: 2px 5px;
    letter-spacing: 0;
  }
  
  .post-content tfoot td {
    padding: 8px;
    font-size: 0.6875rem;
  }
  
  .post-content .table-wrap tfoot tr:last-child td:first-child {
    border-radius: 0 0 0 var(--pc-r-md);
  }
  .post-content .table-wrap tfoot tr:last-child td:last-child {
    border-radius: 0 0 var(--pc-r-md) 0;
  }
  
  /* Buttons — Compact */
  .post-content .btn {
    font-size: 0.6875rem;
    padding: 0.65em 1.1em;
    min-height: 36px;
    border-radius: var(--pc-r-sm);
    border-width: 1.5px;
  }
  
  .post-content .btn-sm {
    font-size: 0.625rem;
    padding: 0.5em 0.9em;
    min-height: 30px;
  }
  
  .post-content .btn-lg {
    font-size: 0.75rem;
    padding: 0.75em 1.4em;
    min-height: 40px;
  }
  
  .post-content .btn-xl {
    font-size: 0.8125rem;
    padding: 0.85em 1.6em;
    min-height: 46px;
  }
  
  .post-content .btn-group {
    gap: 6px;
    flex-direction: column;
  }
  
  .post-content .btn-group .btn {
    width: 100%;
    justify-content: center;
  }
  
  /* Callouts */
  .post-content .callout {
    padding: 10px 12px;
    flex-direction: column;
    gap: 6px;
    font-size: 0.8125rem;
    border-radius: var(--pc-r-md);
  }
  
  .post-content .callout-icon {
    font-size: 1rem;
  }
  
  /* Code blocks */
  .post-content pre {
    padding: 12px;
    margin: 1rem 0;
    border-radius: var(--pc-r-md);
  }
  
  .post-content pre code {
    font-size: 0.6875rem;
    line-height: 1.6;
  }
  
  .post-content pre[data-lang]::before {
    font-size: 0.5rem;
    top: 8px;
    right: 10px;
  }
  
  /* FAQ/Details */
  .post-content details {
    border-radius: var(--pc-r-sm);
  }
  
  .post-content summary {
    padding: 10px 12px;
    font-size: 0.8125rem;
  }
  
  .post-content summary::after {
    font-size: 1rem;
  }
  
  .post-content details > *:not(summary) {
    padding: 10px 12px;
  }
  
  /* TOC */
  .post-content .toc {
    padding: 12px 14px;
    border-radius: 0 var(--pc-r-md) var(--pc-r-md) 0;
  }
  
  .post-content .toc-title {
    font-size: 0.625rem;
    margin-bottom: 10px;
  }
  
  .post-content .toc a {
    font-size: 0.8125rem;
  }
  
  /* Images */
  .post-content figure,
  .post-content .img-wrap {
    margin: 1rem 0;
    border-radius: var(--pc-r-md);
  }
  
  .post-content figure img,
  .post-content .img-wrap img,
  .post-content img {
    border-radius: var(--pc-r-md);
  }
  
  .post-content figcaption {
    font-size: 0.6875rem;
    padding: 6px 10px;
  }
  
  /* HR */
  .post-content hr {
    margin: 1.5rem 0;
  }
  
  /* Badges */
  .post-content .badge {
    font-size: 0.5rem;
    padding: 3px 7px;
  }
  
  /* Reduce hover effects on mobile */
  .post-content figure:hover,
  .post-content .img-wrap:hover {
    transform: translateY(-2px);
  }
  
  .post-content figure:hover img,
  .post-content .img-wrap:hover img {
    transform: scale(1.015);
  }
  
  .post-content .btn:hover {
    transform: translateY(-1px);
  }
}

/* ── Ultra Small (below 320px - edge case) ── */
@media (max-width: 319px) {
  .post-content {
    padding-inline: 8px;
    font-size: 0.875rem;
  }
  
  .post-content h1 { font-size: 1.25rem; }
  .post-content h2 { font-size: 1.125rem; }
  .post-content h3 { font-size: 1rem; }
  
  .post-content table {
    font-size: 0.625rem;
    min-width: 300px;
  }
  
  .post-content thead th,
  .post-content td {
    padding: 5px 6px;
  }
  
  .post-content .btn {
    font-size: 0.625rem;
    padding: 0.55em 0.9em;
    min-height: 32px;
  }
}/* End custom CSS */