/* 2026-11-07: project index aligned to the shared 12-column field. */
html[lang=pl] #projects-inner details.project > summary {
 display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important;
 column-gap:var(--wl-gap,24px)!important; row-gap:12px!important;
 align-items:center!important; padding-block:24px!important;
}
html[lang=pl] #projects-inner details.project > summary .project-number {
 display:block!important; grid-column:1!important; grid-row:1!important;
 align-self:center; min-width:0; font-variant-numeric:tabular-nums;
}
html[lang=pl] #projects-inner details.project > summary h3 {
 grid-column:2 / 5!important; grid-row:1!important; min-width:0;
}
html[lang=pl] #projects-inner details.project > summary .project-category {
 grid-column:5 / 8!important; grid-row:1!important; min-width:0;
 white-space:normal!important; overflow:visible!important; text-overflow:clip!important;
 overflow-wrap:break-word!important;
}
html[lang=pl] #projects-inner details.project > summary .project-year {
 grid-column:8 / 12!important; grid-row:1!important; display:flex!important;
 align-items:center; justify-content:flex-start!important; flex-wrap:wrap;
 gap:8px 20px!important; min-width:0; white-space:normal!important;
}
html[lang=pl] #projects-inner details.project > summary .project-plus {
 grid-column:12!important; grid-row:1!important; justify-self:end;
}
@media (max-width:1099px) {
 html[lang=pl] #projects-inner details.project > summary {grid-template-columns:repeat(8,minmax(0,1fr))!important}
 html[lang=pl] #projects-inner details.project > summary h3 {grid-column:2 / 5!important}
 html[lang=pl] #projects-inner details.project > summary .project-category {grid-column:5 / 8!important}
 html[lang=pl] #projects-inner details.project > summary .project-year {grid-column:2 / 8!important;grid-row:2!important}
 html[lang=pl] #projects-inner details.project > summary .project-plus {grid-column:8!important;grid-row:1 / 3!important}
}
@media (max-width:760px) {
 html[lang=pl] #projects-inner details.project > summary {grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:16px!important;row-gap:8px!important;padding-block:20px!important}
 html[lang=pl] #projects-inner details.project > summary .project-number {grid-column:1!important;align-self:start}
 html[lang=pl] #projects-inner details.project > summary h3 {grid-column:2 / 4!important}
 html[lang=pl] #projects-inner details.project > summary .project-category {grid-column:2 / 5!important;grid-row:2!important}
 html[lang=pl] #projects-inner details.project > summary .project-year {grid-column:2 / 5!important;grid-row:3!important;margin-top:4px}
 html[lang=pl] #projects-inner details.project > summary .project-plus {grid-column:4!important;grid-row:1!important;align-self:start}
}