/* Tool pages use the same paper field, ink type, and signal actions as the rest of the site. */

.site-page .tools-hero {
    padding: 3.25rem 0 1.75rem;
}

.site-page .tools-hero-subtitle,
.site-page .tool-card-desc {
    color: #5B626C;
}

.site-page .ut-wrap,
.site-page .ct-wrap,
.site-page .calc-wrap,
.site-page .rnd-wrap,
.site-page .web-wrap,
.site-page .dtm-wrap {
    padding-top: 2.5rem;
    background: #F5F4F0;
}

.site-page .tool-card,
.site-page .pt-card,
.site-page .it-card,
.site-page .tt-card,
.site-page .dt-card,
.site-page .ut-card,
.site-page .ct-card,
.site-page .calc-card,
.site-page .rnd-card,
.site-page .web-card,
.site-page .dtm-card {
    background: #fff;
    border: 1px solid #D9DBD8;
    border-radius: 8px;
    box-shadow: none;
}

.site-page a.tool-card--live:hover,
.site-page a.pt-card--live:hover,
.site-page a.it-card--live:hover,
.site-page a.tt-card--live:hover,
.site-page a.dt-card--live:hover,
.site-page a.ut-card--live:hover,
.site-page a.ct-card--live:hover,
.site-page a.calc-card--live:hover,
.site-page a.rnd-card--live:hover,
.site-page a.web-card--live:hover,
.site-page a.dtm-card--live:hover {
    transform: none;
    box-shadow: none;
    border-color: #0B0E13;
}

.site-page [class*="-card-icon"],
.site-page [class*="-tool-icon"] {
    background: rgba(255, 91, 31, 0.12) !important;
    color: #FF5B1F !important;
}

.site-page [class$="-header"] h1,
.site-page [class$="-category-title"],
.site-page [class$="-workflow-title"],
.site-page .tools-hero-title {
    color: #0B0E13;
}

.site-page [class$="-header"] p {
    color: #5B626C;
}

.site-page [class$="-hub-eyebrow"],
.site-page .tools-eyebrow,
.site-page [class$="-header"] [class$="-eyebrow"] {
    color: #FF5B1F;
}

.site-page .ut-badge,
.site-page .ct-badge,
.site-page .calc-badge,
.site-page .rnd-badge,
.site-page .web-badge,
.site-page .dtm-badge {
    color: #FF5B1F;
    background: rgba(255, 91, 31, 0.12);
}

.site-page [class$="-back"] a,
.site-page [class$="-tool-nav"] a,
.site-page .pt-card-cta,
.site-page .it-card-cta,
.site-page .tt-card-cta,
.site-page .dt-card-cta,
.site-page .ut-card-cta,
.site-page .tool-card-cta {
    color: #FF5B1F;
}

.site-page .pt-card-cta--muted,
.site-page .it-card-cta--muted,
.site-page .tt-card-cta--muted,
.site-page .dt-card-cta--muted,
.site-page .ut-card-cta--muted,
.site-page .tool-card-cta--muted {
    color: #9AA3AE;
}

.site-page .ut-btn-primary,
.site-page .qr-btn-primary,
.site-page .sc-hero-btn {
    background: #FF5B1F;
    border-color: #FF5B1F;
    color: #0B0E13;
}

.site-page .ut-btn-primary:hover:not(:disabled),
.site-page .qr-btn-primary:hover,
.site-page .sc-hero-btn:hover:not(:disabled) {
    background: #FF6E38;
    border-color: #FF6E38;
    color: #0B0E13;
}

.site-page .ut-btn-secondary {
    color: #0B0E13;
    border-color: #D9DBD8;
}

.site-page .pt-step.is-active,
.site-page .it-step.is-active,
.site-page .tt-step.is-active,
.site-page .dt-step.is-active {
    color: #FF5B1F;
}

.site-page .pt-step.is-active .pt-step-num,
.site-page .it-step.is-active .it-step-num,
.site-page .tt-step.is-active .tt-step-num,
.site-page .dt-step.is-active .dt-step-num {
    background: #FF5B1F;
    color: #0B0E13;
    box-shadow: 0 0 0 4px rgba(255, 91, 31, 0.18);
}

.site-page .pt-thumb.is-selected,
.site-page .it-thumb.is-selected,
.site-page .tt-thumb.is-selected,
.site-page .dt-thumb.is-selected {
    border-color: #FF5B1F;
    box-shadow: 0 0 0 3px rgba(255, 91, 31, 0.2);
}

.site-page [class$="-hub-filter"] {
    border-color: #D9DBD8;
    color: #5B626C;
    background: #fff;
}

.site-page [class$="-hub-filter"]:hover,
.site-page [class$="-hub-filter"].is-active {
    border-color: #FF5B1F;
    color: #FF5B1F;
    background: #fff;
}

.site-page [class$="-privacy"] {
    background: #fff;
    border-color: #D9DBD8;
    color: #5B626C;
}
.site-page .ut-progress-bar,
.site-page .web-switch input:checked + .web-switch-track {
    background: #FF5B1F;
}

.site-page a.sc-probe-url,
.site-page a.sc-probe-url:hover,
.site-page .sc-history-url {
    color: #FF5B1F;
}