/* =================================================================
   pages/consulting.css - page-specific styles for consulting.php.
   Loaded AFTER css/site.css. Re-implements the Canvas "pricing table"
   components (pricing-box / pricing-extended and friends) on top of
   the Bootstrap 5 grid used in the page markup. Nothing here is shared
   with other routes.
   ================================================================= */

/* Extended pricing card: a bordered panel split into a description
   area and a price / call-to-action rail. The row/col-* classes come
   from Bootstrap; this file supplies the skin. */
.pricing-box.pricing-extended {
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.pricing-box .pricing-title h3 {
    font-size: 1.35rem;
    margin-bottom: 6px;
}
.pricing-box .pricing-title h3 b { color: var(--brand); font-weight: 700; }
.pricing-box .pricing-title span {
    display: block;
    color: var(--muted);
    font-weight: 400;
    font-size: 0.95rem;
    margin-bottom: 4px;
}

/* Feature list: two responsive columns of ticked items, no bullets. */
.pricing-box .pricing-features ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pricing-box .pricing-features li {
    margin-bottom: 10px;
    color: #555;
    line-height: 1.5;
}
.pricing-box .pricing-features li i {
    color: var(--brand);
    vertical-align: baseline;
}

/* Price / action rail: tinted panel down the side (top on mobile). */
.pricing-box .pricing-action-area {
    background: #f7f8f9;
    border-left: 1px solid var(--line);
    text-align: center;
    padding: 30px 20px;
}
.pricing-box .pricing-meta {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
    margin-bottom: 6px;
}
.pricing-box .pricing-price {
    color: var(--heading-ink);
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 18px;
}
.pricing-box .pricing-price .price-unit {
    font-size: 1.1rem;
    font-weight: 600;
    vertical-align: super;
    margin-right: 2px;
    color: var(--muted);
}
.pricing-box .pricing-price .price-tenure {
    display: block;
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--muted);
    margin-top: 6px;
}

/* Stack the rail under the description on narrow screens. */
@media (max-width: 991.98px) {
    .pricing-box .pricing-action-area {
        border-left: 0;
        border-top: 1px solid var(--line);
    }
}

/* Consultancy notes list. */
#content .list-group-item a { color: var(--brand-dark); }