/* AI Training page: readable problem cards and visible prompt comparisons */
body.page-ai-training .ai-training-problem-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr)!important;
  gap:64px!important;
  align-items:start!important;
}
body.page-ai-training .ai-training-problem-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
body.page-ai-training .ai-training-problem-cards>.card{
  min-width:0!important;
  min-height:0!important;
  padding:30px!important;
}
body.page-ai-training .ai-training-problem-cards>.card:nth-child(3){grid-column:1/-1!important;}
body.page-ai-training .ai-training-problem-cards .card-number{margin-bottom:18px!important;}
body.page-ai-training .ai-training-problem-cards h3{
  font-size:clamp(1.2rem,1.7vw,1.52rem)!important;
  line-height:1.18!important;
  max-width:18ch!important;
}
body.page-ai-training .ai-training-problem-cards p{
  font-size:1rem!important;
  line-height:1.68!important;
  max-width:48ch!important;
}
body.page-ai-training .ai-training-comparison-head{margin-bottom:38px!important;}
body.page-ai-training .ai-training-compare-block{
  background:#fff;
  border:1px solid #dbe3e8;
  border-radius:28px;
  padding:32px;
  box-shadow:0 14px 44px rgba(8,24,42,.055);
  margin-top:26px;
}
body.page-ai-training .ai-training-compare-title{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-bottom:24px;
}
body.page-ai-training .ai-training-compare-title .eyebrow{margin-bottom:8px!important;}
body.page-ai-training .ai-training-compare-title h3{
  font-size:clamp(1.45rem,2.2vw,2.15rem)!important;
  line-height:1.14!important;
  max-width:31ch;
}
body.page-ai-training .comparison-index{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:#e8f7f4;
  color:#14776b;
  font-family:Manrope,Inter,sans-serif;
  font-weight:900;
}
body.page-ai-training .prompt-comparison-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
body.page-ai-training .prompt-example-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid #dbe3e8;
  border-radius:22px;
  background:#fbfcfd;
}
body.page-ai-training .prompt-example-weak{border-top:4px solid #d8a94a;}
body.page-ai-training .prompt-example-strong,
body.page-ai-training .prompt-tool-chatgpt,
body.page-ai-training .prompt-tool-claude{border-top:4px solid #35c6ae;}
body.page-ai-training .prompt-example-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
body.page-ai-training .prompt-example-head strong{color:#0b1a2c;font-size:.94rem;}
body.page-ai-training .prompt-label{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#e9f7f4;
  color:#176e64;
  font-size:.72rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
body.page-ai-training .prompt-example-weak .prompt-label{background:#fbf2df;color:#8b641d;}
body.page-ai-training .prompt-code-wrap{position:relative;min-width:0;}
body.page-ai-training .prompt-code-wrap pre{
  margin:0;
  min-height:100%;
  padding:52px 20px 20px;
  border-radius:17px;
  background:#0e1e32;
  color:#edf5f7;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  tab-size:2;
}
body.page-ai-training .prompt-code-wrap code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:.86rem;
  line-height:1.62;
  color:#edf5f7!important;
  -webkit-text-fill-color:#edf5f7!important;
}
body.page-ai-training .copy-prompt{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:7px 11px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
}
body.page-ai-training .copy-prompt:hover{background:rgba(255,255,255,.16);}
body.page-ai-training .prompt-example-card>p{
  margin:16px 0 0!important;
  color:#526276!important;
  font-size:.94rem!important;
  line-height:1.62!important;
}
body.page-ai-training .prompt-comparison-note{
  display:grid;
  grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);
  gap:18px;
  margin-top:20px;
  padding:18px 20px;
  border-radius:16px;
  background:#eef8f6;
  border:1px solid #cce9e3;
}
body.page-ai-training .prompt-comparison-note strong{color:#0b1a2c;}
body.page-ai-training .prompt-comparison-note span{color:#526276;line-height:1.6;}
body.page-ai-training .ai-training-example-note{margin-top:28px!important;}
body.page-ai-training .ai-training-example-note strong{margin-bottom:4px;}

@media(max-width:1180px){
  body.page-ai-training .ai-training-problem-layout{grid-template-columns:1fr!important;gap:36px!important;}
  body.page-ai-training .ai-training-problem-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.page-ai-training .ai-training-problem-cards>.card:nth-child(3){grid-column:auto!important;}
}
@media(max-width:820px){
  body.page-ai-training .ai-training-problem-cards,
  body.page-ai-training .prompt-comparison-grid{grid-template-columns:1fr!important;}
  body.page-ai-training .ai-training-compare-block{padding:24px!important;}
  body.page-ai-training .prompt-comparison-note{grid-template-columns:1fr!important;gap:8px!important;}
}
@media(max-width:560px){
  body.page-ai-training .ai-training-compare-block{padding:20px!important;border-radius:22px;}
  body.page-ai-training .ai-training-compare-title{grid-template-columns:1fr!important;gap:12px!important;}
  body.page-ai-training .prompt-example-card{padding:18px!important;}
  body.page-ai-training .prompt-code-wrap pre{padding:50px 16px 18px!important;}
  body.page-ai-training .prompt-code-wrap code{font-size:.8rem!important;}
}

/* Complete prompt-library conversion band */
body.page-ai-training .prompt-library-preview-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  padding:30px;
  border:1px solid #d7e2e6;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 42px rgba(8,24,42,.055);
}
body.page-ai-training .prompt-library-preview-card strong{
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(1.5rem,2.6vw,2.2rem);
  color:#0b1a2c;
}
body.page-ai-training .prompt-library-preview-card span{
  color:#526276;
  line-height:1.65;
}
body.page-ai-training .prompt-library-preview-card .button{margin-top:6px;}

/* Prompt-library preview: premium conversion structure */
body.page-ai-training .prompt-library-preview{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfb 100%);
  border-top:1px solid #e7ecee;
  border-bottom:1px solid #e7ecee;
}
body.page-ai-training .prompt-library-preview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(460px,.88fr);
  gap:clamp(64px,8vw,118px);
  align-items:center;
}
body.page-ai-training .prompt-library-preview-copy{
  max-width:690px;
}
body.page-ai-training .prompt-library-preview-copy .eyebrow{
  margin-bottom:22px!important;
}
body.page-ai-training .prompt-library-preview-copy h2{
  max-width:16ch;
  margin:0 0 22px!important;
  font-size:clamp(2.65rem,4.3vw,4.9rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
body.page-ai-training .prompt-library-preview-copy .lead{
  max-width:54ch;
  margin:0!important;
  font-size:clamp(1.05rem,1.35vw,1.28rem)!important;
  line-height:1.7!important;
}
body.page-ai-training .prompt-library-preview-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:30px 32px 24px;
  border:1px solid #ccd7dc;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#fdfefe 100%);
  box-shadow:0 22px 58px rgba(8,24,42,.085);
}
body.page-ai-training .prompt-library-feature{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:20px;
  align-items:center;
  min-width:0;
  padding:20px 4px;
  border-bottom:1px solid #dde5e8;
}
body.page-ai-training .prompt-library-feature:first-child{padding-top:4px;}
body.page-ai-training .prompt-library-feature:nth-child(4){border-bottom:0;padding-bottom:22px;}
body.page-ai-training .prompt-library-feature-icon{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  border-radius:50%;
  background:linear-gradient(145deg,#dff6f1,#edf9f7);
  color:#0b243a;
  box-shadow:inset 0 0 0 1px rgba(46,183,160,.08);
}
body.page-ai-training .prompt-library-feature-icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.page-ai-training .prompt-library-feature strong{
  display:block;
  margin:0 0 7px;
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(1.05rem,1.25vw,1.3rem);
  line-height:1.25;
  color:#0b1a2c;
}
body.page-ai-training .prompt-library-feature p{
  margin:0;
  color:#526276;
  font-size:.98rem;
  line-height:1.52;
}
body.page-ai-training .prompt-library-preview-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%;
  min-height:60px;
  margin-top:4px!important;
  padding:16px 24px!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(18,145,128,.22);
  font-size:1rem!important;
}
body.page-ai-training .prompt-library-preview-cta span:last-child{
  font-size:1.65rem;
  line-height:1;
  font-weight:400;
}
body.page-ai-training .prompt-library-preview-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:15px 0 0!important;
  color:#5d6d7e!important;
  font-size:.88rem!important;
  line-height:1.4!important;
  text-align:center;
}
body.page-ai-training .prompt-library-preview-note span{
  color:#577087;
  font-size:.85rem;
}
@media(max-width:1080px){
  body.page-ai-training .prompt-library-preview-grid{
    grid-template-columns:1fr;
    gap:44px;
  }
  body.page-ai-training .prompt-library-preview-copy{
    max-width:760px;
  }
  body.page-ai-training .prompt-library-preview-copy h2{
    max-width:18ch;
  }
  body.page-ai-training .prompt-library-preview-card{
    max-width:760px;
  }
}
@media(max-width:620px){
  body.page-ai-training .prompt-library-preview-grid{gap:32px;}
  body.page-ai-training .prompt-library-preview-copy h2{
    max-width:none;
    font-size:clamp(2.35rem,12vw,3.35rem)!important;
  }
  body.page-ai-training .prompt-library-preview-card{
    padding:22px 20px 18px;
    border-radius:22px;
  }
  body.page-ai-training .prompt-library-feature{
    grid-template-columns:56px minmax(0,1fr);
    gap:15px;
    padding:17px 0;
  }
  body.page-ai-training .prompt-library-feature-icon{
    width:52px;
    height:52px;
  }
  body.page-ai-training .prompt-library-feature-icon svg{
    width:27px;
    height:27px;
  }
  body.page-ai-training .prompt-library-feature strong{font-size:1.04rem;}
  body.page-ai-training .prompt-library-feature p{font-size:.92rem;}
  body.page-ai-training .prompt-library-preview-cta{
    min-height:56px;
    padding:14px 18px!important;
    font-size:.92rem!important;
  }
}
body.page-ai-training .prompt-library-preview-cta span{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
body.page-ai-training .prompt-library-preview-note svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#577087;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
body.page-ai-training .prompt-library-preview-note span{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}