/* Tools-only additions to the existing css/style.css design system. */
.tools-directory { --directory-link: #795017; --text-faint: #a8adbd; }
.tools-directory [hidden] { display: none !important; }
.tools-directory .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.tools-directory a { text-underline-offset: .2em; }
.tools-directory main a, .tools-directory .site-footer a { text-decoration: underline; }
.tools-directory a:hover { text-decoration-thickness: 2px; }
.tools-directory :is(a, button, input, summary):focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.tools-directory .tool-card :is(a, button):focus-visible { outline-color: #175f57; }
.tools-directory :is(main, [id]) { scroll-margin-top: 100px; }
.tools-directory .skip-link { position: fixed; z-index: 100; top: 8px; left: 12px; padding: 12px 18px; background: var(--paper); color: var(--ink); transform: translateY(-160%); }
.tools-directory .skip-link:focus { transform: none; }
.tools-directory .nav-inner { padding: 12px 24px; gap: 20px; }
.tools-directory .brand { flex-shrink: 0; }
.tools-directory .nav-links { gap: clamp(14px, 2vw, 28px); }
.tools-directory .nav-links a { display: inline-flex; align-items: center; min-height: 44px; }
.tools-directory .nav-links a[aria-current] { text-decoration: underline; text-decoration-color: var(--amber); text-underline-offset: .4em; }
.tools-directory .directory-nav-toggle { display: none; min-height: 44px; min-width: 64px; padding: 8px 12px; background: var(--ink-2); color: var(--text-hi); border: 1px solid #747b8e; border-radius: 8px; font: inherit; cursor: pointer; }
.tools-directory .page-hero { padding: 40px 0 28px; }
.tools-directory .page-hero h1 { max-width: 850px; }
.tools-directory .page-hero .lede { max-width: 820px; margin-bottom: 12px; }
.tools-directory .evidence-note { max-width: 820px; font-size: 14px; border-left: 2px solid var(--teal); padding-left: 14px; margin: 18px 0; }
.tools-directory .directory-jumps { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.tools-directory .directory-jumps a { display: inline-flex; align-items: center; min-height: 44px; color: var(--teal); gap: 6px; }
.tools-directory .task-guidance { padding-top: 30px; padding-bottom: 30px; }
.tools-directory .task-guidance h2, .tools-directory .browse-title, .tools-directory .directory-trust h2, .tools-directory .directory-reading h2 { font-size: clamp(24px, 3vw, 30px); }
.tools-directory .task-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 20px; }
.tools-directory .task-paths h3 { font-family: var(--body); font-size: 16px; line-height: 1.5; }
.tools-directory .task-paths p, .tools-directory .task-paths a { font-size: 14px; }
.tools-directory .task-paths a, .tools-directory .directory-trust a, .tools-directory .directory-reading a, .tools-directory .directory-notice a { color: var(--teal); }
.tools-directory .directory-browser { padding-top: 28px; border-top: 1px solid var(--line); }
.tools-directory .browse-title { margin-bottom: 20px; }
.tools-directory .category-jumps { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.tools-directory .category-jumps a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--teal); border: 1px solid #747b8e; border-radius: 999px; font-size: 14px; }
.tools-directory label[for="tools-search"] { display: block; font-weight: 600; margin-bottom: 8px; }
.tools-directory .tools-toolbar { margin-bottom: 16px; }
.tools-directory .tools-search { min-width: 0; width: 100%; font-size: 16px; border-color: #747b8e; }
.tools-directory .tools-search::placeholder { color: #b6bbca; opacity: 1; }
.tools-directory .directory-button { min-height: 44px; padding: 10px 16px; background: var(--ink-2); color: var(--text-hi); border: 1px solid #747b8e; border-radius: 999px; font: 600 14px var(--body); cursor: pointer; }
.tools-directory .directory-button:hover { border-color: var(--teal); }
.tools-directory .chip-row { margin-bottom: 12px; }
.tools-directory .chip { min-height: 44px; padding: 10px 14px; border-color: #747b8e; }
.tools-directory .chip.active:hover { color: var(--ink); }
.tools-directory .directory-small { font-size: 13px; max-width: 850px; }
.tools-directory .tools-count { color: var(--text-hi); font-weight: 600; margin: 20px 0 6px; font-size: 15px; }
.tools-directory .tools-empty { display: block; padding: 26px 18px; border: 1px solid #747b8e; border-radius: var(--radius); margin: 24px 0; }
.tools-directory .tools-empty p { color: var(--text-hi); }
.tools-directory .directory-notice { padding: 16px; border-left: 2px solid var(--teal); }
.tools-directory .tool-category { padding: 30px 0 12px; }
.tools-directory .category-heading { max-width: 780px; margin-bottom: 20px; }
.tools-directory .category-heading h2 { font-size: 26px; }
.tools-directory .category-heading p { font-size: 15px; margin-bottom: 0; }
.tools-directory .tools-grid { grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr)); align-items: stretch; }
.tools-directory .tool-card { min-width: 0; border: 1px solid var(--line-strong); }
.tools-directory .tool-card:target { outline: 3px solid var(--teal); outline-offset: 4px; }
.tools-directory .tool-card .spec-strip { gap: 8px; flex-wrap: wrap; }
.tools-directory .tool-card h3 { font-size: 21px; line-height: 1.25; overflow-wrap: anywhere; margin-bottom: 10px; }
.tools-directory .tool-card p { flex: none; margin-bottom: 12px; }
.tools-directory .tool-card .tool-note { font-size: 12px; color: #565144; margin-top: -3px; }
.tools-directory .tool-assessment { font-size: 14px; line-height: 1.55; color: #4a4636; margin: 0 0 14px; }
.tools-directory .tool-assessment div + div { margin-top: 12px; }
.tools-directory .tool-assessment dt { font-weight: 700; color: var(--ink); margin-bottom: 2px; }
.tools-directory .tool-assessment dd { margin: 0; }
.tools-directory .tool-access { border-top: 1px solid #c4bbaa; padding-top: 12px; margin-top: auto; }
.tools-directory .tool-access p { font-size: 13px; margin-bottom: 2px; }
.tools-directory .tool-card .access-source { display: inline-block; padding: 5px 0; font-size: 12px; color: #565144; }
.tools-directory .tool-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; margin-top: 12px; }
.tools-directory .tool-card .tool-link { color: var(--directory-link); display: inline-flex; align-items: center; gap: 5px; min-height: 44px; margin-top: 0; font-size: 14px; flex-wrap: wrap; }
.tools-directory .tool-card .coverage-link { color: var(--directory-link); font-size: 13px; padding: 5px 0; }
.tools-directory .tool-card a:hover { color: var(--ink); }
.tools-directory .tool-card .affiliate-note { border-left: 2px solid #795017; padding-left: 9px; font-size: 12px; color: #4a4636; margin: 0; }
.tools-directory .directory-trust { padding-top: 48px; padding-bottom: 30px; }
.tools-directory .trust-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 32px; margin-top: 24px; }
.tools-directory .trust-columns h3 { font-family: var(--body); font-size: 17px; line-height: 1.4; }
.tools-directory .trust-columns p { font-size: 14px; }
.tools-directory .directory-changes { margin-top: 14px; border: 1px solid #747b8e; border-radius: var(--radius); padding: 0 18px; }
.tools-directory .directory-changes summary { min-height: 48px; padding: 12px 0; cursor: pointer; font-weight: 600; }
.tools-directory .directory-changes p { font-size: 14px; }
.tools-directory .directory-reading { padding-top: 24px; padding-bottom: 12px; }
.tools-directory .directory-reading ul { padding-left: 22px; color: var(--text-lo); }
.tools-directory .directory-reading li { margin-bottom: 12px; }
.tools-directory .footer-heading { font-family: var(--body); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-hi); margin-bottom: 14px; }
.tools-directory .footer-col p:not(.footer-heading) { font-size: 14px; }
.tools-directory .site-footer li a { display: inline-flex; align-items: center; min-height: 32px; }
@media (max-width: 1000px) {
 .tools-directory .nav-inner { flex-wrap: wrap; gap: 8px 20px; }
 .tools-directory .site-header nav { width: 100%; }
 .tools-directory .nav-links { justify-content: flex-start; }
}
@media (max-width: 780px) {
 .tools-directory .site-header { position: static; }
 .tools-directory .nav-inner { padding: 12px 20px; }
 .tools-directory .nav-links, .tools-directory .nav-links.open { display: flex; position: static; flex-direction: row; flex-wrap: wrap; padding: 8px 0; gap: 2px 20px; border: 0; background: transparent; }
 .tools-directory.nav-enhanced .directory-nav-toggle { display: inline-block; }
 .tools-directory.nav-enhanced .nav-links:not(.open) { display: none; }
 .tools-directory .brand { font-size: 18px; }
 .tools-directory .brand .mark { width: 26px; height: 26px; }
 .tools-directory .page-hero { padding-top: 28px; }
 .tools-directory .task-paths { grid-template-columns: 1fr; gap: 16px; }
 .tools-directory .task-paths p { margin-bottom: 6px; }
 .tools-directory .trust-columns { grid-template-columns: 1fr; gap: 8px; }
 .tools-directory :is(main, [id]) { scroll-margin-top: 24px; }
}
@media (max-width: 420px) {
 .tools-directory .wrap { padding-left: 18px; padding-right: 18px; }
 .tools-directory .footer-grid { grid-template-columns: 1fr; gap: 20px; }
 .tools-directory .tool-body { padding: 16px; }
 .tools-directory .chip { padding-left: 11px; padding-right: 11px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .tools-directory * { transition: none !important; } }