/* Catalog controls: compact introductions and fully reachable tools. */
html:is([data-page="tools"],[data-page="developer-tools"]) .dt-page-title { max-width:19ch; }
html:is([data-page="tools"],[data-page="developer-tools"]) .dt-hero-description { overflow-wrap:anywhere; }
html:is([data-page="tools"],[data-page="developer-tools"]) .review-jumps { scrollbar-width:thin; }
html[data-page="tools"] .tools-section-title { min-width:0;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere; }
html[data-page="tools"] .tools-section-title .pd-own-badge { flex:none;align-self:center;line-height:1.5; }
html[data-page="tools"] .pd-token-shell { padding:26px!important; }
html[data-page="tools"] .pd-token-header { align-items:flex-start!important; }
html[data-page="tools"] .pd-token-header>div:first-child { flex:0 0 42px; }
html[data-page="tools"] .pd-token-header>div:nth-child(2) { min-width:0;flex:1;overflow-wrap:anywhere; }
html[data-page="tools"] .pd-token-header>button { flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;margin-inline-start:auto!important; }
html[data-page="tools"] .pd-token-fields { min-width:0; }
html[data-page="tools"] .pd-token-fields>input { min-width:0;width:100%;min-height:48px; }
html[data-page="tools"] .pd-token-fields>button { min-height:48px; }
html[data-page="tools"] #dcResult { overflow-wrap:anywhere;min-width:0; }
html[data-page="tools"] :is(#discord-tool-panel,#tga-tool-panel) { scroll-margin-top:calc(var(--pd-header-height,72px) + 24px); }
@media(max-width:767px) {
  html:is([data-page="tools"],[data-page="developer-tools"]) .dt-hero { padding-block:28px 24px;gap:22px; }
  html:is([data-page="tools"],[data-page="developer-tools"]) .dt-page-title { max-width:20ch;font-size:clamp(32px,8.5vw,44px);line-height:1.1;overflow-wrap:anywhere; }
  html:is([data-page="tools"],[data-page="developer-tools"]) .dt-hero-description { margin-top:0;line-height:1.65; }
  html[data-page="developer-tools"] .dt-toolbench-art { display:none; }
  html[data-page="tools"] .dt-toolbench-art { min-height:150px;padding-block:14px; }
  html[data-page="tools"] .dt-toolbench-art img { max-height:150px; }
  html:is([data-page="tools"],[data-page="developer-tools"]) .review-jumps { flex-wrap:nowrap;overflow-x:auto;gap:18px;margin-top:8px;padding-top:12px; }
  html:is([data-page="tools"],[data-page="developer-tools"]) .review-jumps>a { flex:none; }
  html[data-page="developer-tools"] #toolbox { padding-top:12px; }
}
@media(max-width:600px) {
  html[data-page="tools"] .pd-token-shell { padding:18px!important; }
  html[data-page="tools"] .pd-token-fields { flex-direction:column;gap:10px!important; }
  html[data-page="tools"] .pd-token-fields>button { width:100%;white-space:normal!important; }
  html[data-page="tools"] .pd-token-header { gap:10px!important;flex-wrap:wrap; }
  html[data-page="tools"] .pd-token-header>div:first-child { display:none!important; }
  html[data-page="tools"] .pd-token-header>div:nth-child(2) { flex:1 1 150px; }
}