/* Category landing pages: common components shared with the parent homepage. */
.field-shortcuts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin: 0 0 30px;
}
.field-shortcuts a {
  border: 1px solid var(--light-gray);
  border-radius: 999px;
  background: white;
  padding: 7px 13px;
  font-size: .72rem;
  text-decoration: none;
}
.field-shortcuts a:hover { border-color: var(--primary); }
.category-cover strong { font-size: 1.35rem; }
.category-cover.theme-english { background: linear-gradient(120deg, #e8efed, #dde8e4); }
.category-cover.theme-web-design { background: linear-gradient(120deg, #f3eaf5, #e8def0); }
.category-cover.theme-ai { background: linear-gradient(120deg, #e3eef5, #dae5f1); }
.category-cover.theme-video-editing { background: linear-gradient(120deg, #f8ede4, #f0e0d1); }
.category-cover.theme-web-marketing { background: linear-gradient(120deg, #e6edef, #d9e6e7); }
.category-cover.theme-excel-data { background: linear-gradient(120deg, #e5efe6, #d9e7dc); }
.category-cover.theme-qualifications { background: linear-gradient(120deg, #f3efdc, #eae2ca); }
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 15px 0;
  font-size: .72rem;
  color: var(--gray);
}
.category-hero h1 { font-size: clamp(1.6rem, 3.8vw, 2.6rem); }
.category-hero .subtitle { max-width: 680px; }
.category-hero.theme-english { background: linear-gradient(125deg, #142f32, #295c57); }
.category-hero.theme-web-design { background: linear-gradient(125deg, #302140, #63447b); }
.category-hero.theme-ai { background: linear-gradient(125deg, #142941, #285b79); }
.category-hero.theme-video-editing { background: linear-gradient(125deg, #352431, #785048); }
.category-hero.theme-web-marketing { background: linear-gradient(125deg, #17323e, #306774); }
.category-hero.theme-excel-data { background: linear-gradient(125deg, #18382f, #326b50); }
.category-hero.theme-qualifications { background: linear-gradient(125deg, #343040, #666044); }
.narrow { max-width: 800px; }
.selection-list {
  padding: 0;
  list-style: none;
  counter-reset: selection;
  margin: 32px 0 20px;
}
.selection-list li {
  counter-increment: selection;
  display: flex;
  gap: 16px;
  align-items: baseline;
  border: 1px solid var(--light-gray);
  background: white;
  padding: 19px 22px;
  border-radius: 12px;
  font-size: .9rem;
}
.selection-list li::before {
  content: '0' counter(selection);
  color: var(--primary);
  font-size: .75rem;
  font-weight: 700;
}
.selection-note { font-size: .8rem; color: var(--gray); }
.first-step-panel, .specialist-panel {
  padding: 34px;
  border: 1px solid var(--light-gray);
  border-radius: 16px;
  background: white;
}
.first-step-panel > p:not(.section-kicker), .specialist-panel > p:not(.section-kicker) {
  max-width: 710px;
  margin: 0 auto;
  font-size: .9rem;
  line-height: 2;
}
.first-step-panel .first-step-caption {
  margin-top: 18px !important;
  color: var(--gray);
  font-size: .75rem !important;
}
.specialist-section { padding-top: 0; }
.specialist-panel { background: #ecebfa; }
.specialist-panel .cta-button { font-size: .85rem; margin-bottom: 0; }
.faq-section { padding-top: 0; }
.faq-item { border-bottom: 1px solid var(--light-gray); padding: 19px 0; }
.faq-item summary { cursor: pointer; font-weight: 700; font-size: .9rem; }
.faq-item p { margin: 15px 0 0; font-size: .84rem; color: var(--gray); }
.related-section { background: #eceef7; }
.related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.related-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: white;
  border: 1px solid var(--light-gray);
  border-radius: 12px;
  text-decoration: none;
  font-size: .9rem;
}
.back-link { margin-top: 24px; font-size: .8rem; }
@media (max-width: 640px) {
  .category-hero h1 { font-size: clamp(1.5rem, 6.5vw, 2rem); }
  .category-cover { min-height: 100px; }
  .selection-list li { padding: 16px; gap: 12px; font-size: .82rem; }
  .first-step-panel, .specialist-panel { padding: 24px 20px; }
  .related-grid { grid-template-columns: 1fr; }
}

/* Shared operator profile: use an actual image rather than a text placeholder. */
.profile-avatar {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 50%;
}
.profile .profile-avatar {
  width: 128px;
  height: 128px;
  margin: 0 auto 20px;
}
.about-panel { grid-template-columns: 96px 1fr; }
@media (max-width: 640px) {
  .about-panel { grid-template-columns: 1fr; }
}

/* Provider comparison */
.provider-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:28px;}
.provider-card {border:1px solid var(--light-gray);border-radius:16px;padding:26px;background:var(--white);display:flex;flex-direction:column;gap:14px;min-width:0;}
.provider-card h3 {font-size:1.25rem;line-height:1.5;overflow-wrap:anywhere;}
.provider-card p {margin:0;}
.provider-card .cta-button {margin-top:auto;align-self:flex-start;}
.provider-card .source-note {font-size:.8rem;color:var(--gray);}
.provider-jumps {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.provider-jumps a {padding:10px 16px;border:1px solid var(--light-gray);border-radius:8px;}