/* Custom constraints for the single-column Medium look */
.max-width-article {
    max-width: 720px !important;
    margin-left: auto;
    margin-right: auto;
}

/* Typography setup */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    letter-spacing: -0.01em;
}

.font-serif {
    font-family: 'Playfair Display', Georgia, Cambria, "Times New Roman", Times, serif;
}

/* Medium-like deep reading spacing */
.article-text p {
    margin-bottom: 1.5rem;
    color: #292929;
}

/* Professional Soft Pastel Orange Details */
a {
    color: #E06E04; /* Muted corporate orange instead of bright neon */
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: #E06E04;
}

/* Subtle logo accent dot */
.logo-accent::after {
    content: ".";
    color: #E06E04; /* Pure soft pastel orange */
}

/* Category Badge Styling */
.badge-category {
    background-color: #FFF3EB; /* Very light pastel orange background */
    color: #E06E04;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-weight: 500;
}

/* Blockquotes styled elegantly */
.article-text blockquote {
    font-style: italic;
    padding-left: 1.5rem;
    border-left: 3px solid #E06E04; /* Pastel orange accent line */
    color: #505050;
    margin: 2rem 0;
}

/* Small adjustments */
.extra-small {
    font-size: 0.70rem;
}
.tracking-wider {
    letter-spacing: 0.1em;
}

/* Subtle header title hover shift */
.article-link-hover {
    transition: color 0.15s ease-in-out;
}
.article-link-hover:hover {
    color: #E06E04 !important; /* Title turns soft orange on hover */
}

/* Smaller category indicator for feeds */
.badge-category-sm {
    color: #E06E04;
    font-weight: 500;
}
.badge-category-sm:hover {
    text-decoration: underline !important;
}

/* Custom Read More link animation */
.read-more-link {
    font-size: 0.8rem;
    color: #292929;
}
.read-more-link:hover {
    color: #E06E04;
}

/* A sophisticated horizontal line accent for static business pages */
.accent-bar {
    width: 100%;
    height: 3px;
    background-color: #E06E04; /* Mild pastel orange decorative line */
    margin-bottom: 2rem;
}

/* A color accent for titles and other important text */
.bottom-accent {
    border-bottom: 3px solid #E06E04;
}

/* Adjust Bootstrap Pagination style to match theme */
.pagination .page-link:focus {
    background-color: #FFF3EB;
    box-shadow: 0 0 0 0.25rem rgba(255, 160, 102, 0.25);
}