/* Shared surface heading replacing the former dw-intro. */
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid rgba(145,174,191,.20);min-width:0;max-width:100%}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading h1.ts-tool-title{font-size:clamp(25px,2.25vw,34px)!important;line-height:1.2!important;letter-spacing:-.025em;margin:0!important;font-weight:700!important;color:inherit}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading p.lead.text-secondary{font-size:14px!important;line-height:1.55!important;margin:9px 0 0!important;max-width:78ch}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading--category{text-align:center}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading--category p.lead{margin-left:auto!important;margin-right:auto!important}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading + .wb-shell.mt-4{margin-top:0!important}
@media(max-width:640px){.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading{margin-bottom:14px;padding-bottom:12px}.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading h1.ts-tool-title{font-size:26px!important}}

/* 2026-11-02: Compact, right-aligned tool headings; centered category headings. */
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading:not(.lc-surface-heading--category){
  width:min(66%,760px);max-width:100%;margin:0 0 14px auto;
  padding:0 0 10px;border-bottom:0;text-align:right;
}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading:not(.lc-surface-heading--category) h1.ts-tool-title{
  font-size:clamp(21px,1.8vw,27px)!important;line-height:1.24!important;
}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading:not(.lc-surface-heading--category) p.lead.text-secondary{
  font-size:13px!important;line-height:1.45!important;margin:5px 0 0 auto!important;
}
.legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading--category p.lead.text-secondary{
  text-align:center!important;margin-left:auto!important;margin-right:auto!important;
}
.legacy-tool-content .ts-tool-grid{margin-top:1px!important}
@media(max-width:700px){
  .legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading:not(.lc-surface-heading--category){
    width:100%;margin-left:0;margin-right:0;text-align:left;
  }
  .legacy-tool-content > .dw-app > .dw-surface > .lc-surface-heading:not(.lc-surface-heading--category) p.lead.text-secondary{margin-left:0!important;margin-right:0!important}
}


/* Tool heading belongs to the breadcrumb row; category headings remain in their cards. */
main.content > .crumb.lc-crumb-heading{display:flex;align-items:center;justify-content:space-between;gap:14px 22px;flex-wrap:wrap;margin-bottom:18px}
main.content > .crumb.lc-crumb-heading > .lc-crumb-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}
main.content > .crumb.lc-crumb-heading > .lc-surface-heading.lc-crumb-title{display:block;flex:1 1 310px;min-width:0;max-width:700px;margin:0 0 0 auto!important;padding:0!important;border:0!important;text-align:right!important;width:auto!important}
main.content > .crumb.lc-crumb-heading > .lc-crumb-title h1.ts-tool-title{font-size:clamp(20px,1.7vw,26px)!important;line-height:1.2!important;font-weight:750!important;margin:0!important;color:inherit}
main.content > .crumb.lc-crumb-heading > .lc-crumb-title p.lead.text-secondary{font-size:12.5px!important;line-height:1.4!important;margin:4px 0 0!important;text-align:right!important}
@media(max-width:760px){
main.content > .crumb.lc-crumb-heading{align-items:flex-start;flex-direction:column}
main.content > .crumb.lc-crumb-heading > .lc-surface-heading.lc-crumb-title{flex:none;width:100%!important;max-width:100%;margin:0!important;text-align:left!important}
main.content > .crumb.lc-crumb-heading > .lc-crumb-title p.lead.text-secondary{text-align:left!important}
}