/* 10.1 REAL FIX: cache-busted layout patch for actual theme classes */
.single-page .single-inner{
  max-width:860px !important;
  width:calc(100% - 96px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.single-page .single-title{
  max-width:860px !important;
  margin:14px auto 48px !important;
  text-align:center !important;
  font-size:clamp(38px,5vw,66px) !important;
  line-height:.96 !important;
  letter-spacing:-.052em !important;
}

.single-page .featured-image.compact{
  width:100% !important;
  max-width:860px !important;
  aspect-ratio:16/9 !important;
  max-height:none !important;
  margin:0 auto 56px !important;
  border-radius:24px !important;
}

.single-page .featured-image.compact img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.single-page .single-content{
  max-width:860px !important;
  margin:0 auto !important;
  padding:0 !important;
}

.single-page .single-content p,
.single-page .single-content li{
  font-size:18px !important;
  line-height:1.85 !important;
}

/* Actual blog card read button spacing */
.blog-card{
  min-height:430px !important;
  display:flex !important;
  flex-direction:column !important;
}

.blog-card h3{
  margin-bottom:34px !important;
}

.blog-card .card-cta{
  margin-top:auto !important;
  align-self:flex-start !important;
}

@media(max-width:900px){
  .single-page .single-inner{
    width:calc(100% - 40px) !important;
    max-width:none !important;
  }

  .single-page .single-title{
    text-align:left !important;
    font-size:clamp(34px,10vw,52px) !important;
    margin-bottom:34px !important;
  }

  .single-page .featured-image.compact{
    margin-bottom:38px !important;
    border-radius:22px !important;
  }

  .single-page .single-content p,
  .single-page .single-content li{
    font-size:16px !important;
    line-height:1.78 !important;
  }

  .blog-card{
    min-height:auto !important;
  }

  .blog-card .card-cta{
    margin-top:28px !important;
  }
}


/* 10.1.1: Body content internal links use WeRankStudio green */
.single-page .single-content a:not(.btn):not(.card-cta),
.single-post .entry-content a:not(.btn):not(.card-cta),
.single .entry-content a:not(.btn):not(.card-cta),
.detail-content a:not(.btn):not(.card-cta),
.about-content a:not(.btn):not(.card-cta),
.page-content a:not(.btn):not(.card-cta){
  color:var(--accent) !important;
  text-decoration-color:rgba(200,255,0,.55) !important;
  text-underline-offset:4px !important;
  text-decoration-thickness:1px !important;
}

.single-page .single-content a:not(.btn):not(.card-cta):hover,
.single-post .entry-content a:not(.btn):not(.card-cta):hover,
.single .entry-content a:not(.btn):not(.card-cta):hover,
.detail-content a:not(.btn):not(.card-cta):hover,
.about-content a:not(.btn):not(.card-cta):hover,
.page-content a:not(.btn):not(.card-cta):hover{
  color:var(--white) !important;
  text-decoration-color:var(--accent) !important;
}

/* AI Search Optimization homepage highlight */
.ai-search-highlight{position:relative}
.ai-search-highlight__inner{display:grid;grid-template-columns:.88fr 1.12fr;gap:32px;align-items:stretch}
.ai-search-highlight__panel{position:relative;border:1px solid rgba(200,255,0,.30);border-radius:32px;background:radial-gradient(circle at 18% 18%,rgba(200,255,0,.12),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 80px rgba(0,0,0,.26);padding:30px;overflow:hidden}
.ai-search-highlight__panel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;opacity:.42}
.ai-search-highlight__panel > *{position:relative;z-index:1}
.ai-search-highlight__badge{display:inline-flex;border:1px solid rgba(200,255,0,.42);border-radius:999px;background:rgba(200,255,0,.12);color:var(--accent);padding:10px 14px;font-family:var(--mono);font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.ai-search-highlight__panel p{margin:22px 0 0;font-size:18px;line-height:1.78;color:rgba(255,255,255,.70)}
.ai-search-highlight__pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ai-search-highlight__pills a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;border:1px solid rgba(200,255,0,.55);background:rgba(200,255,0,.12);color:var(--accent);padding:13px 17px;font-family:var(--mono);font-size:10px;line-height:1.2;letter-spacing:.13em;text-transform:uppercase;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.ai-search-highlight__pills a:hover{transform:translateY(-2px);background:var(--accent);color:#000;border-color:var(--accent)}
@media(max-width:900px){.ai-search-highlight__inner{grid-template-columns:1fr}.ai-search-highlight__panel{border-radius:26px;padding:22px}.ai-search-highlight__pills{display:grid;grid-template-columns:1fr}.ai-search-highlight__pills a{width:100%}}

/* 10.2.1 Compact AI Search homepage block */
.ai-search-highlight{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.ai-search-highlight__inner{
  grid-template-columns:1fr 1.05fr !important;
  gap:24px !important;
  align-items:center !important;
}
.ai-search-highlight h2{
  max-width:620px !important;
  font-size:clamp(34px,5vw,58px) !important;
  line-height:.98 !important;
}
.ai-search-highlight .section__intro{
  max-width:620px !important;
  margin-top:14px !important;
  font-size:16px !important;
  line-height:1.65 !important;
}
.ai-search-highlight__panel{
  border-radius:26px !important;
  padding:24px !important;
}
.ai-search-highlight__panel p{
  margin-top:16px !important;
  font-size:16px !important;
  line-height:1.65 !important;
}
.ai-search-highlight__pills{
  margin-top:20px !important;
  gap:10px !important;
}
.ai-search-highlight__pills a{
  min-height:40px !important;
  padding:11px 14px !important;
  font-size:9px !important;
}
@media(max-width:900px){
  .ai-search-highlight{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .ai-search-highlight__inner{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .ai-search-highlight h2{
    font-size:clamp(32px,10vw,48px) !important;
  }
  .ai-search-highlight__panel{
    padding:20px !important;
  }
}

/* 10.3.0 Dedicated AI Search Optimization page */
.ai-search-page .ai-page-hero-box{
  margin-top:54px;
  border:1px solid rgba(200,255,0,.32);
  border-radius:34px;
  background:radial-gradient(circle at 18% 16%,rgba(200,255,0,.13),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 90px rgba(0,0,0,.28);
  padding:30px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  overflow:hidden;
}
.ai-page-badge{display:inline-flex;border:1px solid rgba(200,255,0,.42);border-radius:999px;background:rgba(200,255,0,.12);color:var(--accent);padding:10px 14px;font-family:var(--mono);font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.ai-page-hero-box h2{margin:18px 0 0;font-family:var(--display);font-size:clamp(34px,4.8vw,58px);line-height:.98;letter-spacing:-.05em;text-transform:uppercase;color:var(--white)}
.ai-page-hero-box p{margin:18px 0 0;font-size:18px;line-height:1.75;color:rgba(255,255,255,.70)}
.ai-page-signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}
.ai-page-signal-grid span{border:1px solid rgba(200,255,0,.20);border-radius:18px;background:rgba(0,0,0,.22);padding:16px;font-family:var(--mono);font-size:10px;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ai-compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.ai-compare-grid article{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.025);padding:22px}
.ai-compare-grid h3{margin:0;font-family:var(--display);font-size:24px;line-height:1.05;letter-spacing:-.035em;text-transform:uppercase;color:var(--white)}
.ai-compare-grid p{margin:12px 0 0;font-size:15px;line-height:1.7}
.ai-check-list{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.ai-check-list li{border:1px solid rgba(200,255,0,.16);border-radius:18px;background:rgba(255,255,255,.025);padding:14px 16px;color:rgba(255,255,255,.72);line-height:1.65}
.ai-page-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.ai-page-faq{margin-top:54px}
@media(max-width:900px){
  .ai-search-page .ai-page-hero-box,.ai-compare-grid{grid-template-columns:1fr}
  .ai-page-signal-grid{grid-template-columns:1fr}
  .ai-search-page .ai-page-hero-box{border-radius:26px;padding:22px}
}

/* 10.3.1 AI Search primary CTA emphasis */
.ai-search-highlight__pills .ai-search-highlight__primary{
  min-height:50px !important;
  background:var(--accent) !important;
  color:#000 !important;
  border-color:var(--accent) !important;
  padding:14px 20px !important;
  font-size:11px !important;
  font-weight:900 !important;
  box-shadow:0 0 0 1px rgba(200,255,0,.24), 0 14px 38px rgba(200,255,0,.18) !important;
}
.ai-search-highlight__pills .ai-search-highlight__primary:hover{
  transform:translateY(-3px) scale(1.02) !important;
  background:#fff !important;
  color:#000 !important;
  border-color:#fff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.30), 0 18px 46px rgba(255,255,255,.16) !important;
}
@media(max-width:900px){
  .ai-search-highlight__pills .ai-search-highlight__primary{
    min-height:52px !important;
    font-size:11px !important;
  }
}

/* 10.3.2 AI Search block size + external CTA */
.ai-search-highlight{
  padding-top:48px !important;
  padding-bottom:48px !important;
}
.ai-search-highlight__inner{
  grid-template-columns:1fr 1.08fr !important;
  gap:30px !important;
}
.ai-search-highlight h2{
  font-size:clamp(38px,5.6vw,68px) !important;
}
.ai-search-highlight .section__intro{
  font-size:17px !important;
  line-height:1.72 !important;
}
.ai-search-highlight__panel{
  padding:30px !important;
  border-radius:30px !important;
}
.ai-search-highlight__panel p{
  font-size:17px !important;
  line-height:1.72 !important;
}
.ai-search-highlight__external-cta{
  grid-column:1 / -1;
  margin-top:6px;
}
.ai-search-highlight__external-cta a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  border-radius:28px;
  background:var(--accent);
  color:#000;
  padding:22px 26px;
  font-family:var(--display);
  font-size:clamp(24px,3vw,38px);
  line-height:1;
  letter-spacing:-.04em;
  text-transform:uppercase;
  font-weight:900;
  box-shadow:0 22px 70px rgba(200,255,0,.18), inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.ai-search-highlight__external-cta a:hover{
  transform:translateY(-3px);
  background:#fff;
  box-shadow:0 26px 82px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.45);
}
.ai-search-highlight__external-cta strong{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#000;
  color:var(--accent);
  font-family:var(--mono);
  font-size:22px;
  line-height:1;
}
@media(max-width:900px){
  .ai-search-highlight{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
  .ai-search-highlight__inner{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .ai-search-highlight h2{
    font-size:clamp(36px,11vw,54px) !important;
  }
  .ai-search-highlight__panel{
    padding:24px !important;
  }
  .ai-search-highlight__external-cta a{
    padding:20px;
    border-radius:24px;
    font-size:clamp(22px,7vw,34px);
  }
  .ai-search-highlight__external-cta strong{
    flex-basis:42px;
    width:42px;
    height:42px;
    font-size:19px;
  }
}

/* 10.3.3 AI Search block contact-style CTA real fix */
.ai-search-highlight{
  padding-top:56px !important;
  padding-bottom:56px !important;
}
.ai-search-highlight__inner{
  grid-template-columns:1fr 1.12fr !important;
  gap:34px !important;
  align-items:center !important;
}
.ai-search-highlight h2{
  font-size:clamp(40px,5.8vw,72px) !important;
  line-height:.96 !important;
}
.ai-search-highlight .section__intro{
  font-size:18px !important;
  line-height:1.76 !important;
  max-width:680px !important;
}
.ai-search-highlight__panel{
  padding:34px !important;
  border-radius:34px !important;
  min-height:360px !important;
  display:flex !important;
  flex-direction:column !important;
}
.ai-search-highlight__panel p{
  font-size:18px !important;
  line-height:1.76 !important;
}
.ai-search-contact-style-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  width:100% !important;
  margin:26px 0 24px !important;
  border-radius:28px !important;
  background:var(--accent) !important;
  color:#000 !important;
  padding:22px 24px !important;
  font-family:var(--display) !important;
  font-size:clamp(25px,3.15vw,40px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  box-shadow:0 24px 75px rgba(200,255,0,.20), inset 0 1px 0 rgba(255,255,255,.42) !important;
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.ai-search-contact-style-cta:hover{
  transform:translateY(-3px) !important;
  background:#fff !important;
  color:#000 !important;
  box-shadow:0 28px 90px rgba(255,255,255,.16), inset 0 1px 0 rgba(255,255,255,.50) !important;
}
.ai-search-contact-style-cta span{
  color:#000 !important;
}
.ai-search-contact-style-cta strong{
  display:grid !important;
  place-items:center !important;
  flex:0 0 50px !important;
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  background:#000 !important;
  color:var(--accent) !important;
  font-family:var(--mono) !important;
  font-size:22px !important;
  line-height:1 !important;
}
.ai-search-highlight__pills{
  margin-top:auto !important;
}
@media(max-width:900px){
  .ai-search-highlight{
    padding-top:40px !important;
    padding-bottom:40px !important;
  }
  .ai-search-highlight__inner{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .ai-search-highlight h2{
    font-size:clamp(36px,11vw,56px) !important;
  }
  .ai-search-highlight__panel{
    min-height:auto !important;
    padding:24px !important;
    border-radius:26px !important;
  }
  .ai-search-contact-style-cta{
    padding:20px !important;
    border-radius:24px !important;
    font-size:clamp(22px,7vw,34px) !important;
  }
  .ai-search-contact-style-cta strong{
    flex-basis:44px !important;
    width:44px !important;
    height:44px !important;
    font-size:19px !important;
  }
}

/* Dedicated AI Search page: place signal chips in content/text area */
.ai-search-page .ai-page-hero-box{
  grid-template-columns:1fr !important;
}
.ai-page-signals-section{
  margin-top:42px;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:32px;
}
.ai-page-signals-section h2{
  margin:12px 0 22px;
  font-family:var(--display);
  font-size:clamp(30px,4vw,44px);
  line-height:1.08;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:var(--accent);
}
.ai-page-signals-section .ai-page-signal-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  padding-top:0 !important;
  align-content:start !important;
}
.ai-page-signals-section .ai-page-signal-grid span{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:18px !important;
}
@media(max-width:900px){
  .progress-social{
    padding:10px 20px !important;
  }
  .progress-social__inner{
    gap:12px !important;
  }
  .progress-count{
    min-width:36px !important;
    font-size:11px !important;
  }
  .social-links{
    display:none !important;
  }
  .progress-dot{
    width:10px !important;
    height:10px !important;
  }
  .ai-search-highlight__inner{
    grid-template-columns:1fr !important;
  }
  .ai-search-highlight__inner > div:first-child,
  .ai-search-highlight__panel{
    min-height:auto !important;
  }
  .ai-page-signals-section .ai-page-signal-grid{
    grid-template-columns:1fr !important;
  }
}

/* WeRankStudio optimized progress motion */
.progress-social{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
.progress-track{
  height:1px !important;
}
.progress-track__fill{
  height:1px !important;
  transition:width .10s linear !important;
  will-change:width;
}
.progress-dot{
  box-shadow:none !important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
}
.progress-dot.active{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
}
.progress-dot.current{
  transform:translate(-50%,-50%) scale(1.1) !important;
}

/* 10.4.3 Mobile Insights carousel and All Insights CTA */
.all-insights-cta{
  margin:34px 0 0;
}
.all-insights-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  border-radius:999px;
  background:var(--accent);
  color:#000;
  padding:18px 28px;
  font-family:var(--mono);
  font-size:12px;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}
.blog-swipe-hint{
  display:none;
}
.blog-card a{
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
}
.blog-card .card-cta{
  margin-top:auto;
}
@media(max-width:900px){
  .blog-swipe-hint{
    display:block;
  }
  .card-row.blog-preview-grid{
    display:flex !important;
    grid-template-columns:none !important;
    overflow-x:auto;
    gap:16px;
    padding:12px 4px 24px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .card-row.blog-preview-grid::-webkit-scrollbar{
    display:none;
  }
  .blog-preview-grid .blog-card{
    flex:0 0 78vw;
    min-width:78vw;
    max-width:78vw;
    min-height:360px;
    padding:20px;
    scroll-snap-align:start;
  }
  .blog-preview-grid .blog-card:hover{
    transform:none;
  }
  .blog-card .featured-image{
    aspect-ratio:16/9;
    margin-bottom:16px;
  }
  .blog-card h3{
    font-size:24px;
  }
  .all-insights-cta{
    margin-top:26px;
  }
  .all-insights-btn{
    width:100%;
    min-height:62px;
    font-size:12px;
  }
}

/* 10.4.4 Align blog Read pills across post cards */
.blog-preview-grid .blog-card{
  height:100%;
}
.blog-preview-grid .blog-card > a{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:100% !important;
}
.blog-preview-grid .blog-card h3{
  margin-bottom:24px !important;
}
.blog-preview-grid .blog-card .card-cta{
  margin-top:auto !important;
  align-self:flex-start !important;
}
@media(min-width:901px){
  .blog-preview-grid{
    align-items:stretch !important;
  }
  .blog-preview-grid .blog-card{
    min-height:390px !important;
  }
}
@media(max-width:900px){
  .blog-preview-grid .blog-card{
    min-height:390px !important;
  }
  .blog-preview-grid .blog-card > a{
    min-height:350px !important;
  }
}

/* 10.4.5 Mobile progress bar overlap fix */
.progress-social{
  background:#080816 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
@media(max-width:900px){
  .progress-social{
    background:#080816 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.32) !important;
  }
  .section{
    scroll-margin-top:132px !important;
  }
  #blog{
    padding-top:96px !important;
  }
  #blog .section__intro{
    position:relative;
    z-index:1;
  }
}

/* 10.4.6 Compact mobile Insights cards with aligned Read pills */
@media(max-width:900px){
  .card-row.blog-preview-grid{
    align-items:flex-start !important;
  }
  .blog-preview-grid .blog-card{
    flex:0 0 78vw !important;
    min-width:78vw !important;
    max-width:78vw !important;
    min-height:0 !important;
    height:auto !important;
    padding:18px !important;
  }
  .blog-preview-grid .blog-card > a{
    min-height:0 !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .blog-card .featured-image{
    aspect-ratio:16/9 !important;
    margin-bottom:14px !important;
  }
  .blog-card__meta{
    margin-top:0 !important;
  }
  .blog-preview-grid .blog-card h3{
    min-height:118px !important;
    margin:14px 0 18px !important;
    font-size:24px !important;
    line-height:1.08 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .blog-preview-grid .blog-card .card-cta{
    margin-top:0 !important;
    align-self:flex-start !important;
  }
}
@media(min-width:901px){
  .blog-preview-grid .blog-card > a{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
  }
  .blog-preview-grid .blog-card h3{
    min-height:92px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .blog-preview-grid .blog-card .card-cta{
    margin-top:auto !important;
  }
}