/* company-profile.php page styles — externalised for caching. */
.profile-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 2rem 1rem;
    }

    .profile-hero {
        background: linear-gradient(135deg, var(--company-primary) 0%, var(--company-primary-dark) 100%);
        padding: 2rem;
        border-radius: var(--company-radius);
        color: white;
        margin-bottom: 2rem;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 2rem;
        align-items: center;
    }

    .hero-info h1 {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .hero-meta {
        font-size: 1rem;
        opacity: 0.9;
        margin-bottom: 1rem;
    }

    .hero-links a {
        color: white;
        text-decoration: none;
        margin-right: 1rem;
        opacity: 0.9;
        transition: opacity 0.3s;
    }

    .hero-links a:hover {
        opacity: 1;
        text-decoration: underline;
    }

    .quote-box {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border-radius: 12px;
        padding: 1.5rem;
        min-width: 250px;
    }

    .quote-price {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    .quote-change {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .quote-change.positive {
        color: #10b981;
    }

    .quote-change.negative {
        color: #ef4444;
    }

    .profile-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .profile-card {
        background: var(--company-card-bg);
        border-radius: var(--company-radius);
        padding: 2rem;
        box-shadow: var(--company-shadow);
    }

    .profile-card h2 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        color: var(--company-primary);
        border-bottom: 2px solid var(--company-border);
        padding-bottom: 0.5rem;
    }

    .metric-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .metric-item {
        padding: 0.75rem;
        background: var(--company-bg);
        border-radius: 8px;
    }

    .metric-label {
        font-size: 0.85rem;
        color: var(--company-text-light);
        margin-bottom: 0.25rem;
    }

    .metric-value {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--company-text);
    }

    .description-box {
        grid-column: 1 / -1;
    }

    .description-text {
        line-height: 1.8;
        color: var(--company-text);
        text-align: justify;
    }

    .info-grid {
        display: grid;
        gap: 1rem;
    }

    .info-item {
        display: grid;
        grid-template-columns: 140px 1fr;
        gap: 1rem;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--company-border);
    }

    .info-item:last-child {
        border-bottom: none;
    }

    .info-label {
        font-weight: 600;
        color: var(--company-text-light);
    }

    .info-value {
        color: var(--company-text);
    }

    @media (max-width: 768px) {
        .profile-hero {
            grid-template-columns: 1fr;
        }

        .hero-info h1 {
            font-size: 2rem;
        }

        .quote-box {
            min-width: auto;
        }

        .metric-grid {
            grid-template-columns: 1fr;
        }

        .info-item {
            grid-template-columns: 1fr;
            gap: 0.25rem;
        }
    }