/* Shared navigation for setup, extraction and docs. */
.tool-nav { display: flex; gap: 1.75rem; overflow-x: auto; }
.tool-nav a { padding: 0.8rem 0; border-bottom: 3px solid transparent; text-decoration: none; white-space: nowrap; color: var(--muted); font-weight: 600; }
.tool-nav a[aria-current="page"] { border-color: var(--accent); color: var(--accent-text); }
.tool-heading { font-size: clamp(1.45rem, 3vw, 1.85rem); margin: 2rem 0 0.5rem; letter-spacing: -0.025em; }
.tool-heading + .intro { margin-top: 0.5rem; }
.tool-title-row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem 1rem; }
.tool-title-row + .intro { margin-top: 0.5rem; }
#recipe-tool { display: block; width: 100%; min-height: 900px; border: 0; margin: 1.5rem 0 3rem; }
.guide-list { margin: 2rem 0 4rem; border-top: 1px solid var(--border); }
.guide-list a { display: grid; grid-template-columns: minmax(180px, 1fr) 2fr auto; align-items: baseline; gap: 1rem; padding: 1.3rem 0; border-bottom: 1px solid var(--border); text-decoration: none; }
.guide-list a:hover strong { text-decoration: underline; }
.guide-list a span:not(:last-child) { color: var(--muted); }
@media (max-width: 600px) {
  .tool-nav { gap: 1.25rem; font-size: 0.9rem; }
  .guide-list a { grid-template-columns: 1fr auto; gap: 0.35rem 1rem; }
  .guide-list a span:not(:last-child) { grid-column: 1; grid-row: 2; }
  .guide-list a span:last-child { grid-column: 2; grid-row: 1; }
}