/* ── Layout de duas colunas na página de projeto, desktop (PLANNER-27) ──
   Mobile (default): .project-layout/.project-main/.project-sidebar are
   plain blocks, so the sections render in source order — tasks first,
   then Objetivos/Lançamentos/Notas grouped together. Same breakpoint as
   .plan-layout above (640px) so the two desktop-vs-mobile cutoffs in this
   codebase stay in sync. */
@media (min-width: 641px) {
    main:has(.project-layout) { max-width: 1100px; }

    .project-layout {
        display: flex;
        gap: 2.5rem;
        align-items: flex-start;
    }
    .project-main { flex: 1; min-width: 0; }
    .project-sidebar {
        flex: none;
        width: 320px;
        position: sticky;
        top: 4rem;
    }
}