/* Focused tools reuse the same working surface and engine as the tools hub. */
.tool-detail .tools-hero { min-height: auto; padding: 135px 0 48px !important; }
.tool-detail .tools-hero::after { content: none; }
.tool-detail .tools-hero h1 { max-width: 17ch; font-size: clamp(2.6rem, 5.8vw, 5.8rem) !important; line-height: 1.03 !important; letter-spacing: -.045em; overflow-wrap: normal; }
.tool-back { display: inline-block; margin-bottom: 28px; color: #eed3ad; text-underline-offset: 4px; }
.tool-kicker { text-transform: uppercase; letter-spacing: .12em; font-size: .7rem !important; margin-bottom: 16px !important; }
.tool-detail .tools-hero .tool-kicker { font-size: .65rem !important; line-height: 1.7; color: #dfc5a2 !important; }
.tool-detail .tools-hero p { color: #bec8d2 !important; }
.tool-jump { display: inline-flex; align-items: center; min-height: 48px; margin-top: 20px; color: #fff; text-underline-offset: 5px; }
.tool-detail .tools-section { padding: 40px 0 64px !important; scroll-margin-top: 90px; }
.tool-detail .tools-section::after { content: none; }
.tool-guide { padding: 30px 0 80px; color: var(--ap-ink); }
.tool-guide .tool-container { max-width: 800px !important; }
.tool-guide h2, .tool-directory h2 { font: 500 clamp(2rem, 4vw, 3.4rem)/1.1 var(--ap-heading); color: var(--ap-navy); margin: 0 0 24px; }
.tool-guide h3 { font: 600 1.35rem/1.3 var(--ap-heading); margin: 30px 0 12px; }
.tool-guide p { max-width: 72ch; line-height: 1.85; margin-bottom: 18px; }
.tool-guide a { color: var(--ap-navy); text-decoration: underline; text-underline-offset: 4px; }
.tool-directory { padding: 64px 0; background: var(--ap-paper-deep); }
.tool-directory nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--ap-line); }
.tool-directory nav a { padding: 20px 12px 20px 0; border-bottom: 1px solid var(--ap-line); color: var(--ap-navy); display: flex; justify-content: space-between; gap: 12px; }
.tool-detail .tool-card, .tool-detail .cite-row > *, .tool-detail .grade-row > * { min-width: 0; }
.tool-detail .tool-output { overflow-wrap: anywhere; }
.tool-detail .grade-remove { min-height: 44px; min-width: 44px; }
.tool-detail :focus-visible { outline: 3px solid var(--ap-gold); outline-offset: 4px; }
@media (max-width: 560px) {
  .tool-detail .tools-hero { padding: 110px 0 32px !important; }
  .tool-detail .tools-hero h1 { font-size: clamp(2.35rem, 10.5vw, 3.8rem) !important; }
  .tool-detail .tools-section { padding: 24px 0 40px !important; }
  .tool-directory nav { grid-template-columns: 1fr; }
}