/* Dedicated tools share the splitter's framing, without changing workspace UI. */
.tool-landing .guide-page-hero { padding-bottom: 10px; }
.tool-landing .tool-intro { max-width: 62ch; margin: 14px 0 0; color: var(--muted); font-size: .95rem; line-height: 1.7; }
.tool-landing :is(.workspace, .song-voice-workspace) {
  overflow: hidden;
  border: 1px solid #e9ded7;
  border-radius: 17px;
  box-shadow: 0 18px 42px rgba(50, 32, 22, .045);
}
.tool-landing .suite-tool { margin-top: 12px; padding: 0; }
.tool-landing .workspace > .panel-heading {
  padding: 24px clamp(20px, 4vw, 34px) 19px;
  background: linear-gradient(110deg, #fffaf6, #fff 72%);
}
.tool-landing .workspace > .panel-heading h2 { font-size: clamp(1.3rem, 2.2vw, 1.65rem); }
.tool-landing :is(#noise-remover, #reverb-remover) { margin-top: 12px; padding: 0; border-radius: 17px; border-color: #e9ded7; box-shadow: 0 18px 42px rgba(50, 32, 22, .045); }
.tool-landing .suite-tool .panel-heading {
  padding: 24px clamp(20px, 4vw, 34px) 19px;
  background: linear-gradient(110deg, #fffaf6, #fff 72%);
}
.tool-landing .suite-tool .panel-heading h2 { margin-top: 9px; font-size: clamp(1.3rem, 2.2vw, 1.65rem); }
.tool-landing .suite-tool .sep-drop {
  min-height: 192px;
  border-color: #d6c8bf;
  background: linear-gradient(180deg, #fdfcfa, #faf8f6);
}
.tool-landing .suite-tool .sep-drop:hover,
.tool-landing .suite-tool .sep-drop.dragging { border-color: #de6a27; background: #fff8f3; }
.tool-landing .guide-article { margin-top: 22px; padding: 0; border: 0; background: transparent; }
.tool-landing .guide-article :is(p, li, td, dd, h3) a:not([class]) { color: var(--orange, #c55725); }
.tool-landing .tool-info-panel {
  margin-top: 22px;
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid #e8e3df;
  border-radius: 14px;
  background: #fff;
  min-width: 0;
}
.tool-landing .tool-info-panel > h2:first-child { margin-top: 0; font-size: clamp(1.25rem, 2vw, 1.55rem); }
.tool-landing .tool-info-panel > :last-child { margin-bottom: 0; }
.tool-landing .tool-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.tool-landing .tool-info-grid .tool-info-panel { height: 100%; }
.tool-landing .tool-use-cases { margin-top: 48px; }
.tool-landing .tool-use-cases > h2 { text-align: center; margin: 0 0 24px; font-size: clamp(1.5rem, 2.5vw, 1.9rem); }
.tool-landing .tool-use-cases > ul,
.tool-landing .tool-related > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.tool-landing .tool-use-cases > ul > li { margin: 0; padding: 26px; border: 1px solid #e8e3df; border-radius: 14px; background: #fff; }
.tool-landing .tool-use-cases li strong { display: block; color: #29221f; font-size: 1rem; margin-bottom: 8px; }
.tool-landing .tool-related { margin-top: 40px; }
.tool-landing .tool-related li { padding: 16px 0; border-top: 1px solid #e8e3df; }
.tool-landing .tool-page-intro { padding: 0; }
.tool-landing .tool-page-intro .answer-box { padding: 0; border: 0; background: transparent; margin-top: 12px; }
.tool-landing .tool-page-intro .answer-box > strong { font-size: .67rem; color: #a64a20; letter-spacing: .12em; text-transform: uppercase; }
.tool-landing .tool-page-intro .guide-primary-cta { margin-top: 0; }
.tool-landing .tool-page-intro .converter-outputs { margin-top: 22px; }
.tool-landing .guide-article table { display: block; overflow-x: auto; }
.tool-landing .sep-reading { margin-top: 22px; padding: clamp(24px, 4vw, 40px); border: 1px solid #e8e3df; border-radius: 14px; background: #fff; }
.tool-landing .sep-reading a { color: var(--orange, #c55725); }
.tool-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.tool-landing .tool-hub-grid .suite-tool { min-width: 0; margin-top: 12px; }
.tool-landing .tool-hub-grid .panel-heading { min-height: 165px; flex-wrap: wrap; }
@media (max-width: 760px) {
  .tool-landing .tool-info-grid,
  .tool-landing .tool-use-cases > ul,
  .tool-landing .tool-related > ul,
  .tool-hub-grid { grid-template-columns: minmax(0, 1fr); }
  .tool-landing .tool-hub-grid .panel-heading { min-height: 0; }
  .tool-landing .tool-use-cases { margin-top: 36px; }
  .tool-landing .tool-use-cases > ul > li { padding: 24px; }
}