.pipeline-steps {
    [role='listitem'] p.font-semibold.prose {
        font-size: 1.25rem !important;
        margin-bottom: -0.5rem;

        /* offset the extra space caused by the increased 
            font size, to vertically align with the step number
        */
        position: relative;
        top: -2px;
    }
}

.warning-text {
    font-size: 1.05rem;
    font-weight: 600;
}

.caption {
    font-size: 0.85rem;
    margin-top: -1.5rem;
    text-align: center;
}

.caption--right {
    text-align: right;
}

.param-field-link {
    font-variant-ligatures: none;
    font-family:
        var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        'Liberation Mono', 'Courier New', monospace;
    font-size: 0.875em;
    font-weight: 500;
    font-feature-settings: normal;
    font-variation-settings: normal;
    text-decoration: none;
    margin: 0 0.2rem;
}

.param-field-link:hover {
    color: var(--primary-500);
}

.param-field-link i {
    line-height: 1;
}

/* for the param fields that are too small */
.prose-sm {
    font-size: 1rem !important;
}

.text-sm {
    line-height: 1.5 !important;
}

/* Mermaid diagram overrides
    https://mermaid.js.org/syntax/flowchart.html#styling-and-classes
    https://gist.github.com/ChristopherA/bffddfdf7b1502215e44cec9fb766dfd
    
    Example:

    ```mermaid
    flowchart-elk TD
        Start([Start]) --> OpenPDF[Open PDF Document]
        %% add style to specific node
        OpenPDF:::mermaid__code --> End[Email PDF]

        %% assign same class to multiple nodes
        class Start,Stop mermaid__link
    ```

    OpenPDF["<span class='mermaid__link'>Hello</span> <span class='mermaid__code'>dude</span>"] --> B[Regular Node]

*/
.mermaid__code {
    font-family: var(--font-jetbrains-mono), monospace;
}

.mermaid__default-text {
    font-size: 1.1rem;
}

.mermaid__link {
    color: rgb(var(--primary-light)) !important;

    p,
    a,
    div {
        background: blue;
        color: rgb(var(--primary)) !important;
    }
}

/* 
    Apply primary color deeply to common child elements of .intro-code-block 
    This is hacky to get the primary color to apply to the text in the code block
    without having to wrap the text in a span or a div.
*/
.intro-code-block :is(div, pre, code, span, mark) {
    /* 
        Tailwind theme colors are defined as 3 values. 
        Need to convert to an actual color
    */
    color: rgb(var(--primary)) !important;

    .tree-line {
        color: rgb(var(--gray-700)) !important;
    }
}


Overview

PDF Toolbox

Quickstart

Use Cases

A detailed look at the processing pipeline

How It Works

Metadata

Matter Pages

Token Costs

Duplicate Detection

Export your PDF highlights, notes, and text annotations

Annotation Handling

Configure your scripts using the `config.py` file

Processing

Settings for diagnosing and troubleshooting issues

Diagnostic

Evaluating and improving PDF processing results

Analyzing script accuracy and performance

Evaluation

Test Cases

Known Issues

Pending tasks, improvements, and development plans

Roadmap

Got ideas? We would love your contribution!

Getting Started

Key Concepts

Configuration

Analysis & Iteration

Project