/* One landing-page system, based on the owner-approved lead/back page.
   Scoped: homepage, pricing, account and processing controls are untouched. */
.dedicated-tool-landing .guide-page-hero { padding-bottom: 10px; }
.dedicated-tool-landing .guide-shell > :is(.suite-tool, #noise-remover, #reverb-remover, #vocal-enhancer, #lead-back-separator, #vocal-mixing) {
  margin-top: 12px; padding: 0; overflow: hidden;
  border: 1px solid #e9ded7; border-radius: 17px;
  box-shadow: 0 18px 42px rgba(50, 32, 22, .045);
}
.dedicated-tool-landing .guide-shell > .suite-tool > .panel-heading {
  padding: 24px clamp(20px, 4vw, 34px) 19px;
  background: linear-gradient(110deg, #fffaf6, #fff 72%);
}
.dedicated-tool-landing .guide-shell > .suite-tool .panel-heading h2 {
  margin-top: 9px; font-size: clamp(1.3rem, 2.2vw, 1.65rem);
}
.dedicated-tool-landing .guide-shell > .suite-tool .suite-tool-blurb { margin-top: 7px; font-size: .87rem; }
.dedicated-tool-landing .guide-shell > .suite-tool .suite-tool-body { gap: 14px; margin-top: 18px; }
.dedicated-tool-landing .guide-shell > .suite-tool .sep-drop {
  min-height: 192px; border-color: #d6c8bf;
  background: linear-gradient(180deg, #fdfcfa, #faf8f6);
}
.dedicated-tool-landing .guide-shell > .suite-tool .sep-drop:is(:hover, .dragging) { border-color: #de6a27; background: #fff8f3; }
.dedicated-tool-landing .splitter-story {
  margin-top: 22px; padding: 0; border: 0; background: transparent;
}
.dedicated-tool-landing :is(.splitter-story, .splitter-reference) :is(p, li) { font-size: .85rem; line-height: 1.75; color: #555; }
.dedicated-tool-landing :is(.splitter-story, .splitter-reference) a:not([class]),
.dedicated-tool-landing .guide-footer a { color: var(--purple-dark); }
.dedicated-tool-landing .splitter-reference {
  margin-top: 22px; padding: clamp(24px, 4vw, 46px);
  border: 1px solid var(--border); border-radius: 14px; background: #fff;
}
.dedicated-tool-landing .splitter-reference > h2 { margin-top: 8px; font-size: clamp(1.25rem, 2vw, 1.55rem); }
.dedicated-tool-landing .tool-use-cases li { font-size: .9rem; line-height: 1.7; }
.dedicated-tool-landing .tool-use-cases .splitter-card-top { margin-bottom: 24px; }
.dedicated-tool-landing .tool-reading-links { margin-top: 56px; }
.dedicated-tool-landing .tool-reading-links > ul { padding: 0; list-style: none; }
.dedicated-tool-landing .tool-reading-links li { padding: 14px 0; border-top: 1px solid #e8e3df; }
/* Related tools always use the gold-standard three-column working cards,
   never the primary card's gradient, oversized heading or extra inset. */
.dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) {
  min-width: 0; margin: 0; padding: 28px; overflow: hidden;
  border: 1px solid #e8e3df; border-radius: 14px; background: #fff; box-shadow: none;
}
.dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) .panel-heading {
  padding: 0; min-height: 135px; background: transparent; flex-wrap: wrap;
}
.dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) .panel-heading h2 {
  max-width: 26ch; margin-top: 12px; font-size: 1.2rem; line-height: 1.35; letter-spacing: -.025em;
}
.dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) .suite-tool-blurb { max-width: 45ch; margin: 7px 0 0; font-size: .85rem; }
.dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) .suite-tool-body { margin-top: 24px; padding: 0; gap: 14px; }
.dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) .sep-drop { min-height: 172px; }
.dedicated-tool-landing .splitter-cleanup-tools .suite-tool-controls { flex-wrap: wrap; }
.dedicated-tool-landing .splitter-cleanup-tools .suite-format { min-width: 0; flex-wrap: wrap; }
.dedicated-tool-landing .splitter-cleanup-tools .suite-format select { max-width: 100%; }
/* Align drop zones by the actual heading height, including optional links. */
@supports (grid-template-rows: subgrid) {
  .dedicated-tool-landing .splitter-cleanup-tools .suite-tool {
    display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: 0;
  }
}
.dedicated-tool-landing .splitter-workflow ol {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
  margin: 28px 0 0; padding: 0; list-style: none; counter-reset: workflow-step;
}
.dedicated-tool-landing .splitter-workflow ol > li { counter-increment: workflow-step; }
.dedicated-tool-landing .splitter-workflow ol > li::before {
  content: counter(workflow-step, decimal-leading-zero); display: block; margin-bottom: 24px;
  color: #8b817a; font-size: .72rem; font-weight: 650;
}
@media (max-width: 760px) {
  .dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) { padding: 24px; }
  .dedicated-tool-landing .splitter-cleanup-tools :is(.suite-tool, #noise-remover, #reverb-remover, #lead-back-separator, #vocal-enhancer, #stem-separator) .panel-heading { min-height: 0; }
  .dedicated-tool-landing .splitter-workflow ol { grid-template-columns: minmax(0, 1fr); }
}