/* Core toolbox styles applied across every page */
:root {
    --toolbox-bg: #f0f0f0;
    --toolbox-link: #007bff;
    --toolbox-link-hover: #0056b3;
    --toolbox-page-padding: 24px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: var(--toolbox-page-padding);
    min-height: 100vh;
    font-family: "Arial", sans-serif;
    background-color: var(--toolbox-bg);
    color: #333;
}

body.full-bleed {
    padding: 0;
}

main {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    color: var(--toolbox-link);
    text-decoration: none;
}

a:hover {
    color: var(--toolbox-link-hover);
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.9rem;
    color: #666;
    padding: 12px 0;
}

.breadcrumb-sep {
    color: #ccc;
}

.breadcrumb a {
    color: inherit;
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 6px;
}

.breadcrumb a:hover {
    background-color: rgba(64, 64, 64, 0.06);
}

.breadcrumb a.leaf {
    pointer-events: none;
    color: inherit;
}

.breadcrumb a.leaf:hover {
    background-color: transparent;
}