.editorial-service-hero {
  padding:4rem 0 3.5rem 0;
  background:transparent;
  border-bottom:none
}
.editorial-service-hero-grid {
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:4rem;
  align-items:center
}
.service-title-editorial {
  font-size:clamp(2.2rem,4vw,3.2rem);
  font-weight:700;
  line-height:1.12;
  color:var(--text-primary);
  margin-bottom:1rem;
  letter-spacing:-0.035em
}
.service-lead-editorial {
  font-size:0.98rem;
  color:var(--text-secondary);
  line-height:1.7;
  margin-bottom:1.75rem
}
.service-tags-editorial {
  display:flex;
  gap:0.5rem;
  flex-wrap:wrap;
  margin-bottom:2rem
}
.editorial-spec-pill {
  font-family:var(--font-sans);
  font-size:0.74rem;
  font-weight:600;
  padding:0.35rem 0.75rem;
  background:var(--bg-surface-2);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-xs);
  color:var(--text-secondary);
  text-transform:uppercase;
  letter-spacing:0.05em
}
.editorial-features-3col {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem
}
.editorial-feature-item {
  background:linear-gradient(180deg,#0e1726 0%,#090e18 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-md);
  padding:1.85rem;
  transition:var(--transition-smooth);
  box-shadow:0 4px 20px rgba(0,0,0,0.3)
}
.editorial-feature-item:hover {
  border-color:rgba(255,255,255,0.18);
  background:linear-gradient(180deg,#132035 0%,#0c1422 100%);
  box-shadow:0 8px 30px rgba(0,0,0,0.45);
  transform:translateY(-2px)
}
.editorial-feature-item h3 {
  font-family:var(--font-sans);
  font-size:1.15rem;
  font-weight:600;
  margin-bottom:0.5rem;
  color:var(--text-primary)
}
.editorial-feature-item p {
  font-size:0.88rem;
  color:var(--text-secondary);
  line-height:1.6
}
.editorial-spec-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3.5rem;
  align-items:center
}
.editorial-diagram-card {
  background:linear-gradient(180deg,#0e1726 0%,#090e18 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,0.3)
}
.editorial-diagram-card img {
  width:100%;
  height:auto;
  display:block
}
.editorial-diagram-caption {
  padding:0.95rem 1.25rem;
  background:#090e18;
  border-top:1px solid rgba(255,255,255,0.06);
  font-family:var(--font-sans);
  font-size:0.8rem;
  font-weight:500;
  color:#FFFFFF
}
.editorial-step-list {
  display:flex;
  flex-direction:column;
  gap:1.25rem
}
.editorial-step-item {
  display:flex;
  gap:1.25rem;
  align-items:flex-start
}
.editorial-step-num {
  font-family:var(--font-sans);
  font-size:0.75rem;
  font-weight:700;
  color:#FFFFFF;
  width:28px;
  height:28px;
  border-radius:var(--radius-xs);
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:2px
}
.editorial-step-details h4 {
  font-family:var(--font-sans);
  font-size:1.05rem;
  font-weight:600;
  margin-bottom:0.3rem;
  color:var(--text-primary)
}
.editorial-step-details p {
  font-size:0.86rem;
  color:var(--text-secondary);
  line-height:1.6
}
.editorial-process-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem
}
.editorial-process-box {
  background:linear-gradient(180deg,#0e1726 0%,#090e18 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-md);
  padding:1.65rem;
  transition:var(--transition-smooth);
  box-shadow:0 4px 20px rgba(0,0,0,0.3)
}
.editorial-process-box:hover {
  background:linear-gradient(180deg,#132035 0%,#0c1422 100%);
  border-color:rgba(255,255,255,0.18);
  box-shadow:0 8px 30px rgba(0,0,0,0.45);
  transform:translateY(-2px)
}
.editorial-process-box .step-tag {
  font-family:var(--font-sans);
  font-size:0.72rem;
  font-weight:700;
  color:#94A3B8;
  text-transform:uppercase;
  letter-spacing:0.08em;
  margin-bottom:0.6rem;
  display:flex;
  align-items:center;
  gap:0.35rem
}
.editorial-process-box h4 {
  font-family:var(--font-sans);
  font-size:1.05rem;
  font-weight:600;
  margin-bottom:0.4rem;
  color:var(--text-primary)
}
.editorial-process-box p {
  font-size:0.84rem;
  color:var(--text-secondary);
  line-height:1.55
}
.service-points {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:0.65rem
}
.service-points li {
  font-size:0.9rem;
  color:#FFFFFF;
  display:flex;
  align-items:baseline;
  gap:0.6rem
}
.service-points li::before {
  content:"—";
  color:#94A3B8;
  font-weight:700
}
.editorial-table-container {
  overflow-x:auto;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-md);
  background:linear-gradient(180deg,#0e1726 0%,#090e18 100%);
  box-shadow:0 4px 20px rgba(0,0,0,0.3)
}
.editorial-table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:0.88rem
}
.editorial-table th,.editorial-table td {
  padding:1rem 1.25rem;
  border-bottom:1px solid rgba(255,255,255,0.05)
}
.editorial-table th {
  background:#090e18;
  font-family:var(--font-sans);
  font-size:0.75rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:#94A3B8
}
.editorial-table tr:last-child td {
  border-bottom:none
}
.editorial-table td.highlight-col {
  background:rgba(255,255,255,0.03);
  font-family:var(--font-sans);
  font-weight:600;
  color:#FFFFFF
}
.editorial-quote-card {
  background:linear-gradient(180deg,#0f192b 0%,#090e18 100%);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:var(--radius-lg);
  padding:3.5rem 3rem;
  max-width:800px;
  margin:0 auto;
  box-shadow:0 8px 30px rgba(0,0,0,0.4)
}
@media (max-width:1024px) {
  .editorial-service-hero-grid,.editorial-spec-split {
  grid-template-columns:1fr;
  gap:2.5rem
}
.editorial-features-3col,.editorial-process-grid {
  grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:768px) {
  .editorial-service-hero {
  padding:2.5rem 0 2rem 0
}
.editorial-features-3col,.editorial-process-grid {
  grid-template-columns:1fr;
  gap:1.25rem
}
.editorial-quote-card {
  padding:2rem 1.25rem;
  border-radius:var(--radius-md)
}
.editorial-feature-item,.editorial-process-box {
  padding:1.4rem 1.15rem
}
}
@media (max-width:576px) {
  .editorial-service-hero-grid {
  gap:2rem
}
.editorial-quote-card {
  padding:1.5rem 1rem
}
.editorial-step-item {
  gap:0.85rem
}
.editorial-step-num {
  width:24px;
  height:24px;
  font-size:0.7rem
}
}
