/* Wspólny układ podstron projektów: treść + indywidualne menu projektu. */
.project-page {
    --project-color: #4f8555;
}
.project-theme-blue { --project-color: #2369a5; }
.project-theme-red { --project-color: #a52b2b; }
.project-theme-bluegrey { --project-color: #546e7a; }
.project-theme-orange { --project-color: #c56600; }
.project-theme-yellow { --project-color: #8c7400; }

.project-page .project-hero {
    border-top-color: var(--project-color);
}
.project-page .project-hero .label,
.project-page .project-section > h2:before,
.project-page .project-article .date,
.project-page .project-schedule .date {
    color: var(--project-color);
}
.project-page .project-schedule .date { margin: 7px 0; font-size: .92rem; font-weight: 700; line-height: 1.5; }
.project-page .project-schedule .location { margin: 5px 0; color: #46554a; font-size: .9rem; }
.project-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 28px;
    align-items: start;
    margin-top: 30px;
}
.project-sidebar-left {
    grid-template-columns: 260px minmax(0, 1fr);
}
.project-sidebar {
    position: sticky;
    top: 112px;
    order: 2;
    padding: 10px;
    border: 1px solid var(--line);
    border-top: 5px solid var(--project-color);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 28px rgba(32, 32, 30, .10);
}
.project-sidebar-left .project-sidebar { order: 1; }
.project-sidebar-title {
    padding: 10px 12px 12px;
    color: var(--project-color);
    font: 600 1.2rem/1.15 "Playfair Display", serif;
}
.project-sidebar nav { display: grid; gap: 3px; }
.project-sidebar nav a {
    display: block;
    padding: 10px 12px;
    border-left: 3px solid transparent;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}
.project-sidebar nav a:hover,
.project-sidebar nav a.is-active {
    border-left-color: var(--project-color);
    background: color-mix(in srgb, var(--project-color) 12%, white);
    color: var(--project-color);
}
.project-sidebar-empty { display: block; padding: 10px 12px; color: var(--muted); font-size: 13px; }
.project-main {
    min-width: 0;
    order: 1;
    padding: 24px 28px 32px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .55);
}
.project-sidebar-left .project-main { order: 2; }
.project-main .project-banner { margin: 0 0 28px; padding-bottom: 18px; /* border-bottom: 1px solid var(--line); */ text-align: center; }
.project-main .project-banner img { display: inline-block; width: auto; max-width: 100%; max-height: 150px; object-fit: contain; }
.project-main .project-section { padding: 0 0 24px; }
.project-main .project-section > h2 {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
    font-size: clamp(1.9rem, 3vw, 3rem);
	display:none;
}
.project-main .project-section > h2:before { content: "— "; }
.project-main .project-article h3 a,
.project-main .project-doc a,
.project-main .project-contact a { color: rgb(44,36,32); }
.project-main .project-article h3 a:hover,
.project-main .project-doc a:hover,
.project-main .project-contact a:hover { text-decoration: underline; }
.project-main .project-doc a:hover { text-decoration: none; }

@media (max-width: 760px) {
    .project-layout,
    .project-sidebar-left { grid-template-columns: 1fr; gap: 16px; }
    .project-sidebar,
    .project-sidebar-left .project-sidebar,
    .project-main,
    .project-sidebar-left .project-main { order: initial; }
    .project-sidebar { position: static; }
    .project-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .project-sidebar-title { grid-column: 1 / -1; }
    .project-main { padding: 20px 16px 24px; }
}

/* Menu projektu wraca do wcześniejszego, poziomego układu pod banerem. */
.project-page .project-layout {
    display: block;
    margin-top: 30px;
}
.project-page .project-sidebar,
.project-page .project-sidebar-left .project-sidebar {
    position: static;
    order: initial;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.project-page .project-sidebar-title { display: none; }
.project-page .project-sidebar nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 3px solid var(--project-color);
}
.project-page .project-sidebar nav a {
    display: block;
    margin-bottom: -3px;
    padding: 11px 16px;
    border: 3px solid transparent;
    border-bottom: 0;
    color: var(--project-color);
    background: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}
.project-page .project-sidebar nav a:hover,
.project-page .project-sidebar nav a.is-active {
    border-color: var(--project-color);
    border-bottom: 3px solid var(--project-color);
    color: #fff;
    background: var(--project-color);
}
.project-page .project-main,
.project-page .project-sidebar-left .project-main {
    order: initial;
    margin-top: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.project-page .project-main .project-banner { margin-bottom: 24px; }
.project-page .project-hero-section {
   /* position: relative;
    z-index: 1;
    margin-top: 10px;
    color: rgba(255, 255, 255, .86);
    font-size: .82rem;
    font-weight: 700; */
    letter-spacing: .38em;
}

@media (max-width: 760px) {
    .project-page .project-sidebar nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        border-bottom: 0;
    }
    .project-page .project-sidebar nav a,
    .project-page .project-sidebar nav a:hover,
    .project-page .project-sidebar nav a.is-active {
        margin: 0;
        border: 1px solid var(--project-color);
    }
}