/* Selected Highlight typography; the Studio layout and media stay separate. */
[data-text-style] .studio-section-heading { max-width: 920px; }
[data-text-style] .studio-section-heading .section-kicker { margin: 0 0 22px; color: #c4b5fd; font: 500 11px/1.5 "DM Sans", sans-serif; letter-spacing: .17em; text-transform: uppercase; }
[data-text-style] .studio-section-heading > p:last-child { max-width: 62ch; margin-inline: auto; }
[data-text-style] .step-copy h3,
[data-text-style] .feature-copy h3 { text-wrap: balance; }
[data-text-style] .step-copy p,
[data-text-style] .feature-copy p { max-width: 46ch; text-wrap: pretty; }
[data-text-style] .feature-groups { counter-reset: studio-tool; }
[data-text-style] .feature-copy { counter-increment: studio-tool; }
[data-text-style] .feature-copy::before { content: "TOOL " counter(studio-tool, decimal-leading-zero); display: block; color: #a599bd; font: 500 10px/1.5 "DM Sans", sans-serif; letter-spacing: .16em; margin-bottom: 15px; }

/* Highlight: soft title blocks, pill labels, and selected phrases. */
[data-text-style="highlight"] .studio-section-heading h2 { display: table; margin-inline: auto; padding: 10px 20px 13px; background: #ddd6fe; color: #251d40; border-radius: 11px; font: 600 clamp(39px, 4.7vw, 62px)/1.08 "Bricolage Grotesque", sans-serif; letter-spacing: -.05em; }
[data-text-style="highlight"] .studio-section-heading .section-kicker { color: #d8c9f4; letter-spacing: .1em; }
[data-text-style="highlight"] .step-copy h3,
[data-text-style="highlight"] .feature-copy h3 { display: table; font: 600 34px/1.25 "Bricolage Grotesque", sans-serif; letter-spacing: -.035em; background: linear-gradient(transparent 70%, #a78bfa33 70%); padding-bottom: 3px; }
[data-text-style="highlight"] .step-copy p,
[data-text-style="highlight"] .feature-copy p { font-size: 16px; line-height: 1.85; }
[data-text-style="highlight"] .step-copy strong { background: #c4b5fd1f; color: #e9ddff; border-radius: 3px; padding: 1px 3px; }
[data-text-style="highlight"] .step-number { width: fit-content; height: auto; border: 0; padding: 6px 12px; background: #c4b5fd22; border-radius: 20px; color: #ddd6fe; font: 500 11px/1.4 "DM Sans", sans-serif; }
[data-text-style="highlight"] .step-number::before { content: "STEP 0"; }
[data-text-style="highlight"] .feature-copy::before { display: table; background: #c4b5fd22; color: #ddd6fe; padding: 6px 12px; border-radius: 20px; letter-spacing: .08em; }

[data-text-style="highlight"] .step-number { display: inline-flex; align-items: center; }

[data-text-style] .step-copy p.studio-access-note,
[data-text-style] .feature-copy p.studio-access-note { font: 400 12px/1.75 "DM Sans", sans-serif; color: #9eabc0; }

@media (max-width: 700px) {
  [data-text-style] .studio-section-heading h2 { font-size: clamp(36px, 10vw, 52px); }
  [data-text-style] .step-copy h3, [data-text-style] .feature-copy h3 { font-size: 30px; }
  [data-text-style] .step-copy p, [data-text-style] .feature-copy p { font-size: 15px; }
  [data-text-style="highlight"] .studio-section-heading h2 { margin-inline: 0; padding: 10px 12px; }
}