/* Shared detail-page skeleton; Home/index cards keep their component styles. */
.project-page { padding-top: 1.5rem; padding-bottom: 3rem; overflow-wrap: anywhere; }
.project-page .project-hero {
    padding: 1.5rem 0 1.25rem;
    background: linear-gradient(180deg, #f9fafb, #ffffff);
    border: 1px solid rgba(0, 0, 0, .05);
    border-left: 4px solid #0d6efd;
    border-radius: .75rem;
}
.project-page .project-breadcrumb { font-size: .85rem; text-transform: uppercase; letter-spacing: .06em; color: #6c757d; }
.project-page .project-title { font-size: 2rem; font-weight: 600; }
.project-page .project-subtitle { max-width: 40rem; color: #555; }
.project-page .project-status-card { min-width: 0; border-radius: .9rem; }
.project-page .project-meta .badge { border-radius: 50rem; white-space: normal; line-height: 1.4; }
.project-page .project-section { margin-top: 1.5rem; border-radius: .75rem; }
.project-page .section-title { font-size: 1.75rem; margin-bottom: .75rem; }
.project-page .project-cta-card .section-title { font-size: 1.25rem; }
.project-page .feature-card { padding: 1rem; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: .6rem; }
.project-page .feature-title { font-weight: 600; }
.project-page .feature-list,
.project-page .project-feature-list { padding-left: 1.2rem; margin-bottom: 0; }
.project-page .feature-list li,
.project-page .project-feature-list li { margin-bottom: .25rem; }
.project-page .highlight-box { padding: 1rem 1.25rem; background: linear-gradient(135deg, #f8f9ff, #eef3ff); border: 1px solid rgba(13, 110, 253, .1); border-radius: .75rem; }
.project-page .project-screenshot-wrapper { margin-bottom: 1.5rem; }
.project-page .project-screenshot { display: block; max-width: 100%; height: auto; margin: .75rem auto; border: 1px solid #e5e7eb; border-radius: .5rem; }
.project-page .table-responsive { overflow-x: auto; }
.project-page .table-responsive table { min-width: 40rem; overflow-wrap: normal; }
.project-page .table-responsive:focus-visible { outline: 2px solid #0d6efd; outline-offset: 3px; }
.project-page pre { max-width: 100%; overflow-x: auto; }
.project-page .project-cta-card .btn { white-space: normal; }
.project-page .btn-pill { border-radius: 50rem; }
@media (max-width: 767.98px) {
    .project-page .project-title { font-size: 1.6rem; }
    .project-page .section-title { font-size: 1.4rem; }
}