.project-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(130deg,#073b59,#0b5d69);color:#fff;border-radius:20px;padding:1.25rem 1.4rem;box-shadow:0 12px 30px #073b5920}.project-hero h2{font-size:clamp(1.55rem,3vw,2.2rem);margin:.25rem 0}.project-hero p{margin:0;color:#d8eef0}.project-kicker,.project-overview>div>span{font-size:.72rem;font-weight:900;letter-spacing:.13em;color:#32bbc2}.project-hero .project-kicker{color:#80e1e4}.project-tabs{display:flex;gap:.45rem;overflow:auto;margin:.75rem 0 1.1rem;padding:.3rem;background:#eaf1f2;border-radius:14px}.project-tabs button{border:0;background:transparent;color:#49636d;font-weight:800;padding:.7rem 1rem;border-radius:10px;white-space:nowrap;cursor:pointer}.project-tabs button:hover,.project-tabs button.active{background:#fff;color:#073b59;box-shadow:0 4px 13px #0b355712}.project-overview{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.project-overview h2{margin:.2rem 0;font-size:1.45rem}.project-overview p{margin:.2rem 0;color:var(--muted)}.project-board-modern{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:.8rem;overflow:auto}.project-column{--accent:#35aab5;background:#eef5f5;border-radius:18px;padding:.8rem;min-height:390px;border-top:5px solid var(--accent)}.project-column-problem{--accent:#e25357}.project-column-idea{--accent:#d7a520}.project-column-expert{--accent:#2e9ca9}.project-column-research{--accent:#6879b5}.project-column>header{display:flex;gap:.65rem;min-height:84px}.project-column-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;font-weight:900}.project-column h2{font-size:1rem;margin:.1rem 0}.project-column h2 b{display:inline-grid;place-items:center;background:#fff;border-radius:50%;min-width:24px;height:24px;font-size:.72rem}.project-column header p{font-size:.76rem;line-height:1.35;color:var(--muted);margin:.25rem 0}.project-column-list{display:grid;gap:.55rem}.project-entry{background:#fff;border:1px solid #dce7e9;border-left:4px solid var(--accent);border-radius:12px;padding:.7rem;box-shadow:0 4px 12px #0b355708}.project-entry-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.project-type,.selection-phase{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.project-entry-actions{display:flex;gap:.2rem}.project-entry h3{font-size:.9rem;margin:.35rem 0}.project-entry p{font-size:.78rem;line-height:1.4;margin:.25rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-entry a{display:inline-block;font-size:.76rem;margin-top:.35rem}.project-entry footer{display:flex;justify-content:space-between;gap:.5rem;margin-top:.55rem;color:var(--muted);font-size:.66rem}.project-column-add{width:100%;border:1px dashed var(--accent);background:#ffffffa8;color:#173f51;border-radius:10px;padding:.65rem;margin-top:.65rem;font-weight:900;cursor:pointer}.project-next{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.project-next-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:.8rem;border:1px solid var(--line);background:#fff;border-radius:15px;padding:.9rem;cursor:pointer}.project-next-card:hover{border-color:#3aafb6;box-shadow:0 8px 20px #0b355710;transform:translateY(-1px)}.project-next-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff3f3;color:#0b6570;font-weight:900}.project-next-card b,.project-next-card small{display:block}.project-next-card small{color:var(--muted);margin-top:.2rem}.project-next-card strong{font-size:1.3rem;color:#2aa9b2}.selection-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.selection-heading h2{margin:.25rem 0;font-size:1.6rem}.selection-heading p{margin:0;color:var(--muted)}.selection-result{text-align:center;background:#e2f4f4;padding:.7rem 1.2rem;border-radius:14px}.selection-result strong,.selection-result span{display:block}.selection-result strong{font-size:1.7rem;color:#08717a}.selection-result span{font-size:.72rem;color:var(--muted)}.selection-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.selection-step{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center;background:#edf2f3;border:1px solid #dfe7e9;border-radius:12px;padding:.65rem;color:#72838a}.selection-step>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d7e0e2;font-weight:900}.selection-step b{font-size:.8rem}.selection-step small{font-size:.68rem}.selection-step.has-items{background:#edfafa;color:#145d65;border-color:#aad6d9}.selection-step.final.has-items{background:#eaf8f0;color:#217451;border-color:#9bd1b6}.selection-list{display:grid;gap:.65rem}.selection-card{display:grid;grid-template-columns:1fr auto;gap:1rem;background:#fff;border:1px solid var(--line);border-left:6px solid #9aaab0;border-radius:15px;padding:.9rem 1rem}.selection-card.chosen{border-left-color:#2d9a73;background:#f8fffb}.selection-card h3{margin:.4rem 0 .25rem}.selection-card p{margin:.2rem 0 .5rem;line-height:1.45}.selection-card small{color:var(--muted)}.selection-confirmed{margin-left:.5rem;color:#237b57;font-size:.72rem;font-weight:900}.selection-controls{display:flex;align-items:center;gap:.55rem}.selection-controls label{font-size:.7rem;color:var(--muted)}.selection-controls select{display:block;margin-top:.15rem;min-width:130px}.selection-vote{border:0;border-radius:12px;background:#edf2f3;padding:.65rem .8rem;color:#65777e;font-size:1rem;cursor:pointer}.selection-vote.active{background:#fdebed;color:#d44853}.project-dev-summary{display:inline-flex;gap:.4rem;align-items:baseline;background:#e4f4f4;border-radius:12px;padding:.65rem 1rem;margin-bottom:.8rem}.project-dev-summary strong{font-size:1.4rem;color:#08717a}.project-dev-list{display:grid;gap:.7rem}.project-dev-card{display:grid;grid-template-columns:145px 1fr;background:#fff;border:1px solid var(--line);border-left:5px solid #35aab5;border-radius:15px;padding:1rem;box-shadow:0 5px 16px #0b355708}.project-dev-date{border-right:1px solid var(--line);margin-right:1rem}.project-dev-date strong,.project-dev-date span{display:block}.project-dev-date span{font-size:.75rem;color:var(--muted);margin-top:.25rem}.project-dev-card h3{margin:.35rem 0}.project-dev-card p{line-height:1.45}.project-dev-result{background:#f2f8f8;border-radius:10px;padding:.65rem .8rem}.project-dev-result p{margin:.25rem 0 0}.project-dev-note{color:var(--muted)}.project-dev-card footer{display:flex;gap:1rem;color:var(--muted);font-size:.72rem}.project-files{display:grid;gap:.65rem}.project-file{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem}.project-file-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#dff2f3;color:#126873;font-size:.7rem;font-weight:900}.project-file h3{margin:0 0 .25rem;font-size:.95rem}.project-file small{color:var(--muted)}.project-file>div:last-child{display:flex;gap:.4rem}@media(max-width:1000px){.project-board-modern{grid-template-columns:repeat(2,minmax(250px,1fr))}.project-next{grid-template-columns:1fr}.selection-controls{flex-wrap:wrap}}@media(max-width:700px){.project-hero,.project-overview,.selection-heading{display:block}.project-hero .button,.project-overview .button{margin-top:.8rem}.project-board-modern{grid-template-columns:1fr}.selection-steps{grid-template-columns:1fr 1fr}.selection-card{grid-template-columns:1fr}.project-dev-card{grid-template-columns:1fr}.project-dev-date{border-right:0;border-bottom:1px solid var(--line);padding-bottom:.55rem;margin:0 0 .5rem}.project-file{grid-template-columns:auto 1fr}.project-file>div:last-child{grid-column:1/-1}}
/* Project tabs are content navigation, not the application sidebar. */
.app main .project-tabs{display:flex;gap:.45rem;overflow:auto;margin:.75rem 0 1.1rem;padding:.3rem;background:#eaf1f2;border-radius:14px}
.app main .project-tabs button{color:#49636d;background:transparent;padding:.7rem 1rem}.app main .project-tabs button.active,.app main .project-tabs button:hover{background:#fff;color:#073b59}

/* 2.9.3: tabs wrap on notebook-sized screens instead of widening the page. */
.app main .project-tabs{display:flex;flex-wrap:wrap;overflow:visible}.app main .project-tabs button{flex:1 1 auto;white-space:normal}