/* Extracted from the inline style="..." attributes of:
     web/home.blade.php
   Loaded from @push('style'), i.e. after traincu-home.css (@push('style-lib'))
   and after utilities.css, so every rule below keeps the precedence the
   inline declaration had over those sheets. */

/* Hero stat footnote */
.tn-hero-stat-note {
    font-size: 0.92em;
    opacity: 0.88;
}

/* Empty-state glyph */
.tn-empty-icon {
    font-size: 48px;
}

/* Provider card meta line */
.tn-provider-meta {
    font-size: var(--t-fs-xs);
    font-weight: var(--t-fw-semi);
    color: #64748b;
}

/* CTA buttons sitting on the dark band. These override
   .tn-btn-outline-purple / .tn-btn-outline-dark in traincu-home.css at the
   same specificity and win on source order. */
.tn-btn--on-dark {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}

.tn-btn--on-dark-soft {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}

.tn-section-desc--wide {
    max-width: 820px;
}

/* ---- Sample-request modal ------------------------------------------
   .modal-content / .modal-header come from Bootstrap, which loads at the
   very top of the head; these match at (0,1,0) and win on source order. */
.tn-sample-modal-content {
    border-radius: var(--t-r-lg);
    border: 1px solid var(--t-line);
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.tn-sample-modal-header {
    background: var(--t-bg-sub);
    border-bottom: 1px solid var(--t-line);
    padding: var(--t-4) var(--t-5);
}

.tn-modal-summary {
    background: var(--t-bg-sub);
    border: 1px solid var(--t-line);
}

.tn-modal-info-row--last {
    border-bottom: none;
}