.elementor-1328 .elementor-element.elementor-element-d145247:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-d145247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #f0f8ea 0%, #e8f4fd 100%);}.elementor-1328 .elementor-element.elementor-element-d145247{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 32px 80px 32px;}.elementor-1328 .elementor-element.elementor-element-d145247 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1328 .elementor-element.elementor-element-285d100.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-1328 .elementor-element.elementor-element-285d100.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}.elementor-1328 .elementor-element.elementor-element-285d100 > .elementor-element-populated{padding:0px 40px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-5e21b80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1328 .elementor-element.elementor-element-5e21b80 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:700;line-height:1.2em;letter-spacing:-0.3px;color:#111827;}.elementor-1328 .elementor-element.elementor-element-6254fbd{text-align:center;}.elementor-1328 .elementor-element.elementor-element-fa57088{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:18px;line-height:1.7em;}.elementor-1328 .elementor-element.elementor-element-dd74034 .elementor-icon-list-icon i{color:#7B2FBE;font-size:14px;}.elementor-1328 .elementor-element.elementor-element-dd74034 .elementor-icon-list-icon svg{fill:#7B2FBE;--e-icon-list-icon-size:14px;}.elementor-1328 .elementor-element.elementor-element-dd74034 .elementor-icon-list-icon{width:14px;}.elementor-1328 .elementor-element.elementor-element-dd74034 .elementor-icon-list-text, .elementor-1328 .elementor-element.elementor-element-dd74034 .elementor-icon-list-text a{color:#777788;}.elementor-1328 .elementor-element.elementor-element-2d504e8a:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-2d504e8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1328 .elementor-element.elementor-element-2d504e8a > .elementor-container{max-width:1240px;}.elementor-1328 .elementor-element.elementor-element-2d504e8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-1328 .elementor-element.elementor-element-2d504e8a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-79283326:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-element-populated, .elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-element-populated > .elementor-background-overlay, .elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-element-populated{box-shadow:0px 2px 20px 0px rgba(0,0,0,0.06);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;}.elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-53d5616{border-style:none;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-1328 .elementor-element.elementor-element-d9c1aae.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-1328 .elementor-element.elementor-element-d9c1aae.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}.elementor-1328 .elementor-element.elementor-element-d9c1aae > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-1622155{text-align:start;}.elementor-1328 .elementor-element.elementor-element-48f70878 > .elementor-element-populated{padding:0px 0px 0px 15px;}.elementor-1328 .elementor-element.elementor-element-4d64391d:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-4d64391d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-4d64391d, .elementor-1328 .elementor-element.elementor-element-4d64391d > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-1328 .elementor-element.elementor-element-4d64391d{box-shadow:0px 2px 15px 0px rgba(0,0,0,0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:28px;padding:28px 28px 28px 28px;}.elementor-1328 .elementor-element.elementor-element-4d64391d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-d431dfb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__container{min-height:50px;}.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__submit{min-width:50px;--e-search-form-submit-text-color:#FFFFFF;background-color:#7B2FBE;}body:not(.rtl) .elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__icon{padding-left:calc(50px / 3);}body.rtl .elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__icon{padding-right:calc(50px / 3);}.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__input, .elementor-1328 .elementor-element.elementor-element-36388e97.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(50px / 3);padding-right:calc(50px / 3);}.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__input,
					.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-search-form__icon,
					.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-lightbox .dialog-lightbox-close-button,
					.elementor-1328 .elementor-element.elementor-element-36388e97 .elementor-lightbox .dialog-lightbox-close-button:hover,
					.elementor-1328 .elementor-element.elementor-element-36388e97.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:#555566;fill:#555566;}.elementor-1328 .elementor-element.elementor-element-36388e97:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{background-color:#F8F8F8;border-color:#E5E5E5;border-radius:3px;}.elementor-1328 .elementor-element.elementor-element-36388e97.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{background-color:#F8F8F8;border-color:#E5E5E5;border-radius:3px;}.elementor-1328 .elementor-element.elementor-element-604df5b0:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-604df5b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-604df5b0, .elementor-1328 .elementor-element.elementor-element-604df5b0 > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-1328 .elementor-element.elementor-element-604df5b0{box-shadow:0px 2px 15px 0px rgba(0,0,0,0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:28px;padding:28px 28px 28px 28px;}.elementor-1328 .elementor-element.elementor-element-604df5b0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-4bb12d38 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-bdcd30a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-1328 .elementor-element.elementor-element-bdcd30a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#1E1E2F;}.elementor-1328 .elementor-element.elementor-element-3f7cba7{--divider-border-style:solid;--divider-color:#7B2FBE;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1328 .elementor-element.elementor-element-3f7cba7 .elementor-divider-separator{width:25%;margin:0 auto;margin-left:0;}.elementor-1328 .elementor-element.elementor-element-3f7cba7 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1328 .elementor-element.elementor-element-3f7dc472:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-3f7dc472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-3f7dc472, .elementor-1328 .elementor-element.elementor-element-3f7dc472 > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-1328 .elementor-element.elementor-element-3f7dc472{box-shadow:0px 2px 15px 0px rgba(0,0,0,0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:28px;padding:28px 28px 12px 28px;}.elementor-1328 .elementor-element.elementor-element-3f7dc472 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-4e4080a6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-10797339{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-1328 .elementor-element.elementor-element-10797339 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#1E1E2F;}.elementor-1328 .elementor-element.elementor-element-67adf984{--divider-border-style:solid;--divider-color:#7B2FBE;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1328 .elementor-element.elementor-element-67adf984 .elementor-divider-separator{width:25%;margin:0 auto;margin-left:0;}.elementor-1328 .elementor-element.elementor-element-67adf984 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1328 .elementor-element.elementor-element-63ae50b5{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1328 .elementor-element.elementor-element-63ae50b5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1328 .elementor-element.elementor-element-63ae50b5:after{content:"0.66";}.elementor-1328 .elementor-element.elementor-element-63ae50b5 .elementor-post__thumbnail__link{width:100%;}.elementor-1328 .elementor-element.elementor-element-63ae50b5 .elementor-post__meta-data span + span:before{content:"///";}.elementor-1328 .elementor-element.elementor-element-63ae50b5.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1328 .elementor-element.elementor-element-63ae50b5.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1328 .elementor-element.elementor-element-63ae50b5.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1328 .elementor-element.elementor-element-5fd69703:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-5fd69703 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-5fd69703, .elementor-1328 .elementor-element.elementor-element-5fd69703 > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-1328 .elementor-element.elementor-element-5fd69703{box-shadow:0px 2px 15px 0px rgba(0,0,0,0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:28px;padding:28px 28px 28px 28px;}.elementor-1328 .elementor-element.elementor-element-5fd69703 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-1f28371f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-74669ccb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-1328 .elementor-element.elementor-element-74669ccb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;color:#1E1E2F;}.elementor-1328 .elementor-element.elementor-element-64b8ccc2{--divider-border-style:solid;--divider-color:#7B2FBE;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1328 .elementor-element.elementor-element-64b8ccc2 .elementor-divider-separator{width:25%;margin:0 auto;margin-left:0;}.elementor-1328 .elementor-element.elementor-element-64b8ccc2 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1328 .elementor-element.elementor-element-2310d4b2:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-2310d4b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #1E0A3C 0%, #6B21A8 100%);}.elementor-1328 .elementor-element.elementor-element-2310d4b2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 28px 40px 28px;}.elementor-1328 .elementor-element.elementor-element-2310d4b2, .elementor-1328 .elementor-element.elementor-element-2310d4b2 > .elementor-background-overlay{border-radius:8px 8px 8px 8px;}.elementor-1328 .elementor-element.elementor-element-2310d4b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1328 .elementor-element.elementor-element-2b37fb40 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-50279f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-1328 .elementor-element.elementor-element-50279f0 .elementor-icon-wrapper{text-align:center;}.elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:rgba(255,255,255,0.15);}.elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-framed .elementor-icon, .elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-framed .elementor-icon, .elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-framed .elementor-icon{background-color:rgba(255,255,255,0.15);}.elementor-1328 .elementor-element.elementor-element-50279f0.elementor-view-stacked .elementor-icon svg{fill:rgba(255,255,255,0.15);}.elementor-1328 .elementor-element.elementor-element-50279f0 .elementor-icon{font-size:44px;}.elementor-1328 .elementor-element.elementor-element-50279f0 .elementor-icon svg{height:44px;}.elementor-1328 .elementor-element.elementor-element-ed064d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-1328 .elementor-element.elementor-element-ed064d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;line-height:1.35em;color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-413eb9ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;text-align:center;}.elementor-1328 .elementor-element.elementor-element-413eb9ec .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-1328 .elementor-element.elementor-element-76c2fd9 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#7B2FBE;color:#7B2FBE;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:30px 30px 30px 30px;}@media(min-width:768px){.elementor-1328 .elementor-element.elementor-element-79283326{width:68%;}.elementor-1328 .elementor-element.elementor-element-48f70878{width:32%;}}@media(max-width:1024px){.elementor-1328 .elementor-element.elementor-element-d145247{padding:60px 24px 60px 24px;}.elementor-1328 .elementor-element.elementor-element-285d100 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-5e21b80 .elementor-heading-title{font-size:34px;}.elementor-1328 .elementor-element.elementor-element-2d504e8a{padding:50px 16px 50px 16px;}.elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-element-populated{padding:28px 28px 28px 28px;}}@media(max-width:767px){.elementor-1328 .elementor-element.elementor-element-d145247{padding:40px 20px 40px 20px;}.elementor-1328 .elementor-element.elementor-element-5e21b80 .elementor-heading-title{font-size:28px;}.elementor-1328 .elementor-element.elementor-element-2d504e8a{padding:30px 12px 30px 12px;}.elementor-1328 .elementor-element.elementor-element-79283326 > .elementor-element-populated{padding:20px 18px 20px 18px;}.elementor-1328 .elementor-element.elementor-element-63ae50b5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1328 .elementor-element.elementor-element-63ae50b5:after{content:"0.5";}.elementor-1328 .elementor-element.elementor-element-63ae50b5 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for section, class: .elementor-element-2d504e8a *//* ============================================================
   VHK Blog Post Custom CSS
   Blog: How I Use ChatGPT to Work Faster
   Site: varunharikumar.com
   Brand: Primary #619d36 | Secondary #2e8fca
   Paste into: Elementor > Site Settings > Custom CSS
             OR WordPress > Appearance > Customizer > Additional CSS
   ============================================================ */

/* --- Google Fonts Import ----------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700;800&display=swap');

/* --- CSS Variables ----------------------------------------- */
:root {
  --vhk-primary:       #619d36;
  --vhk-primary-dark:  #4d7f2a;
  --vhk-secondary:     #2e8fca;
  --vhk-secondary-dark:#1a6fa8;
  --vhk-text:          #111827;
  --vhk-body:          #374151;
  --vhk-muted:         #6b7280;
  --vhk-bg-light:      #f9fafb;
  --vhk-bg-green:      #f0f8e8;
  --vhk-border:        #e5e7eb;
  --vhk-radius:        12px;
  --vhk-shadow:        0 4px 24px rgba(0, 0, 0, 0.07);
}

/* === 1. Hero Section ======================================= */

.vhk-hero-badge {
  display: inline-block;
  background: linear-gradient(135deg, var(--vhk-primary), var(--vhk-secondary));
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 6px 18px;
  border-radius: 40px;
  margin-bottom: 20px;
  line-height: 1;
}

.vhk-hero-img {
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(97, 157, 54, 0.15) !important;
}

/* === 2. Featured Image ===================================== */

.vhk-featured-img {
  border-radius: 24px !important;
  box-shadow: 0 16px 48px rgba(97, 157, 54, 0.12) !important;
  display: block;
  width: 100% !important;
}

/* === 3. Quote Box ========================================== */

.vhk-quote-box {
  background: #f0f8e6;
  border-left: 4px solid var(--vhk-primary);
  border-radius: 0 var(--vhk-radius) var(--vhk-radius) 0;
  padding: 24px 28px;
  margin: 36px 0 8px;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.7;
  color: #2d4a1a;
  position: relative;
}

.vhk-quote-box::before {
  content: '\201C';
  position: absolute;
  top: -12px;
  left: 20px;
  font-size: 72px;
  line-height: 1;
  color: var(--vhk-primary);
  opacity: 0.25;
  font-family: Georgia, serif;
}

/* === 4. Table of Contents ================================== */

.vhk-toc-card {
  background: #ffffff;
  border: 1.5px solid #d4edbb;
  border-radius: var(--vhk-radius);
  padding: 28px 32px;
  box-shadow: 0 4px 20px rgba(97, 157, 54, 0.07);
  margin: 8px 0;
}

.vhk-toc-card h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--vhk-text);
  margin: 0 0 16px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--vhk-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}

.vhk-toc-card ol {
  padding-left: 20px;
  margin: 0;
  column-count: 2;
  column-gap: 32px;
}

.vhk-toc-card ol li {
  margin-bottom: 10px;
  break-inside: avoid;
}

.vhk-toc-card ol li a {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--vhk-secondary);
  text-decoration: none;
  transition: color 0.2s ease;
}

.vhk-toc-card ol li a:hover {
  color: var(--vhk-primary);
}

/* === 5. Section Badges (inline style, no class needed) ===== */
/* Section badges use inline styles in HTML widgets.
   Override here if needed: */

/* .elementor-widget-html .vhk-section-num { ... } */

/* === 6. Prompt Example Boxes ============================== */

.vhk-prompt-box {
  background: #101828;
  border-radius: var(--vhk-radius);
  padding: 24px 28px;
  margin: 28px 0 4px;
  border-left: 4px solid var(--vhk-secondary);
  position: relative;
  overflow: hidden;
}

.vhk-prompt-box::after {
  content: 'AI';
  position: absolute;
  top: 12px;
  right: 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgba(46, 143, 202, 0.3);
  text-transform: uppercase;
}

.vhk-prompt-label {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--vhk-secondary);
  margin-bottom: 12px;
  display: block;
}

.vhk-prompt-text {
  font-family: 'Fira Code', 'Courier New', Courier, monospace !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #d1e8f5 !important;
  margin: 0 !important;
  white-space: pre-wrap;
  word-break: break-word;
}

/* === 7. Warning / Careful About Card ====================== */

.vhk-warning-card {
  background: #fff8e6;
  border: 1.5px solid #f2dfab;
  border-radius: var(--vhk-radius);
  padding: 28px 32px;
  margin: 8px 0;
}

.vhk-warning-card h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #92400e;
  margin: 0 0 20px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.vhk-warning-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vhk-warning-card ul li {
  position: relative;
  padding: 11px 0 11px 28px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #78350f;
  border-bottom: 1px solid rgba(242, 223, 171, 0.7);
}

.vhk-warning-card ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.vhk-warning-card ul li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 11px;
  color: var(--vhk-primary);
  font-weight: 700;
  font-size: 15px;
}

/* === 8. Final Thoughts Highlight ========================== */

.vhk-highlight-quote {
  background: linear-gradient(135deg, #f0f8e6, #e8f4fd);
  border-left: 4px solid var(--vhk-primary);
  border-radius: 0 var(--vhk-radius) var(--vhk-radius) 0;
  padding: 22px 28px;
  margin: 32px 0 4px;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  color: #1a3d0a;
}

/* === 9. Article H2 headings – global override ============= */

.elementor-section[id^="s_s"] .elementor-widget-heading h2,
.elementor-section[id^="s_careful"] .elementor-widget-heading h2,
.elementor-section[id^="s_finalth"] .elementor-widget-heading h2 {
  position: relative;
  padding-bottom: 12px;
}

.elementor-section[id^="s_s"] .elementor-widget-heading h2::after,
.elementor-section[id^="s_careful"] .elementor-widget-heading h2::after,
.elementor-section[id^="s_finalth"] .elementor-widget-heading h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, var(--vhk-primary), var(--vhk-secondary));
  border-radius: 2px;
}

/* === 10. FAQ Accordion styling ============================ */

.elementor-accordion .elementor-tab-title {
  font-family: 'Poppins', sans-serif !important;
  border-bottom: 1px solid var(--vhk-border) !important;
  padding: 18px 0 !important;
  transition: color 0.2s ease;
}

.elementor-accordion .elementor-tab-title.elementor-active {
  color: var(--vhk-primary) !important;
}

.elementor-accordion .elementor-tab-content {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #4b5563 !important;
  padding: 16px 0 20px !important;
  border-bottom: 1px solid var(--vhk-border) !important;
}

.elementor-accordion-icon {
  color: var(--vhk-primary) !important;
}

/* === 11. Related Posts card hover ========================= */

.elementor-post:hover .elementor-post__title a {
  color: var(--vhk-primary) !important;
}

.elementor-post {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.elementor-post:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.11) !important;
}

/* === 12. Buttons – general refinements ==================== */

.elementor-button {
  transition: all 0.25s ease !important;
  letter-spacing: 0.2px;
}

/* === 13. Mid-Article CTA section ========================== */

#s_midcta .elementor-section-wrap,
.elementor-element.elementor-element-s_midcta {
  overflow: hidden;
}

/* === 14. Icon list in content sections ==================== */

.elementor-section .elementor-icon-list-item {
  padding: 6px 0;
}

.elementor-section .elementor-icon-list-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* === 15. Body text refinements ============================ */

.elementor-widget-text-editor p {
  margin-bottom: 0 !important;
}

.elementor-widget-text-editor p + p {
  margin-top: 18px !important;
}

/* ============================================================
   RESPONSIVE – Tablet (max 1024px)
   ============================================================ */
@media (max-width: 1024px) {

  .vhk-toc-card {
    padding: 24px 24px;
  }

  .vhk-toc-card ol {
    column-count: 2;
    column-gap: 20px;
  }

  .vhk-prompt-box {
    padding: 20px 24px;
  }

  .vhk-warning-card {
    padding: 24px 24px;
  }

}

/* ============================================================
   RESPONSIVE – Mobile (max 767px)
   ============================================================ */
@media (max-width: 767px) {

  /* Hero */
  .vhk-hero-badge {
    font-size: 11px;
    padding: 5px 14px;
  }

  /* Quote */
  .vhk-quote-box {
    font-size: 16px !important;
    padding: 18px 20px;
    margin: 24px 0 4px;
  }

  .vhk-quote-box::before {
    font-size: 52px;
    top: -8px;
  }

  /* TOC */
  .vhk-toc-card {
    padding: 20px 18px;
  }

  .vhk-toc-card ol {
    column-count: 1 !important;
    padding-left: 16px;
  }

  .vhk-toc-card ol li a {
    font-size: 13px;
  }

  /* Prompt boxes */
  .vhk-prompt-box {
    padding: 18px 18px;
    border-left-width: 3px;
  }

  .vhk-prompt-label {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .vhk-prompt-text {
    font-size: 13px !important;
  }

  /* Warning card */
  .vhk-warning-card {
    padding: 20px 18px;
  }

  .vhk-warning-card h4 {
    font-size: 15px;
  }

  .vhk-warning-card ul li {
    font-size: 14px;
    padding: 10px 0 10px 24px;
  }

  /* Highlight quote */
  .vhk-highlight-quote {
    font-size: 15px !important;
    padding: 18px 18px;
  }

  /* Buttons full width on mobile */
  .elementor-element[id*="ic_btn1cl"] .elementor-button,
  .elementor-element[id*="ic_btn2cl"] .elementor-button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  /* Accordion */
  .elementor-accordion .elementor-tab-title {
    font-size: 15px !important;
    padding: 14px 0 !important;
  }

  /* Related posts – single column handled by Elementor columns_mobile setting */
  .elementor-post {
    margin-bottom: 20px;
  }

  /* Section heading underline */
  .elementor-section[id^="s_s"] .elementor-widget-heading h2,
  .elementor-section[id^="s_careful"] .elementor-widget-heading h2,
  .elementor-section[id^="s_finalth"] .elementor-widget-heading h2 {
    padding-bottom: 10px;
  }

}


/* Blog final polish */

.vhk-blog-title,
.elementor-widget-theme-post-title h1,
.elementor-widget-heading h1 {
  text-transform: none !important;
  letter-spacing: -0.03em;
}

.vhk-blog-content,
.single-post .entry-content {
  max-width: 820px;
}

.vhk-toc-card {
  margin-top: 24px;
  margin-bottom: 36px;
}

.vhk-prompt-box {
  margin-top: 24px;
  margin-bottom: 28px;
}

.vhk-warning-card {
  margin-top: 28px;
  margin-bottom: 36px;
}

.elementor-widget-sidebar .widget,
.sidebar .widget {
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 24px;
}

#s_related {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .elementor-widget-theme-post-title h1,
  .elementor-widget-heading h1 {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  .vhk-featured-img,
  .vhk-hero-img {
    border-radius: 16px !important;
  }

  .vhk-toc-card,
  .vhk-prompt-box,
  .vhk-warning-card {
    margin-left: 0;
    margin-right: 0;
  }
}

/* ============================================================
   PRINT (optional – hides CTA sections when printing)
   ============================================================ */
@media print {
  #s_midcta,
  #s_finalcta,
  #s_related {
    display: none !important;
  }
}/* End custom CSS */