.svs-prompt-tool .svs-tool-hero::before {
  position: absolute;
  top: -200px;
  left: 50%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 168, 76, 0.08), transparent 70%);
  content: "";
  transform: translateX(-50%);
}

.svs-prompt-tool .svs-tool-hero > * { position: relative; }
.svs-prompt-wrap { width: min(800px, 100%); margin: 0 auto; padding: 3rem 2rem; }
.svs-prompt-input-card,
.svs-results-card { margin-bottom: 1.5rem; border: 1px solid var(--svs-line); border-radius: 12px; background: var(--svs-white); padding: 2rem; }
.svs-prompt-input-card h2,
.svs-results-title { margin-bottom: 0.5rem; color: var(--svs-navy); font-size: 1.1rem; }
.svs-prompt-input-card > p { margin-bottom: 1.25rem; color: var(--svs-gray); font-size: 0.88rem; }
.svs-category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.6rem; margin-bottom: 1.25rem; }
.svs-cat-btn { border: 1px solid var(--svs-line); border-radius: 8px; background: var(--svs-cream); padding: 0.55rem 0.75rem; color: var(--svs-ink); font: inherit; font-size: 0.82rem; font-weight: 500; cursor: pointer; }
.svs-cat-btn:hover { border-color: var(--svs-gold); }
.svs-cat-btn[aria-pressed="true"] { border-color: var(--svs-navy); background: var(--svs-navy); color: var(--svs-white); }
.svs-goal-input-wrap { display: flex; gap: 0.75rem; }
.svs-goal-input { min-width: 0; flex: 1; border: 1px solid var(--svs-line); border-radius: 10px; padding: 0.85rem 1rem; color: var(--svs-ink); font: inherit; }
.svs-goal-input:focus { border-color: var(--svs-gold); outline: 0; }
.svs-generate-btn { flex: 0 0 auto; border: 0; border-radius: 10px; background: var(--svs-navy); color: var(--svs-white); padding: 0.85rem 1.5rem; font: inherit; font-weight: 700; cursor: pointer; }
.svs-generate-btn:hover { background: var(--svs-gold); color: var(--svs-navy-deep); }
.svs-prompt-message { min-height: 1.4em; margin: 0.6rem 0 0 !important; color: #991b1b !important; }
.svs-results-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.svs-results-title { margin: 0; }
.svs-copy-all-btn,
.svs-copy-btn { border: 1px solid var(--svs-line); border-radius: 8px; background: var(--svs-cream); color: var(--svs-navy); padding: 0.4rem 0.85rem; font: inherit; font-size: 0.8rem; font-weight: 600; cursor: pointer; }
.svs-prompt-item { position: relative; margin-bottom: 0.75rem; border: 1px solid var(--svs-line); border-radius: 10px; padding: 1rem 1.1rem; }
.svs-prompt-item:hover { border-color: var(--svs-gold); }
.svs-prompt-number { margin-bottom: 0.4rem; color: var(--svs-gold); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.svs-prompt-text { padding-right: 3.3rem; color: var(--svs-ink); font-size: 0.92rem; line-height: 1.6; }
.svs-copy-btn { position: absolute; top: 0.85rem; right: 0.85rem; padding: 0.3rem 0.65rem; color: var(--svs-gray); font-size: 0.75rem; }
.svs-copy-btn:hover { border-color: var(--svs-navy); background: var(--svs-navy); color: var(--svs-white); }
.svs-copy-btn.is-copied { border-color: #166534; background: #166534; color: var(--svs-white); }
.svs-prompt-tool .svs-tool-cta { margin-bottom: 0; }

@media (max-width: 768px) {
  .svs-goal-input-wrap { flex-direction: column; }
  .svs-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .svs-prompt-wrap { padding-inline: 1.25rem; }
  .svs-prompt-input-card,
  .svs-results-card { padding: 1.25rem; }
  .svs-results-header { align-items: flex-start; flex-direction: column; }
  .svs-prompt-text { padding-right: 0; padding-top: 2rem; }
}