/* Retain the original homepage design; fit new links into its existing topbar. */
header > nav { flex-wrap: wrap; gap: 20px; }
header .nav-links { flex-wrap: wrap; }
#boralances-projects { scroll-margin-top: 20px; }
#boralances-projects h2 { overflow-wrap: anywhere; }
#projects-hub h2, .projects-page .hero h1 { overflow-wrap: anywhere; }
.projects-back { margin-bottom: 24px; }
.projects-back a, .project-link { color: #0ff; font-size: 18px; font-weight: 600; text-underline-offset: 4px; }
#projects-hub .projects-intro { margin-bottom: 24px; }
#projects-hub .boralances-project-card h3 { overflow-wrap: anywhere; }
#boralances-projects .projects-eyebrow { font-size: 14px; color: #0ff; letter-spacing: 2px; margin-bottom: 12px; }
#boralances-projects .projects-intro { margin-bottom: 24px; }
.boralances-project-tabs { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.boralances-project-tabs button { font-family: inherit; font-size: 18px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 8px 14px; color: #fff; border: 2px solid #0ff; background: rgba(15, 20, 40, 0.8); cursor: pointer; transition: all 0.3s; }
.boralances-project-tabs button[aria-selected="true"] { color: #0ff; box-shadow: 0 0 20px #0ff, inset 0 0 10px rgba(0, 255, 255, 0.3); text-shadow: 0 0 10px #0ff; }
.boralances-project-tabs button:hover { color: #f0f; border-color: #f0f; transform: translateY(-3px); }
#boralances-projects [role="tabpanel"] > h3 { font-family: 'Orbitron', sans-serif; color: #0ff; font-size: 24px; text-shadow: 0 0 10px #0ff; margin-bottom: 20px; }
.boralances-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.boralances-project-card { min-width: 0; display: flex; flex-direction: column; gap: 15px; }
.boralances-project-card h4 { color: #0ff; font-size: 24px; text-shadow: 0 0 10px #0ff; overflow-wrap: anywhere; }
.boralances-project-card .project-label { color: #f0f; font-size: 12px; letter-spacing: 2px; }
.boralances-project-card a, .boralances-project-card button { color: #0ff; font-family: inherit; font-size: 18px; font-weight: 600; text-underline-offset: 4px; margin-top: auto; align-self: flex-start; }
.boralances-project-card button { background: rgba(15, 20, 40, 0.8); border: 2px solid #0ff; padding: 8px 14px; cursor: pointer; }
.boralances-project-card code { color: #0ff; overflow-wrap: anywhere; }
#boralances-projects .boralances-project-status { min-height: 20px; margin-top: 16px; color: #0ff; }
#boralances-projects :focus-visible { outline: 2px solid #f0f; outline-offset: 4px; }
@media (max-width: 768px) { .boralances-project-grid { grid-template-columns: 1fr; } .boralances-project-card { padding: 20px; } .boralances-project-tabs button { font-size: 16px; padding: 8px 10px; } }